Witam, nie znam kompletnie JS, zawsze go unikałem jak ognia i w konsekwencji nie mam o nim pojęcia. Muszę go natomiast zastosować. Chodzi o wybór języka. Są 4 flagi, domyślnie ma się wyświetlać tylko jedna, ale po najechaniu na nią mają się pokazywać pod nią dodatkowe trzy. Znalazłem jakiś gotowy kod JS i próbowałem go przerobić. Niestety nie działa. Będę wdzięczny za pomoc.
JS:
<script language="Javascript">
<!--
function toggleDiv(id,flagit) {
if (flagit=="1"){
if (document.layers) { document.layers[''+id+''].height = "92px";
document.layers[''+id+''].visibility = "show"; }
else if (document.all) { document.all[''+id+''].style.height = "92px"; document.all[''+id+''].style.visibility = "visible"; }
else if (document.getElementById) { document.getElementById(''+id+'').style.height = "92px"; document.getElementById(''+id+'').style.visibility = "visible"; }
}
else
if (flagit=="0"){
if (document.layers) { document.layers[''+id+''].height = "34px"; document.layers[''+id+''].visibility = "show"; }
else if (document.all) { document.all[''+id+''].style.height = "34px"; document.all[''+id+''].style.visibility = "visible"; }
else if (document.getElementById) { document.getElementById(''+id+'').style.height = "34px"; document.getElementById(''+id+'').style.visibility = "visible"; }
}
}
//-->
HTML:
<div id="jezyk" onMouseOver="toggleDiv('jezyk',1)" onMouseOut="toggleDiv('jezyk',0)">tutaj są flagi
</div>
CSS:
#jezyk {
width: 40px;
height: 34px;
z-index: 10;
}
Z góry dzięki!