menubalk problemen

Status
Niet open voor verdere reacties.
S

sasvdpasch

Gebruiker
Lid geworden
14 jan 2010
Berichten
72
Hallo,

Ik heb al enige tijd problemen met mijn menubalk op http://www.balivakantievilla.nl/
Als je bijvoorbeeld op welkom, activiteiten klikt zie je niet dat het menuplaatje donker wordt.

In mijn image map heb ik de plaatjes in het licht (zoals je ze ziet op de website) maar ik wil dat als je erop klikt de donker worden (hier heb ik ook plaatjes van in mijn mappen van de website).

Hoe kan ik dit aanpakken?

Dus zodra je op bijvoorbeeld activiteiten klikt het balkje donker wordt!

Zo ziet mijn navigatiebalk eruit in de template:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="google-site-verification" content="5XCqCBrv6-TED_WhKf2fjAOhJeFuZakbGHVxK27ZMds" /> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>]Bali Vakantie Villa - Bunga Melati - Welkom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<meta name="description" content="Bali vakantie villa is een prachtige, grote luxe vakantie villa die uw droom uit laat komen! Je vindt hier alle ingrediënten die nodig zijn voor een perfecte vakantie. Schitterende natuur, zeer vriendelijk personeel, culturele traditie, accommodaties in alle categorieën en prachtige stranden."/>
<meta name="keywords" content="Bali, Vakantie, Villa, Huis, Bungalow, Bali vakantiehuis, Tropische Vakantie, Verre reizen, Bali Vakantie, strand, duiken, snorkelen, surfen, huis, huizen, appartement, strandvakantie, denpasar, ubud, legian, ***a, zwembad, huurhuis, huwelijksreis, Lovina, Bunga, Melati, Vakantie, Reis, Reizen, Zon, Zee, Strand,Bali Beach bungalow, Bali bungalow, Bali cottage, Bali holiday, Bali resort, Bali Villa, Balinese villas"/>
<meta name="robots" content="index,follow"/>
<meta name="revisit-after" http-equiv="revisit-after" CONTENT="2 days">
<meta name="author" http-equiv="author" CONTENT="Bali Vakantie Villa - Bunga Melati">
<meta name="robots" http-equiv="robots" CONTENT="ALL">
<meta name="language" content="dutch"/>
<meta name="copyright" content="Bali Vakantie Villa - Bunga Melati"/>
<!-- TemplateEndEditable -->
<script type="text/javascript" src="../js/prototype.js"></script>
<script type="text/javascript" src="../js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="../js/lightbox.js"></script>
<link href="../stylesheet.css" rel="stylesheet" type="text/css" />
<link href="../css/lightbox.css" rel="stylesheet" type="text/css" media="screen" />
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>
<body>
<div id="headcontainer">
  <div id="container">
    <div id="header"><img src="../images/bali-vakantie-villa.jpg" width="790" height="100" alt="index" /></div>
	<div id="navigatie">
      <ul>
      <li><a href="../"><img src="../images/menu-welkom.jpg" width="180" height="26" alt="index" /></a></li>
      <li><a href="../de_villa.htm"><img src="../images/menu-devilla.jpg" width="180" height="26" alt="villa" /></a></li>
      <li><a href="../fotos.htm"><img src="../images/menu-fotos.jpg" width="180" height="26" alt="fotos" /></a></li>
     <li><a href="../faciliteiten.htm"><img src="../images/menu-faciliteiten.jpg" width="180" height="26" alt="faciliteiten" /></a></li>
      <li><a href="../omgeving.htm"><img src="../images/menu-omgeving.jpg" width="180" height="26" alt="omgeving" /></a></li>
      <li><a href="../activiteiten.htm"><img src="../images/menu-activiteiten.jpg" width="180" height="26" alt="activiteiten" /></a></li>
      <li><a href="../prijzen.htm"><img src="../images/menu-prijzen.jpg" width="180" height="26" alt="prijzen" /></a></li>
      <li><a href="../reserveren.php"><img src="../images/menu-reserveren.jpg" width="180" height="26" alt="reserveren" /></a></li>     
      <li><a href="../contact.php"><img src="../images/menu-contact.jpg" width="180" height="26" alt="contact" /></a></li>
      <li><a href="../gastenboek.htm"><img src="../images/menu-gastenboek.jpg" width="180" height="26" alt="gastenboek" /></a></li>
      <li><a href="../links.htm"><img src="../images/menu-links.jpg" width="180" height="26" alt="links" /></a></li>
      </ul>    
</div>
 <!-- TemplateBeginEditable name="inhoud" -->
	  <div id="mainContent"><img src="../images/top-bali-villa.jpg" width="602,50" height="207" alt="villa top" /></div>
      <div id="mainContent2">
        <p>inhoud</p>
      </div>
      	  <!-- TemplateEndEditable -->
	  <div id="footer">Copyright © 2009 Balivakantievilla.nl - Bunga Melati
   </div>
 </div>
 </div>
 <script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-16062692-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>
 
Hi,
ik zou bij de img in de href van het navigatiedeel een onclick-event verwachten waarmee het "donkere" plaatje op die plaats gezet wordt.

Ofwel onclick='javascript functie voor het veranderen' en dan vlug het plaatje laten veranderen (of de visibility omschakelen)
 
Ben totaal niet bekend met Java, heb alles gemaakt in Dreamweaver, misschien hierin tips?
 
Hi,
er is een enorm verschil tussen Java en Javascript.

Waar komen de scripts in de webpagina dan vandaan?

Geef ook even aan met welke dreamweaver je werkt. Eigenlijk was DW8 voor mij de laatste
 
dat is de script voor lightbox (fotogallerij die je kon downloaden en vandaar deze javascript erin).

Lol volgens mij werk in in Dreamweaver CS4.
 
sasvdpasch zei:
dat is de script voor lightbox (fotogallerij die je kon downloaden en vandaar deze javascript erin).

Lol volgens mij werk in in Dreamweaver CS4.
Klik om te vergroten...

Die info brengt me niet echt verder vandaar dat ik de volgende algemene oplossing geef:

Bij voorkeur in de HEAD van de pagina plaats je het onderstaande Javascript. Pas aan wat voor jouw pagina van belang is. Het script vervangt een afbeelding als je er een muisklik opdoet

<script type="text/javascript" >

[JS]function changeMySrc(i) {
if (i == 1) {
document.getElementById("Img1").src="Images/folder_open.gif";

} else if (i == 2) {
document.getElementById("Img2").src="Images/folder_open.gif";

}

... en dat gaat door voor alle afbeeldingen
}</script>
[/JS]

In de BODY worden de HREF's aangepast als volgt:


<li><a href="../faciliteiten.htm"><img src="../images/menu-faciliteiten.jpg" ID="img1" width="180" onclick="changeMySrc(1) "height="26" alt="faciliteiten" /></a></li>
Klik om te vergroten...

een soortgelijke oplossing moet je uitvoeren als je de afbeelding weer terug wilt zetten. Ga er vanuit dat alles hoofdlettergevoelig is in Javascript. Aangezien je aangeeft niets van Javascript te weten raad ik aan deze algemene, recht toe, recht aan oplossing te gebruiken in plaats van nu al, interessante, programmeerwerkjes te gebruiken
 
Zal het straks eens proberen!

Dit een optie:
<img onclick='this.src="plaatje2.jpg"' src='plaatje1.jpg'>
??
 
Alles flipt in dreamweaver als ik <script type="text/javascript" > in head zet.

???
 
Volgende gedaan en helpt niet:

HTML: 
<meta name="robots" content="index,follow"/>
<meta name="author" http-equiv="author" content="Bali Vakantie Villa - Bunga Melati"/>
<meta name="robots" http-equiv="robots" content="all"/>
<meta name="language" content="dutch"/>
<meta name="copyright" content="Bali Vakantie Villa - Bunga Melati"/>
<!-- TemplateEndEditable -->
<script type="text/javascript" src="../js/prototype.js"></script>
<script type="text/javascript" src="../js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="../js/lightbox.js"></script>
<link href="../stylesheet.css" rel="stylesheet" type="text/css" />
<link href="../css/lightbox.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" >
function changeMySrc(i) {
    if (i == 1) {
        document.getElementById("bali vakantie villa").src="Images/bali-vakantie-villa.jpg";
       
    } else if (i == 2) {
        document.getElementById("bali vakantie villa donker").src="Images/bali-vakantie-villa-donker.jpg";
        
    }
}</script>
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>
<body>
<div id="headcontainer">
  <div id="container">
    <div id="header">
    <img src="../images/bali-vakantie-villa.jpg" width="790" height="100" alt="index" /></div>
	<div id="navigatie">
      <ul>
      <li><a href="../">
      <img src="../images/menu-welkom.jpg" width="180" height="26" alt="index" /></a></li>
      <li><a href="../de_villa.htm">
      <img src="../images/menu-devilla.jpg" ID="bali vakantie villa" width="180" onclick="changeMySrc(1) height="26" alt="villa" /></a></li>
 
Als ik de </script> achter <img src="../images/menu-devilla.jpg" ID="bali vakantie villa" width="180" onclick="changeMySrc(1) height="26" alt="villa" /></a></li> zet dan wordt een goeie bende en mijn site klopt nit meer....
 
In de head lijkt het vooralsnog goed te gaan.

In de menu-devilla regel ontbrengt een afsluitaanhalingsteken achter de functieaanroep.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan