Menu
Afiseaza, ascunde Meniu
Scriptul din aceasta pagina afisaza si ascunde un meniu cand este efectuat click pe Meniu, (de asemenea poate fi folosit si pentru alte elemente ce pot fi incluse intr-un DIV: poze, formulare, ...).
Puteti testa acest script in exemplul de mai jos.
+ Meniu
Pentru a adauga acest script intr-o pagina web:
1. Adaugati in documentul HTML, in sectiunea HEAD, urmatorul script.
<script type="text/javascript">
<!--
// http://www.discant.ro
function OnOff(idMenu, idsmn) {
// Preia elementele HTML dupa argumentele functiei
var objMenu = document.getElementById(idMenu);
var objsmn = document.getElementById(idsmn);
// Verifica vizibilitate meniu-lui
// Schimba vizibilitatea si semnul din "smn"
if (objMenu.style.display=='none') {
objMenu.style.display='block';
objsmn.innerHTML = " - ";
}
else {
objMenu.style.display='none';
objsmn.innerHTML = " + ";
}
}
//-->
</script>
2. In document HTML, in locatia unde doriti sa aveti meniul, adaugati urmatorul cod (Inlocuiti link-urile din Meniu cu cele pentru site-ul dv.).
<h3 style="width:130px; margin:3px; text-align:center;"><span id="smn">+</span> <a href="#" id="menu" onclick="OnOff('meniu','smn');">Meniu</a></h3>
<div id="meniu" style="display:none; width:140px; text-align:center;">
<a href="http://www.discant.ro">Cursuri</a><br>
<a href="http://www.discant.ro/jocuri">Jocuri</a><br>
<a href="http://www.discant.ro/anime">Anime</a><br>
</div>