Ahhh ik word helemaal gek.. kan iemand me hiermee helpen:
Ik ben aan een website bezig:
http://flevumps.intrige.eu
Nou moet er nog een rollover functie inkomen. Wanneer ik over een button heen ga, moeten een paar div's op display: none; waardoor een onderliggende div zichtbaar wordt.
Het kleine fotootje wat je nu ziet plus de content aan de rechterkant verdwijnen, waardoor een grote afbeelding eronder zichtbaar wordt. Nu is het zo dat het script half heeft gewerkt.
Ik had het namelijk zo dat je per blok een andere foto krijgt, maar als je dan op een item klikte veranderde de foto. maar nu moet het dus zijn dat wanneer je over een link heen gaat de grote foto al veranderd.
Tot nu toe ziet mn javascript er zo uit:
// JavaScript Document
function rollOver(kleur){
d = document.getElementById;
//verberg
d('sfeerfotoKlein').style.display = 'none';
d('content').style.display = 'none';
//vertoon
d('sfeerfotoEmpty').style.display = 'block';
if (kleur == blauw){
d('content_container').style.background = "url('../../images/sfeerfoto/groot/sfeergroot_1.jpg')";
}
else if (kleur == groen){
d('content_container').style.background = "url('../../images/sfeerfoto/groot/sfeergroot_2.jpg')";
}
else if (kleur == bruin){
d('content_container').style.background = "url('../../images/sfeerfoto/groot/sfeergroot_3.jpg')";
}
else if (kleur == oranje){
d('content_container').style.background = "url('../../images/sfeerfoto/groot/sfeergroot_4.jpg')";
}
}
function rollOut(kleur){
d = document.getElementById;
// en weer terug
d('sfeerfotoKlein').style.display = 'block';
d('content').style.display = 'block';
// verberg
d('sfeerfotoEmpty').style.display = 'none';
if (kleur == blauw){
d('content_container').style.background = "url('../../images/sfeerfoto/groot/sfeergroot_1.jpg')";
}
else if (kleur == groen){
d('content_container').style.background = "url('../../images/sfeerfoto/groot/sfeergroot_2.jpg')";
}
else if (kleur == bruin){
d('content_container').style.background = "url('../../images/sfeerfoto/groot/sfeergroot_3.jpg')";
}
else if (kleur == oranje){
d('content_container').style.background = "url('../../images/sfeerfoto/groot/sfeergroot_4.jpg')";
}
}
mn html ziet er als volgt uit:
<div id="content_container" style="background-position: top right; background-repeat: no-repeat;">
<div id="containerLeft">
<?php
require_once('script/php/menu_blauw.php');
?>
<div id="sfeerfotoEmpty"></div>
<div id="sfeerfotoKlein" class="kleinBlauw"></div>
<?php
require_once('script/php/menu_groen.php');
require_once('script/php/menu_bruin.php');
require_once('script/php/menu_oranje.php');
?>
</div>
<div id="content" class="contentGroen">
<div id="contentTekst" class="scrollGroen">
<strong>Home</strong><br />
<b>Algemeen</b>
<div class="lijnGroen"></div><br /><br />
<p>Dé voornaamste basisbehoefte van een organisatie is kennis en capaciteit. Flevum People Sourcing (FPS) beschikt over de kennis, expertise en het netwerk, met andere woorden de bron (..source..), om voor u de juiste professional te vinden.</p>
<p>Wij zijn gespecialiseerd in hoger opgeleide professionals. Professionals die op interim basis hun toegevoegde waarde dagelijks bewijzen bij vrijwel alle denkbare bedrijven en organisaties. </p>
<p>Maar ook vaste professionals. Ambitieuze talentvolle mensen die toe zijn aan een logische vervolgstap om hun persoonlijke ambities waar te maken.</p>
<p>Eén betrouwbare partner die u vakkundig en snel oplossingen biedt voor al uw kennis en capaciteitsbehoefte. Zowel interim als vast.</p>
</div>
</div>
</div>
De div bovenaan heeft dus een achtergrond afbeelding die constant moet veranderen.
En de menu's die geinclude worden zien er zo uit:
<div class="menu bruin">
<div class="menu_items">
<div class="kop"><h1><a href="/content/specialismen" onmouseover="rollOver(bruin);" onmouseout="rollOut(bruin);">Specialismen</a></h1></div>
<ul>
<li><a href="/content/specialismen/hrm.php" onmouseover="rollOver('bruin');" onmouseout="rollOut('bruin');">hrm</a></li>
<li><a href="/content/specialismen/finance.php" onmouseover="rollOver('bruin');" onmouseout="rollOut('bruin');">finance</a></li>
<li><a href="/content/specialismen/general_management.php" onmouseover="rollOver('bruin');" onmouseout="rollOut('bruin');">general management</a></li>
</ul>
</div>
</div
Maar nu krijg ik dus een of andere wazige foutmelding waarbij ik niet weet wat er precies is:
ncaught exception: [Exception... "Illegal operation on WrappedNative prototype object"
nsresult: "0x8057000c (NS_ERROR_XPC_BAD_OP_ON_WN_PROTO)" location: "JS frame :: http://flevumps.intrige.eu/script/js/buttons.js :: rollOver :: line 9" data: no]
Wie o wie heeft er verstand van javascript??
