2017 altex.ro

Deschide sau ascunde un text intr-un post pe blog


Iti propun o metoda usoara de a deschide sau ascunde un text folosind un script ce functioneaza dupa modelul nextSibling.

Mergem la Aspect->Editare HTML si introducem codul de mai jos exact inaintea liniei </head>


<script type='text/JavaScript'>
function verocultar(cual) {
var c=cual.nextSibling;
if(c.style.display=='none') {
c.style.display='block';
} else {
c.style.display='none';
}
return false;
}
</script>


Salvam modificarea.Acum deschidem un post nou unde vom introduce urmatorul cod

<a onclick="return verocultar(this);"
href="javascript:void(0);">[+/-]</a><div style="display: none;">
....... aici vine scris textul ascuns .......
</div>

Pentru a functiona corect scriptul (unde apare semnului acesta [+/-] ) trebuie sa-i adaugam un linck(url de text sau imagine)

Rezultatul cu simbolul original:
Deschide/ascunde [+/-]

Rezultatul este acesta aici dupa cum se observa se poate adauga imagine,text,bannere sau tot ce doresti tu sa apara.


Rezultatul cu o imagine:
Deschide/Ascunde

Dupa cum ai observat in acest exemplu simbolul a fost inlocuit cu o imagine.

0 comentarios:

Trimiteți un comentariu

Bine ai venit!
In continuare poti lasa mesajul tau.

Multumesc