Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Problem z podświetlaniem (JS)
LazyDragon
post
Post #1





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 8.05.2012

Ostrzeżenie: (0%)
-----


Witam!
Jestem w miarę początkujący w js i aktualnie borykam się z małym problemem. Mianowicie chodzi mi o następujący efekt:
(IMG:http://img254.imageshack.us/img254/741/aasdc.jpg)
Jeśli otwartą mamy podstronę index.html - powinien się podświetlać home, jesli services.html - services no i tak dalej...

Oto mój niedziałający kod (ma wcięcia ale zrównuje tu do lewej... Wrzucam poniżej obrazek dla każdego komu łatwiej ogarnąć wizualnie):
Cytat
function hoover() {
if(window.location.href.indexOf("index.html")){
document.getElementById("home").src = "images/home_hover.png";
}
else{
if(window.location.href.indexOf("services.html")){
document.getElementById("services").src = "images/services_hover.png";
}
else{
if(window.location.href.indexOf("offert.html")){
document.getElementById("offert").src = "images/offert_hover.png";
}
else{
if(window.location.href.indexOf("gallery.html")){
document.getElementById("gallery").src = "images/gallery_hover.png";
}
else{
if(window.location.href.indexOf("about.html")){
document.getElementById("about").src = "images/about_hover.png";
}
else{
if(window.location.href.indexOf("contact.html")){
document.getElementById("contact").src = "images/contact_hover.png";
}
}
}
}
}
}

}

(IMG:http://img205.imageshack.us/img205/4508/kodtn.jpg)

w html rozwiązałem sprawę bardzo prosto:
Cytat
<body onLoad="hoover()">

Czemu to nie działa... Pomożecie?
Jestem otwarty na alternatywy i chętnie się czegoś naucze (IMG:style_emoticons/default/smile.gif)

Ten post edytował LazyDragon 8.05.2012, 10:09:17
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
LazyDragon
post
Post #2





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 8.05.2012

Ostrzeżenie: (0%)
-----


O narzędziach później (IMG:style_emoticons/default/biggrin.gif)
Póki co chciałbym się dowiedzieć dlaczego ten kod nie działa (IMG:style_emoticons/default/tongue.gif) bo jak na moje oko niczego mu nie brak ; d
wydaje mi się, ze to window.location.href.indexOf("services.html") stanowi jedyny problem (?)

ps. dorzucam samą konstrukcję menu:
Cytat
<ul>
<li><a href="#"><img id="home" src="images/home.png" alt="Home" /></a></li>
<li><a href="#"><img id="services" src="images/services.png" alt="Services" /></a></li>
<li><a href="#"><img id="offert" src="images/offert.png" alt="Offert" /></a></li>
<li><a href="#"><img id="gallery" src="images/gallery.png" alt="Gallery" /></a></li>
<li><a href="#"><img id="about" src="images/about.png" alt="About" /></a></li>
<li><a href="#"><img id="contact" src="images/contact.png" alt="Contact" /></a></li>
</ul>


Ten post edytował LazyDragon 8.05.2012, 10:04:03
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 4.10.2025 - 17:10