kostenloser Webspace werbefrei: lima-city


Buttons

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    s*****o

    <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
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. p**i

    Hachja,

    verschoben, da es wieder mal nicht Java ist.

    Gruß,
    Puni
  4. 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).
  5. Autor dieses Themas

    s*****o

    ä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 :redface:
  6. 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>
  7. Autor dieses Themas

    s*****o

    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
  8. 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...
  9. Autor dieses Themas

    s*****o

    siehe erster beitrag könnte es so gehen ?
  10. 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.
  11. Autor dieses Themas

    s*****o

    <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
  12. 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.
  13. Autor dieses Themas

    s*****o

    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
  14. 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...
  15. Autor dieses Themas

    s*****o

    habe ich und es funzt immer noch nicht richtig
  16. Bitte poste mal den Link zu der Page, kann ja nur nen einfacher Schreibfehler sein.
  17. Autor dieses Themas

    s*****o

    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
  18. m***********e

    \"The requested URL could not be retrieved\"



    ___________________
    Da stimmt irgendwas nicht;)
  19. Autor dieses Themas

    s*****o

    jetzt funzt es
  20. 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\" ) .

  21. Autor dieses Themas

    s*****o

    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 :confused:
  22. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!