Join US!

07 august 2011

Blog - Efectul arata / ascunde

efectul arata / ascundeAcest efect arata / ascunde este foarte usor de implementat si poate fi folosit pentru a arata / ascunde text, imagini, link-uri, etc. Apasa pe butoanele de mai jos pentru a vedea cum functioneaza: Imagine Text Link Codul de mai jos va adauga un buton care o data apasat va afisa continutul ascuns.
<div id="hide" style="display:none"> 
CONTINUTUL CARE VREI SA FIE ASCUNS
</div> 
<button title="Arata/Ascunde continut" type="button" onclick="if(document.getElementById('hide') .style.display=='none') {document.getElementById('hide') .style.display=''}else{document.getElementById('hide') .style.display='none'}">Arata/Ascunde</button>

Poti modifica codul in functie de nevoile tale.
in ultima linie, inlocuieste textul Arata/Ascunde cu cel dorit de tine;
daca vrei sa folosesti intr-o pagina de mai multe ori acest script, va trebui ca fiecare div sa aiba cate un id unic;
daca in loc de buton vrei sa ai un link obisnuit, atunci inlocuieste cuvantul button cu litera a.