login  Naam:   Wachtwoord: 
Registreer je!
 Forum

onmouseover ... erachter

Offline knoopa - 11/02/2007 15:10 (laatste wijziging 11/02/2007 15:10)
Avatar van knoopaOnbekend Ik ben bezig met een website en in mijn menu wil ik als rollover ... achter de tekst. Ik ben niet zo goed in javascript dus ik dacht ik vraag hier even hoe het moet.

10 antwoorden

Gesponsorde links
Offline Rik - 11/02/2007 15:37
Avatar van Rik Gouden medailleGouden medaille

Crew algemeen		 Ik heb dit scriptje gemaakt:
http://www.plaatscode.be/4177/

Volgens mij is dat wat je bedoelt.  
Offline knoopa - 11/02/2007 16:07
Avatar van knoopa Onbekend ja dat bedoel ik maar ik heb class ipv id hoe doe je dat dan?
Offline Rik - 11/02/2007 16:09
Avatar van Rik Gouden medailleGouden medaille

Crew algemeen		 Heb je een class staan op elke link, of op een div om al die links heen?

Btw: je kan ook je eigen script aanpassen.  
Offline knoopa - 11/02/2007 16:11
Avatar van knoopa Onbekend
php code - Bekijk de code zonder highlighting - Klap code in 
  1. var menu = document.getElementByclass('menu');

dat heb ik ervan gemaakt mar dat werkt niet
Offline Rik - 11/02/2007 16:16
Avatar van Rik Gouden medailleGouden medaille

Crew algemeen		 Volgens mij bestaat er ook niet zo'n functie.  

Hij staat hier iig niet bij: http://www.w3sc...cument.asp

Het is dan toch het makkelijkste om gewoon een id op je div te zetten? Dan heb je een class voor de css en een id voor de javascript. Lijkt mij geen probleem...
Offline knoopa - 11/02/2007 16:21 (laatste wijziging 11/02/2007 16:24)
Avatar van knoopa Onbekend
Citaat:
Het is dan toch het makkelijkste om gewoon een id op je div te zetten? Dan heb je een class voor de css en een id voor de javascript. Lijkt mij geen probleem...
tja niet echt handig als je meerdere menu's wilt maken

ik heb nu
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="container"> 
  2. 	<div class="menuhead"><a>Hoofdmenu...</a></div> 
  3. 	<div class="menu"> 
  4. 		<a href="#" onmouseover="this.innerHTML += '...'" onmouseout="this.innerHTML = this.innerHTML.slice(0,-3)">Home</a><br /> 
  5. 		<a href="#" onmouseover="this.innerHTML += '...'" onmouseout="this.innerHTML = this.innerHTML.slice(0,-3)">Fotos</a><br /> 
  6. 		<a href="#" onmouseover="this.innerHTML += '...'" onmouseout="this.innerHTML = this.innerHTML.slice(0,-3)">Filmpjes</a><br /> 
  7. 		<a href="#" onmouseover="this.innerHTML += '...'" onmouseout="this.innerHTML = this.innerHTML.slice(0,-3)">Spots</a><br /> 
  8. 		<a href="#" onmouseover="this.innerHTML += '...'" onmouseout="this.innerHTML = this.innerHTML.slice(0,-3)">Reviews</a><br /> 
  9. 		<a href="#" onmouseover="this.innerHTML += '...'" onmouseout="this.innerHTML = this.innerHTML.slice(0,-3)">Magazines</a><br /> 
  10. 		<a href="#" onmouseover="this.innerHTML += '...'" onmouseout="this.innerHTML = this.innerHTML.slice(0,-3)">Forum</a> 
  11. 	</div> 
  12. </div>
dat werkt wel alleen niet in opera
Offline Rik - 11/02/2007 16:35
Avatar van Rik Gouden medailleGouden medaille

Crew algemeen		 Ik heb het aangepast:
http://plaatscode.be/4180/

Anders nog iets?  
Offline knoopa - 11/02/2007 16:47
Avatar van knoopa Onbekend
Citaat:
Ik heb het aangepast:
http://plaatscode.be/4180/

Anders nog iets?
Ik heb in mijn content ook <a> en daar wil ik het niet dus met mijn oude code was ik wel tevreden:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="menuhead"><a>Hoofdmenu...</a></div> 
  2.   <div class="menu"> 
  3.     <a href="#" onmouseover="this.innerHTML += '...'" onmouseout="this.innerHTML = this.innerHTML.slice(0,-3)">Home</a><br /> 
  4.     <a href="#" onmouseover="this.innerHTML += '...'" onmouseout="this.innerHTML = this.innerHTML.slice(0,-3)">Fotos</a><br /> 
  5.     <a href="#" onmouseover="this.innerHTML += '...'" onmouseout="this.innerHTML = this.innerHTML.slice(0,-3)">Filmpjes</a><br /> 
  6.     <a href="#" onmouseover="this.innerHTML += '...'" onmouseout="this.innerHTML = this.innerHTML.slice(0,-3)">Spots</a><br /> 
  7.     <a href="#" onmouseover="this.innerHTML += '...'" onmouseout="this.innerHTML = this.innerHTML.slice(0,-3)">Reviews</a><br /> 
  8.     <a href="#" onmouseover="this.innerHTML += '...'" onmouseout="this.innerHTML = this.innerHTML.slice(0,-3)">Magazines</a><br /> 
  9.     <a href="#" onmouseover="this.innerHTML += '...'" onmouseout="this.innerHTML = this.innerHTML.slice(0,-3)">Forum</a> 
  10.   </div> 
  11. </div>
Maar die werkt niet in opera
Offline Rik - 11/02/2007 16:54 (laatste wijziging 11/02/2007 16:54)
Avatar van Rik Gouden medailleGouden medaille

Crew algemeen		 Kijk je wel naar mijn code?  

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <? //Kleur
  2. window.onload = function()
  3. {
  4.     var divs = document.getElementsByTagName('div');
  5.     for (var i = 0; i < divs.length; i++) {
  6.         if (divs[i].className == class_name) {
  7.             var links = divs[i].getElementsByTagName('a');
  8.            for (var j = 0; j < links.length; j++) {
  9.                 links[j].onmouseover = mouseover;
  10.                 links[j].onmouseout = mouseout;
  11.             }
  12.         }
  13.     }
  14. }

Hij zoek juist alleen a's die binnen een div staan met als class menu!
Offline knoopa - 11/02/2007 17:08 (laatste wijziging 11/02/2007 19:59)
Avatar van knoopa Onbekend
Citaat:
Kijk je wel naar mijn code?
<? //Kleur
window.onload = function()
{
var divs = document.getElementsByTagName('div');
for (var i = 0; i < divs.length; i++) {
if (divs[i].className == class_name) {
var links = divs[i].getElementsByTagName('a');
for (var j = 0; j < links.length; j++) {
links[j].onmouseover = mouseover;
links[j].onmouseout = mouseout;
}
}
}
}
Hij zoek juist alleen a's die binnen een div staan met als class menu!

oke bedankt. Weet iemand hoe ik hem werkend maak in opera??
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.268s