Drop down meni!

javascript
Ce delas v DWju, imas na razpolago Behaviors > show popup menu. Dokaj preprosto, ce si zacetnik. Drugace pa obstaja malo morje raznih ready made skript, ki jih po svoje nastavis.

Sicer pa, ce se ne motim, je drop down menu malo drugacna stvar, kot to kar imas ti v mislih.

origa>evo skrito , ki sem jo napisal točno za tisto stran zgoraj ;) hehe
malo sem jo še dopolnil tako da dela skor optimalno. ;)
Dela pa tako da se preprosto , ko greš z miško čez določen gumb v meniju prikaže layer ki je drugače skrit in to je vse, ko pa miško umakneš se layer ponovno skrije. Da je vseskozi na istem mestu je treba samo pozicijo od gumba kateremu pripada meni uporabit (z rahlim zamikom). Skripta je precej preprosta...

1. funkcija ki pokaže skriti layer
name - ime ki ga določiš za layer ([div name="ime"]meni teks[/div])
poleg tega pa rabič še eno sliko glede na katero se bo nastavila pozicija menija:
pos = getXYcoord( 'menu_' + name ); (jaz sem slikam nastivil enake atribute kot layerjem samo da sem dodal "menu_" spredaj) Primer : [img name="menu_ime" src="slike.jpg" /]

function showSubSub(name)
{
if (!document.getElementById) {
return;
}
clearTimeout(timerId);
if (activeMenu == name) {
return;
}
if (activeMenu != null) {
menuOff();
}
activeMenu = name;
pos = getXYcoord( 'menu_' + name );
offset_y = pos.y + 33;
switch (name) {
case 'home':
offset_x = pos.x + 10;
break;
case 'music' :
offset_x = pos.x - 25;
break;
case 'forum' :
offset_x = pos.x - 13;
break;
case 'charts' :
offset_x = pos.x - 36;
break;
case 'links' :
offset_x = pos.x - 28;
break;
}
document.getElementById(name).style.top = offset_y;
document.getElementById(name).style.left = offset_x;
document.getElementById(activeMenu).style.visibility = "visible";
}
2. funkcija ki skrije menu
function menuOff()
{
if (!document.getElementById) {
return;
}
if (activeMenu == null) {
return;
}
document.getElementById(activeMenu).style.visibility = "hidden";
activeMenu = null;
}
3. funkcija ki ti pove x in y koordinate od slike (glede na "name" atribut)
function getXYcoord ( nvn )
{
var elm = document.images[nvn];
if ( document.layers ) return elm;

var rd = { x:0 ,y:0 };
do { rd.x += parseInt( elm.offsetLeft );
rd.y += parseInt( elm.offsetTop );
elm = elm.offsetParent;
} while ( elm );
return rd;
}
4. potem pa rabiš še ti dve vrstici, da omogočiš timer (čes preden menu izgine)

activeMenu = null;
timerId = 0;

5. pa še primer enga dela menuja:
Najprej skriti layer:
[div id="music" style="position:absolute; visibility:hidden;"]
[table cellpadding="1" cellspacing="1"]
[tr]
[td onMouseOver="showSubSub('music');" onMouseOut="timerId=setTimeout('menuOff()',500);"]tekst ki se pojavi v menuju[/td]
[/tr]
[/table][/div]

Potem pa še slika katera ga pokaže , če greš z miško čez njo:
[a onMouseOver="showSubSub('music');" onMouseOut="timerId=setTimeout('menuOff()',500);" href="#"][img name="menu_music" src="music.gif" width="104" height="34" alt="" border="0" /][/a]

hehe ok upam da je tole uporabno ;)
p.s. mogu sem uporabi [ ] namestu normalnih oklepajev v html ker nekako ni se ni vidlo kode drugače (tudi če sem izklopil html )

ej....mene pa zanima kako in v kermu programskemu jeziku si naredu tist za vpisovanje novičk na stran???

aha...bi lohka mogoče prlepu to scripto za prikazovanje novičk in vpisovanje novičk tuki gor...k jest delam neki enakega, pa mam probleme pr uploadanju slikc na net...pa bi ful rd vidu kšn tak primer..če maš cajt mi lohka pa tud na email pošleš : webmaster@lublana.com

ja sm neki probu delat s tisto kodo, sam to je bl lame....jest bi rabu neki, da bi lohka v novice ustavlu tud fotko, k bi jo istočasno z novico naložu na strežnik (novica v bazo, fotka v določeno datoteko) ... dej če maš kej tazga mi plis pošl, k se zdele že par dni jebem s tem :=) pa tud to me jebe, da uporabnik komentira novico....k neznam povezat sqltabele z novičkami z tabelo z komentarji