Napravio sam padajuci meni preko css-a (drop-down menu). Nece da mi radi u ie6. Koju skriptu da ubacim ? Ili kako da resim problem ?
Potpis
Djole
Pomoc oko skripte za ie6
Zaključano
Zakačeno
vidi za padajuci meni imas gotova resenja - npr. superfish - kucaj u google "superfish menu"
ili mozes sam da pravis meni sa jQueryjem.
znaci stavljas event na glavni link u meniju
e sad pazi, ovo ce ti raditi ok, ali kad misem odes sa glavnog linka submeni ce nestati, zato moras stavljati eventove i na submenu i sa statusima resis problem.
slideUp() i slideDown() ce ti dati lep efekat pojavljivanja i nestajanja.
Pogledaj i plugin za jQuery hoverIntent - on ti je do ja.. on ti ne reaguje odmah na hover i unhover - vec sa zadrskom, stvarno dobra stvar
nadam se da sam ti pomogao
pozz
ili mozes sam da pravis meni sa jQueryjem.
znaci stavljas event na glavni link u meniju
Code:
$("#id_linka").mouseover(function(){
// naredbe
// npr
$("#id_submenija").slideDown();
});
$("#id_linka").mouseout(function(){
// naredbe
// npr
$("#id_submenija").slideUp();
});
$("#id_linka").mouseover(function(){
// naredbe
// npr
$("#id_submenija").slideDown();
});
$("#id_linka").mouseout(function(){
// naredbe
// npr
$("#id_submenija").slideUp();
});
e sad pazi, ovo ce ti raditi ok, ali kad misem odes sa glavnog linka submeni ce nestati, zato moras stavljati eventove i na submenu i sa statusima resis problem.
slideUp() i slideDown() ce ti dati lep efekat pojavljivanja i nestajanja.
Pogledaj i plugin za jQuery hoverIntent - on ti je do ja.. on ti ne reaguje odmah na hover i unhover - vec sa zadrskom, stvarno dobra stvar
nadam se da sam ti pomogao
pozz
Hvala na detaljnom odgovoru. Malo je komplikovanije nego sto sam mislio ali cu pokusati da resim ovo. Pozzzz
Potpis
Djole
ako imas gotov css za dropdown meni koji otvaras pomocu :hover pseudo selektora, samo treba da dupliras taj selektor da koristi klasu umesto :hover za ie, npr ako imas:
to prepravi u:
i onda ti treba samo ovaj jquery kod:
koji mozes slobodno da stavis unutar kondicionalnih komentara da targetiras samo IE < 7 tako ostali browseri nece praviti dodatan request.
Code:
.menu li:hover ul {
display: block;
}
.menu li:hover ul {
display: block;
}
to prepravi u:
Code:
.menu li:hover ul, .menu li.iehover ul {
display: block;
}
.menu li:hover ul, .menu li.iehover ul {
display: block;
}
i onda ti treba samo ovaj jquery kod:
Code (javascript):
jQuery(function($) {
$('.menu li').hover(
function() { $(this).addClass('iehover'); },
function() { $(this).removeClass('iehover'); }
);
});
jQuery(function($) {
$('.menu li').hover(
function() { $(this).addClass('iehover'); },
function() { $(this).removeClass('iehover'); }
);
});
koji mozes slobodno da stavis unutar kondicionalnih komentara da targetiras samo IE < 7 tako ostali browseri nece praviti dodatan request.