Buttons
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
attribut
bekommen
bild
button
code
funktion
funktionieren
hilfe
image
lernen
mache
machen
objekt
parameter
problem
tip
verstehen
versuch
zeigen
zweiten button
-
<script language=\"javascript\" type=\"text/javascript\"> Unbenannt = new Image(); Unbenannt.src = \"Unbenannt.png\"; Unbenannt_Over = new Image(); Unbenannt_Over.src = \"Unbenannt_Over.png\"; Unbenannt_Down = new Image(); Unbenannt_Down.src = \"Unbenannt_Down.png\"; Unbenannt1 = new Image(); Unbenannt1.src = \"Unbenannt1.png\"; Unbenannt1_Over = new Image(); Unbenannt1_Over.src = \"Unbenannt1_Over.png\"; Unbenannt1_Down = new Image(); Unbenannt1_Down.src = \"Unbenannt1_Down.png\"; function show(buttonname, buttonvar) { document.images[buttonname].src=buttonvar.src; } </script>
könnte es so klappen?
misst falsches bearbeitet
Beitrag geändert: 11.3.2008 19:04:33 von sethiro
Beitrag geändert: 11.3.2008 19:05:37 von sethiro -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Hi,
wie es aussieht, will die Funktion zwei Parameter:
Erstens eine Referenz auf das Bild, das getauscht werden soll; zweitens, das Bild-Objekt, daß verwendet werden soll.
Du übergibst nur den zweiten Parameter.
Zum Ersten : Ich habs grad nicht im Kopf, musst mal ausgooglen, ob images[] über Nummern läuft oder du auch nen Namen reinschreiben kannst; dann müsste dein img-Tag noch ein name-Attribut bekommen und liesse sich so leichter ansprechen als bei ner Nummerierung (sollte das Layout mal geändert werden, darfste alles neu Nummerieren). -
ähhhm ok
wenn du da vür mal nen beissüiel hättest wär ich froh wenn ich es sehen könnte denn dan könnte ich eventuel auch deiner aussage volgen denn ich habe keine ahnung was du meintest
-
Na guck mal :
function show(buttonname, buttonvar) { document.images[buttonname].src=buttonvar.src; }
heisst soviel wie :
ich mach das folgende wenn du mir gibst: (buttonname, buttonvar) { hier such ich das bild mit [buttonname] und setze die quelle auf : buttonvar.src; }
Du musst also beim Aufruf sagen :
<a href=\"\" target=\"inhalt\" onMouseout=\"show(\'BUTTON1\', Unbenannt);\" onMouseup=\"show(\'BUTTON1\', Unbenannt);\" onMouseover=\"show(\'BUTTON1\', Unbenannt_Over);\" onMousedown=\"show(\'BUTTON1\', Unbenannt_Down);\"> <img src=\"Unbenannt.png\" NAME=\"BUTTON1\" border=\"0\" alt=\"Freunde\"></a> -
ok aber wie ich schon sagte muss ich den button öfter haben mit verschiedenen schriften
so und wie mache ich es das nicht das erste bild(spricht button)das bild anzeigt was eigentlich auf dem 3. zb zu sehen sein sollte
ich fahre über den 3. button und dann komt der eigentliche efeckt vür dem mousover nicht auf dem 3. sondern auf den 1. und das möchte ich ändern das jeder button das macht was er soll
oder heisst es das ich die buttons alle in zeile 14 eintragen soll wenn ja wie trenne ich die ganzen buttons
oder muss ich das garnicht ???? *nix peil alles zu hoch für mich ich sollte vlt doch mal was lernen
oder kannst du mir mal ein beispiel zeigen wie mann das auf mehrere buttons macht kannst ja
mal einen machen und mir zeigen damit ich es nochmal voll endet vor mir habe und es verstehen kann
Beitrag geändert: 10.3.2008 23:40:06 von sethiro -
ich sollte vlt doch mal was lernen
Das wäre vielleicht nicht schlecht, denn es wird sich nicht immer jemand finden, der Dir alles fix & fertig vor die Nase setzt. Lernen kann ja auch definiert werden als \"sehen, verstehen, übertragen\".
Du hast die Lösung für einen Button gesehen, nu versuch mal, die zu verstehn; also was da technisch abläuft. Dann übertrag das auf dein Problem mit mehreren Buttons.
Tips:
-Die Buttons müssen dann jeweils eigene Namen bekommen.
-Wenn du unterschiedliche Bilder für mehrere Buttons willst, musst du auch mehrere Image-Objekte erstellen.
-Der Funktion musst du dann nur noch die richtigen Namen übergeben, sowohl den Namen deines Buttons als auch des Image-Objekts.
-Dann kann Sie nämlich auch einem Button das richtige Bild zuweisen.
Versuchs mal einfach, macht unheimlich Spass, wenn man selbst hinter irgendwas gestiegen ist. So bin ich von der Grafikbearbeitung zur Programmierung rübergerutscht. Je grösser die Herausforderung, desto besser das Gefühl hinterher... -
siehe erster beitrag könnte es so gehen ?
-
Sieht doch gut aus. Damit hast Du Tip 2 umgesetzt, nämlich Image-Objekte für einen zweiten Button erstellt. Nun noch einen zweiten Link einbauen, dem Bild einen eindeutigen Namen geben und die neuen Parameter übergeben, wo du die Funktion im Link aufrufst.
-
<script language=\"javascript\" type=\"text/javascript\"> Home = new Image(); Home.src = \"Home.png\"; Home_Over = new Image(); Home_Over.src = \"Home_Over.png\"; Home_Down = new Image(); Home_Down.src = \"Home_Down.png\"; Button1 = Unbenannt.png(); Button1.src = \"Unbenannt.png\"; Button1_Over = Unbenannt_Over.png(); Button1_Over.src = \"Unbenannt_Over.png\"; Button1_Down = Unbenannt_Down.png(); Button1_Down.src = \"Unbenannt_Down.png\"; function show(buttonname, buttonvar) { document.images[buttonname].src=buttonvar.src; } </script> <body><body style=\"background-image:url(navibg.jpg)\"><body leftmargin=\"0\" rightmargin=\"0\" topmargin=\"0\" marginwidth=\"0\" marginheight=\"0\"> <img src=\"navi.jpg\" alt=\"\" border=\"0\"><br> <br> <br> <div align=\"center\"><a href=\"home.htm\" target=\"inhalt\" onMouseout=\"show(\'PLButton\', Home);\" onMouseup=\"show(\'PLButton\', Home);\" onMouseover=\"show(\'PLButton\', Home_Over);\" onMousedown=\"show(\'PLButton\', Home_Down);\"> <img src=\"Home.png\" border=\"0\" alt=\"Home\" name=\"PLButton\"></a></div> <a href=\"444ttt\" target=\"inhalt\" onMouseout=\"show(\'Button1\', Unbenannt);\" onMouseup=\"show(\'Button1\', Unbenannt);\" onMouseover=\"show(\'Button1\', Unbenannt_Over);\" onMousedown=\"show(\'Button1\', Unbenannt_Down);\"> <img src=\"Unbenannt.png\" border=\"0\" alt=\"Freunde\" name=\"Button1\"></a>
so sieht es jetzt aus aber funzt immer noch nicht richtig meine fresse was mache ich verkehrt
ok habe den fehler gefunden nun habe ich die sachen im link richtig gemacht und nun habe ich ein neues prob das pic springt nicht in den ursprung zurück
Beitrag geändert: 12.3.2008 10:18:54 von sethiro -
Zwei Dinge, soweit ich sehe :
<body><body style=\"background-image:url(navibg.jpg)\"><body leftmargin=\"0\" rightmargin=\"0\" topmargin=\"0\" marginwidth=\"0\" marginheight=\"0\">
Dat is nicht gut, du machst hier drei body-elemente auf. Besser alle Attribute einem Element zuweisen :
<body style=\"background-image:url(navibg.jpg)\" leftmargin=\"0\" rightmargin=\"0\" topmargin=\"0\" marginwidth=\"0\" marginheight=\"0\">
Dann bist Du hier einfach nur durcheinandergekommen :
Button1 = Unbenannt.png(); Button1.src = \"Unbenannt.png\"; Button1_Over = Unbenannt_Over.png(); Button1_Over.src = \"Unbenannt_Over.png\"; Button1_Down = Unbenannt_Down.png(); Button1_Down.src = \"Unbenannt_Down.png\";
Korrekt ist, wie Du es schon beim ersten gemacht hast:
Button1 = new Image(); Button1.src = \"Unbenannt.png\"; Button1_Over = new Image(); Button1_Over.src = \"Unbenannt_Over.png\"; Button1_Down = new Image(); Button1_Down.src = \"Unbenannt_Down.png\";
Soweit siehst alles ganz gut aus und zumindest mit dem Home-Button hätte es schon funktionieren sollen. -
der home geht auch nur button1 nicht richtig da geht zwar der mousoveraber wenn ich mit der maus wieder runter gehe dann bildet er nicht den butten den er da eigendlich zeigen sollte
-
Na siehste,
dann musste nur bei deinem Button1 new Image() statt Unbenannt.png() usw. verwenden. Du willst ja Objekte vom Typ Image haben, den eigentlichen Bildnamen schreibste dann in das src-Attribut des Image-Objektes. Wie ichs eins weiter oben gepostet habe... -
habe ich und es funzt immer noch nicht richtig
-
Bitte poste mal den Link zu der Page, kann ja nur nen einfacher Schreibfehler sein.
-
teste alles lokal
mache ich demnächst mal
--
hier der link
http://sethiro.lima-city.de/index.html
iwie funzt das nicht
--
Edit (djfun): Doppelpost zusammengefasst
Beitrag geändert: 14.3.2008 17:25:55 von djfun -
\"The requested URL could not be retrieved\"
___________________
Da stimmt irgendwas nicht;) -
jetzt funzt es
-
sethiro schrieb:
jetzt funzt es
meinst du damit den link, oder dein skript?
falls du bei dem button-skript noch hilfe brauchst:
der fehler war, daß du dem zweiten button den selben namen gegeben hast, wie den variablen weiter oben.
gib dem zweiten button einen anderen namen, dann müsste es funktionieren (also nicht \"Button1\" ) .
-
ich meinte den link und was den namen angeht es sind 2 verschiedene der eine auch Home genannt und der andere auch bButton1 genannt nur funzen tuht es nicht richtig denn er macht zwar die schritte zu den bildern aber nicht zurück da ist das aktuelle problem und ich habe keinen dunst wie ich das nun hinbekomme denn der home button geht ja richtig nur der 2. nicht
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
