kickinhard
%Europe/Berlin %404 %2007, 10:43
Hoi, ik zit hier niet zo vaak in het forum maar ik heb een probleem en de programmeurs hier op het werk zijn er allebij niet. Ik zit vast met een stuk javascript.
Ik heb op deze site: http://flevumps.intrige.eu het volgende probleem:
* Er moet bij elke link in elk menuitem een rollover komen. Wanneer je over de link heen gaat verdwijnen een aantal div's, waardoor een ander zichtbaar wordt.
* Nu is het zo dat er per gekleurd blok 1 foto is. Dus wanneer je een item aanklikt verandert de foto en zie je wanneer je over alle links heen gaat steeds dezelfde foto
* Ik moet er nou voor zorgen dat ipv dat er per blok een foto te zien is, dat er dadelijk per link een foto komt.
Het stukje javascript ziet er nu zo uit:
function rollOver(){
//verberg
document.getElementById('sfeerfotoKlein').style.di splay = 'none';
document.getElementById('content').style.display = 'none';
//vertoon
document.getElementById('sfeerfotoEmpty').style.di splay = 'block';
}
function rollOut(){
// en weer terug
document.getElementById('sfeerfotoKlein').style.di splay = 'block';
document.getElementById('content').style.display = 'block';
// verberg
document.getElementById('sfeerfotoEmpty').style.di splay = 'none';
}
Mijn html ziet er nu zo uit:
<div id="siteContainer">
<div id="header"><div class="logo"></div></div>
<div id="content_container"style="background-image:url(images/sfeerfoto/groot/sfeergroot_2.jpg); 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>
<div id="footer" class="footer_txt">
FPS is een jointventure van <a href="http://www.flevum.nl" target="_blank">Flevum</a> en <a href="http://www.sanddwood.com" target="_blank">Sanddwood</a>
</div>
</div>
Het menu dat geincluded wordt, en waar de rollovers opzitten ziet er zo uit:
<div class="menu groen">
<div class="menu_items">
<div class="kop"><h1><a href="/index.php" onmouseover="rollOver();" onmouseout="rollOut();">Home</a></h1></div>
<ul>
<li><a href="/content/home/visie_kernwaarden.php" onmouseover="rollOver();" onmouseout="rollOut();">visie & kernwaarden</a></li>
<li><a href="/content/home/kandidaten.php" onmouseover="rollOver();" onmouseout="rollOut();">kandidaten</a></li>
<li><a href="/content/home/opdrachtgevers.php" onmouseover="rollOver();" onmouseout="rollOut();">opdrachtgevers</a></li>
<li><a href="/content/home/opdrachten_vacatures.php" onmouseover="rollOver();" onmouseout="rollOut();">opdrachten & <br /> vacatures</a></li>
<li><a href="/content/home/contact.php" onmouseover="rollOver();" onmouseout="rollOut();">contact</a></li>
</ul>
</div>
</div>
Je ziet nu dus dat er voor elke pagina in ' CONTENT_CONTAINER' een vast plaatje in zit. Maar eigenlijk moet het dus zo worden dat er ipv een harde link een variabelen komt waar weer een functie aan vast zit. Ik weet ook niet of ik het beter met javascript kan oplossen of met php. Ik had zoiets in gedachten als dit:
<div id="content_container" style="background-image:url(images/sfeerfoto/groot/<?php $variabele_naam ?>);"> .... </div>
Kan iemand me hierbij helpen?
Ik heb op deze site: http://flevumps.intrige.eu het volgende probleem:
* Er moet bij elke link in elk menuitem een rollover komen. Wanneer je over de link heen gaat verdwijnen een aantal div's, waardoor een ander zichtbaar wordt.
* Nu is het zo dat er per gekleurd blok 1 foto is. Dus wanneer je een item aanklikt verandert de foto en zie je wanneer je over alle links heen gaat steeds dezelfde foto
* Ik moet er nou voor zorgen dat ipv dat er per blok een foto te zien is, dat er dadelijk per link een foto komt.
Het stukje javascript ziet er nu zo uit:
function rollOver(){
//verberg
document.getElementById('sfeerfotoKlein').style.di splay = 'none';
document.getElementById('content').style.display = 'none';
//vertoon
document.getElementById('sfeerfotoEmpty').style.di splay = 'block';
}
function rollOut(){
// en weer terug
document.getElementById('sfeerfotoKlein').style.di splay = 'block';
document.getElementById('content').style.display = 'block';
// verberg
document.getElementById('sfeerfotoEmpty').style.di splay = 'none';
}
Mijn html ziet er nu zo uit:
<div id="siteContainer">
<div id="header"><div class="logo"></div></div>
<div id="content_container"style="background-image:url(images/sfeerfoto/groot/sfeergroot_2.jpg); 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>
<div id="footer" class="footer_txt">
FPS is een jointventure van <a href="http://www.flevum.nl" target="_blank">Flevum</a> en <a href="http://www.sanddwood.com" target="_blank">Sanddwood</a>
</div>
</div>
Het menu dat geincluded wordt, en waar de rollovers opzitten ziet er zo uit:
<div class="menu groen">
<div class="menu_items">
<div class="kop"><h1><a href="/index.php" onmouseover="rollOver();" onmouseout="rollOut();">Home</a></h1></div>
<ul>
<li><a href="/content/home/visie_kernwaarden.php" onmouseover="rollOver();" onmouseout="rollOut();">visie & kernwaarden</a></li>
<li><a href="/content/home/kandidaten.php" onmouseover="rollOver();" onmouseout="rollOut();">kandidaten</a></li>
<li><a href="/content/home/opdrachtgevers.php" onmouseover="rollOver();" onmouseout="rollOut();">opdrachtgevers</a></li>
<li><a href="/content/home/opdrachten_vacatures.php" onmouseover="rollOver();" onmouseout="rollOut();">opdrachten & <br /> vacatures</a></li>
<li><a href="/content/home/contact.php" onmouseover="rollOver();" onmouseout="rollOut();">contact</a></li>
</ul>
</div>
</div>
Je ziet nu dus dat er voor elke pagina in ' CONTENT_CONTAINER' een vast plaatje in zit. Maar eigenlijk moet het dus zo worden dat er ipv een harde link een variabelen komt waar weer een functie aan vast zit. Ik weet ook niet of ik het beter met javascript kan oplossen of met php. Ik had zoiets in gedachten als dit:
<div id="content_container" style="background-image:url(images/sfeerfoto/groot/<?php $variabele_naam ?>);"> .... </div>
Kan iemand me hierbij helpen?