onmouseover anfängerfehler?

niggli

hi, ich arbeite grad an meiner ersten page un wollt ne dynamische Navigationsleiste basteln. Also mit mouseover und mouseout bei den buttons. Dazu hab ich versucht den Quellcode von selfhtml in meinen einzubauen, nur leider funktioniert da irgendwas nicht richtig.
Bitte helft mir...

HTML

<html>
<head>
<title>navi</title>
<script type="text/javascript">
Normal1 = new Image();
Normal1.src = "coollogo_com_news.gif"
Highlight1 = new Image();
Highlight1.src = "coollogo_com_news1.gif"


Normal2 = new image();
Normal2.src = "coollogo_com_bilder.gif"
Highlight2 = new Image();
Highlight2.src = "coollogo_com_bilder1.gif"


Normal3 = new Image();
Normal3.src = "coollogo_com_forum.gif"
Highlight3 = new Image();
Highlight3.src = "coollogo_com_forum1.gif


function Bildwechsel (Bildnr, Bildobjekt) {
  window.document.images[Bildnr].src = Bildobjekt.src;
}
</script>


</head>


 <body bgcolor="#BDC6DE" text="#000000" link="#804080" vlink="#603060" alink="#804080">
 <table border="0" height="20" width="100%" span="3">


<th><a href="start.html" target="start"  
     onmouseover="Bildwechsel(0, highlight1)" onmouseout="Bildwechsel(0, Normal1)">
    [img]coollogo_com_news.gif[/img]</a></th>


<th><a href="test.html" target="start" 
     onmouseover="Bildwechsel(1, highlight2)" onmouseout="Bildwechsel(1, Normal2)">
    [img]coollogo_com_bilder.gif[/img]</a></th>


<th><a href="http://www.foren.de/system/index.php?id=niggli" target="_blank"  
     onmouseover="Bildwechsel(2, highlight3)" onmouseout="Bildwechsel(2, Normal3)">
    [img]coollogo_com_forum.gif[/img]</a></th>


 </table>
 </body>
</html>

Alles anzeigen

Mir nicht

Zitat

...leider funktioniert da irgendwas nicht richtig...

Sollte schon genauer sein was nicht geht.

niggli

der gewünschte Effekt bleibt aus...also nix mit grafikänderung bei mouseover und beim IE (bin im geschäft ^^) wird halt unten links angezeigt: "fehler auf der seite"

wenn ich wüsste was genau nicht geht könnte ich das Problem glaub selber lösen...

Mir nicht

Hast du den Pfad der Bilder richtig angegeben?

niggli

ja, die bilder sin alle im selben verzeichnis, wie die .html datei

niggli

kannst vielleicht sein, dass die funktion nich mit <th> tags klarkommt?

Mir nicht

Hmm also ich seh jetzt nix. Habs auch mal mit dem Text in SELFHTML verglichen. An den Dateinamen kanns auch nicht liegen oder?
Wäre natürlich toll wenn man sich angucken könnte, aber du hast die Seite wahrscheinlich auf der Platte und nicht auf nem server oder?

Werden denn die Grafiken so angezeigt also, wechselt die Grafik nur nicht oder ist überhaupt nichts zu sehen?
+++++
Edit//
Du hast "highlight" überall klein geschrieben also in all deinen Mousover´s könnts daran liegen. Denn oben stehen sie in gross...

Code

onmouseover="Bildwechsel(0, highlight1)

Code

Highlight1 = new Image();

niggli

also "Highlight" hab ich nu geändert, daran liegts nich
und ja, die grafiken, also die drei buttons werden angezeigt, nur die grafiken wechseln nicht.
Ich fahr bald nach Hause dann upload ich dir mal die komplette Seite

PS: was isn dieses "&nbsp" bei dem SELFHTML Beispiel?

Mir nicht

&nbsp = no breaking space
Leerzeichen, bei dem kein Zeilenumbruch erfolgt

Mir nicht

Warum hast du eigentlich <th> tags genommen?

Edit//
Sorry für doppelpost hab vergessen edit zu benutzen

niggli

keine ahnung, spielt des ne rolle? ich kann die au kurz mit <td> ersetzen

Mir nicht

HTML

<html> 
<head> 
<title>navi</title> 
<script type="text/javascript"> 
Normal1 = new Image(); 
Normal1.src = "coollogo_com_news.gif" 
Highlight1 = new Image(); 
Highlight1.src = "coollogo_com_news1.gif" 


Normal2 = new image(); 
Normal2.src = "coollogo_com_bilder.gif" 
Highlight2 = new Image(); 
Highlight2.src = "coollogo_com_bilder1.gif" 


Normal3 = new Image(); 
Normal3.src = "coollogo_com_forum.gif" 
Highlight3 = new Image(); 
Highlight3.src = "coollogo_com_forum1.gif 


function Bildwechsel (Bildnr, Bildobjekt) { 
  window.document.images[Bildnr].src = Bildobjekt.src; 
} 
</script> 


</head> 


 <body bgcolor="#BDC6DE" text="#000000" link="#804080" vlink="#603060" alink="#804080"> 
 <table border="0" height="20" width="100%" span="3">
  <tr> 


   <td><a href="start.html" target="start"  
     onmouseover="Bildwechsel(0, Highlight1)" onmouseout="Bildwechsel(0, Normal1)"> 
    [img]coollogo_com_news.gif[/img]</a></td> 


<td><a href="test.html" target="start" 
     onmouseover="Bildwechsel(1, Highlight2)" onmouseout="Bildwechsel(1, Normal2)"> 
    [img]coollogo_com_bilder.gif[/img]</a></td> 


<td><a href="http://www.foren.de/system/index.php?id=niggli" target="_blank"  
     onmouseover="Bildwechsel(2, Highlight3)" onmouseout="Bildwechsel(2, Normal3)"> 
    [img]coollogo_com_forum.gif[/img]</a></td>
</tr> 


 </table> 
 </body> 
</html>

Alles anzeigen

Bitte versuchs mal so...

Hattest <tr>- Tags vergessen. Wie soll er was anzeigen ohne ne Reihe?(Ich hoffe es liegt daran)
Und es spielt schon eine Rolle ob du <th> oder <td> nimmst! Ist doch was völlig unterschiedliches!

niggli

funktioniert imernoch nicht
ich hatte die <th>'s genommen damit ich nich noch extra align="center" überall reinschreiben musste, aber auch mit <tr> und <td> gehts nich...
ich vermute, dass igrendwas mitm script nich stimmt oder? sons würde ja beim IE unten links nich so ne fehlermeldung kommen

pindakaas

benutzt doch einfach csshttp://http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm

niggli

hm...ich dachte css funzt nicht mit grafiken...un da steht au nix davon

Mir nicht

Am besten wäre es wohl, wenn hier nochmal einer von den Profis drüberguckt...

yeti66

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Deine Seite</title>
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}


function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}


function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}


function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body bgcolor="#BDC6DE">
<table width="780" border="0" align="center">
  <tr>
    <td align="center">[url='xxx'][img]Original1.jpeg[/img][/url]</td>
    <td align="center">[url='xxx'][img]Original2.jpeg[/img][/url]</td>
    <td align="center">[url='xxx'][img]Original3.jpeg[/img][/url]</td>
  </tr>
</table>
</body>
</html>

Alles anzeigen

Pfade von Original1/2/3.jpeg und Rollover1/2/3.jpeg ändern und los gehts.

Gruß yeti66

niggli

gut jetzt klappts, aber leider hab ich nu null gelernt
egal trotzdem danke an alle die mir geholfen haben

Sleeme

vieleicht verseh ich dich auch falsch aber ich hab meine onmouseover so eingebaut:

Code

[url='http://www.deineseite.de/link.html'][img]bild1.jpg[/img][/url]

GreenRover

ja das ist eigentlcih richtig,funktioniert es nicht?

Tags

Benutzer online in diesem Thema