Элементҳоро бо JavaScript оро додан
Бигзор мо чанд абзас дошта бошем:
<p>матн1</p>
<p>матн2</p>
<p>матн3</p>
Биёед ин абзасҳоро бо давр гузаронем ва ба охири
ҳар абзас истиноде илова кунем, ки пас аз фишор додан
ба он ба матни абзас чанд оро илова шавад. Масалан, матни абзас
хати кашидашуда мешавад (инро хосияти CSS-и text-decoration анҷом медиҳад).
Биёед ду нюанси чунин вазифаро муҳокима кунем.
Аввалан, тавре ки дар дарсҳои қаблӣ муҳокима шуд, набояд орои абзасҳоро бевосита тавассути JavaScript иваз кард - ҳатто осонтари он хоҳад буд, ки баъзе синфҳои CSS-ро насб кард.
Дуюм, ҳангори амалӣ кардани чунин вазифа шуморо як ҳайрате интизор аст. Барои фаҳмидани манзарааш, биёед ба рамзи HTML-и абзасҳо пас аз илова кардани истинодҳо нигарем:
<p>матн1<a href="">истинод</a></p>
<p>матн2<a href="">истинод</a></p>
<p>матн3<a href="">истинод</a></p>
Акнун тасаввур кунем, ки пас аз фишор додан ба истинод матни абзас хати кашида мешавад. Аммо, истинод дар ин ҳолат инчунин қисми абзас аст ва ҳамчунин хати кашида мешавад! Эҳтимолан чунин таъсир ба мо лозим нест. Мо мехоҳем, ки матн хати кашида шавад, аммо истинод - на.
Барои ҳалли мушкилот танҳо бояд
матни абзасро дар теги span печонид, ин тавр:
<p><span>матн1</span><a href="">истинод</a></p>
<p><span>матн2</span><a href="">истинод</a></p>
<p><span>матн3</span><a href="">истинод</a></p>
Рамзи HTML-и зерин дода шудааст:
<p>матн1</p>
<p>матн2</p>
<p>матн3</p>
Ба охири ҳар абзас истиноде илова кунед, ки пас аз клик кардан бар он матни абзас хати кашида шавад (ва истинод - на).
Вазифаи қаблиро тавре тағир диҳед, ки пас аз фишор додан ба истинод ин истинод нест карда шавад аз абзас (ва матни абзас хати кашидашуда шавад).
Як ҷадвали HTML дода шудааст. Ба ин ҷадвал як сутуни дигар бо истинод илова кунед. Пас аз фишор додан бар ин истинод сатри ин истинод бояд заминаи сабз пайдо кунад.
Вазифаи қаблиро тавре тағир диҳед, ки якумин фишор додан бар истинод сатрро ба заминаи сабз ранга кунад, ва дуюмин фишор додан ин амалро бекор кунад.
