• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Buttons wechseln Aussehen nicht

Status
Für weitere Antworten geschlossen.
C

Corlette09

Neues Mitglied
Hey!

ich brauche dringent eure Hilfe. Ich habe hier eine Navigation und möchte mit einem Javaskript die Buttons dazu bringen, dass sie die Farbe Wescheln, wenn man mit der Maus drüber fährt. Ich hatte es auch schon mal hinbekommen, doch jetzt geht es plötzlich nicht mehr.
Könnt ihr mir helfen? ich muss das heute noch fertig bekommen... wäre also wirklich toll, wenn ihr mir heute noch antworten könntet.

MFG und schöne Weihnachtsfeiertage!
Corlette09




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta name="author" content="Corlette09">
<meta name="editor" content="html-editor phase 5">

<style type="text/css">
#Button_u1 {position:absolute; top:200px; left:20px}
#Button_u2 {position:absolute; top:255px; left:20px}
#Button_u3 {position:absolute; top:310px; left:20px}
</style>

<script type="text/javascript">
var Schaltflaeche = new Array();
Schaltflaeche[1] = new Image();Schaltflaeche[1].src="Ressourcen/Buttons/btn_h.jpg";
Schaltflaeche[2] = new Image();Schaltflaeche[2].src="Ressourcen/Buttons/btn_u1.jpg";
Schaltflaeche[3] = new Image();Schaltflaeche[3].src="Ressourcen/Buttons/btn_u2.jpg";
Schaltflaeche[4] = new Image();Schaltflaeche[4].src="Ressourcen/Buttons/btn_u3.jpg";

var Schaltflaeche_aktiv = new Array();
Schaltflaeche_aktiv[1] = new Image();Schaltflaeche_aktiv[1].src="Ressourcen/Buttons/btn_h_aktiv.jpg";
Schaltflaeche_aktiv[2] = new Image();Schaltflaeche_aktiv[2].src="Ressourcen/Buttons/btn_u1_aktiv.jpg";
Schaltflaeche_aktiv[3] = new Image();Schaltflaeche_aktiv[3].src="Ressourcen/Buttons/btn_u2_aktiv.jpg";
Schaltflaeche_aktiv[4] = new Image();Schaltflaeche_aktiv[4].src="Ressourcen/Buttons/btn_u3_aktiv.jpg";

var Schaltflaeche_name = new Array();
Schaltflaeche_name[1] = "H"
Schaltflaeche_name[2] = "U1"
Schaltflaeche_name[3] = "U2"
Schaltflaeche_name[4] = "U3"

function wechsle_Aussehen(aussehen,nummer)
{
if(aussehen=="normal")
{document.images[namen[nummer]].src = Schaltflaeche[nummer].src}
else
{document.images[namen[nummer]].src = Schaltflaeche_aktiv[nummer].src};
}
</script>
</head>



<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">

<div id="Button_u1">
<a href="Unterseiten/Unterseite1/ausgabe_u1.html">
<img src="Ressourcen/Buttons/btn_u1.jpg"
alt="Zur Unterseite1"
border="0"
width="200"
height="50"
name="U1"
onmouseover="wechsle_Aussehen('aktiv',2)"
onmouseout="wechsle_Aussehen('normal',2)"
>
</a>
</div>

<div id="Button_u2">
<a href="Unterseiten/Unterseite1/ausgabe_u2.html">
<img src="Ressourcen/Buttons/btn_u2.jpg"
alt="Zur Unterseite2"
border="0"
width="200"
height="50"
name="U2"
onmouseover="wechsle_Aussehen('aktiv',3)"
onmouseout="wechsle_Aussehen('normal',3)"
>
</a>
</div>

<div id="Button_u3">
<a href="Unterseiten/Unterseite1/ausgabe_u3.html">
<img src="Ressourcen/Buttons/btn_u3.jpg"
alt="Zur Unterseite3"
border="0"
width="200"
height="50"
name="U3"
onmouseover="wechsle_Aussehen('aktiv',4)"
onmouseout="wechsle_Aussehen('normal',4)"
>
</a>
</div>
</body>
</html>
 
Corlette09 schrieb:
Ich habe hier eine Navigation und möchte mit einem Javaskript die Buttons dazu bringen, dass sie die Farbe Wescheln, wenn man mit der Maus drüber fährt.
Zum Vergrößern anklicken....
Dazu braucht man doch kein JavaScript!
HTML:
Code: 
<ul id="Menu">
  <li><a href="xxx">Seite 1</a></li>
  <li><a href="xxx">Seite 1</a></li>
</ul>
CSS:
Code: 
ul li a {
   border:2px outset #ccc;
   text-decoration:none;
   background-color:#ccc;
}
ul li a:hover {
   border:2px inset #ccc;
}
Ist etwas kürzer, gell? Das geht natürlich auch mit Hintergrundfarben und müsste vielleicht noch hie und da ein bisschen optimiert werden, z.B. auch dass der Link ein Block-Element wird, damit er so groß sein kann, wie das Listenelement usw.

Aber JavaScript...? Und wenns dann abgeschaltet ist, dann sieht man den Effekt nichtmal, für den Du Dir so viel Mühe gibst...
 
Ok, hab mich falsch ausgedrückt.
ich MUSS Javascript verwenden, sagt mein Informatiklehrer...
Es soll auch so sein, dass sich die datei btn_x.jpg in btn_aktiv_x.jpg verändert.
Sry, wenn ich mich da falsch ausgedrückt habe.

@struppi: sie sagt leider nichts.. nicht bei phase5 und nicht beim Javascripteditor...
 
Wo glaubst du sind die JS Fehler zu sehen? Im Quelltexteditor bestimmt nicht. Und wenn du die Frage nicht beantworten kannst, was hält dich davon ab zu googlen?
 
Also ich denke das problem liegt daran, dass die Buttons, die im Body-teil angegeben sind nicht auf das javascript zurückgreifen. Es sollte ja so sein, dass wenn ich mit der Maus über die Buttons gehe, dass dann der Button_aktiv zusehen ist, wo vorher der normale Button war.

Beispiel:
Wenn ich nach dem Schreiben auf "Antworten" gehe, dann verfärbt dies sich bläulich. Und das selbe Prinzip sollte auch bei mir passieren. Seht ihr vielleicht in dem Quelltext eine nicht korrekte Verbindung zwischen dem JS und den Buttons? Vielleicht bei "name="U1"" oder so..
 
Nein, ich meine mit Fehlerkonsole die Fehlerkonsole, es kann doch nicht so schwer sein da mal schnell nach zu google?
 
Ich denke das lohnt sich nicht, da es ein spezifischer Fehler ist.
Es hängt warscheinlich an einer Formulierung, wodurch sich das nicht verbindet.

Ich versuchs nochmal zu machen und werd sehen. ich kann mir nicht vorstellen, dass das nicht geht - so plötzlich.

Trozdem danke und sollte alles nichts helfen werd ich auch mal googlen.

MFG und Frohe Weihnachten!

Corlette09
 
Die Fehlerkonsole ist sofort zu erreichen es gibt keinen Grund diese nicth zu beachten und es hilft JS Fehler zu finden, egal ob spezifische oder unspezifische, in der Zeit wo wir uns jetzt nett unterhalten haben, hättest du längst rausfinden können wo du die Fehlerkonsole in deinem Browser findest und uns mitteilen ob sie leer ist oder nicht und wir hätten uns dann um dein spezifisches Problem kümmern können. Stattdessen quatschen wir nur rum :-(
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben