Mauro Palumbo: Wie den Code vereinfachen...

SELF-Forum

Wie den Code vereinfachen...

Mauro Palumbo
– Informationen zu den Bewertungsregeln

Ich habe folgenden Code:

<script type="text/javascript" language="JavaScript">
<!--
 IMG01_N = "images/meldung.gif"
 IMG01_O = "images/meldung_over.gif"
 IMG02_N = "images/planung.gif"
 IMG02_O = "images/planung_over.gif"
 function imgover(imgname,img){
   imgname.src = img
 }

function imgout(imgname,img){
   imgname.src = img
 }
//-->
</script>

Beim MouseOver wird die Funktion imgover und bei MouseOut die Funktion imgout ausgeführt.
Momentan gebe ich zwei Werte weiter, kann man es nicht aber auch einfacher machen? Z.B. so: imgname.src = imgname + "_O";
So müsste ich bei MouseOver und Out nur einen Wert weitergeben...

Besten Dank für eure Hilfe.

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Wie den Code vereinfachen...

    Bio
    – Informationen zu den Bewertungsregeln

    Sup!

    Du kannst ja mittels des JS-Prototypen-Konzepts eigene "Bildwechsel-Objekte" erzeugen, die dann eine Methode "toggle" haben, die ohne Parameter jeweils die richtigen Bilder auswechselt - oder so.

    Gruesse,

    Bio

    --
    Ich bin ein Mobber - mein Posting tut mir leid! EHRLICH!!!
    sh:( fo:) ch:] rl:} br:> n4:& ie:{ mo:) va:) de:] zu:) fl:( ss:) ls:]
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Wie den Code vereinfachen...

      peterS.
      – Informationen zu den Bewertungsregeln

      gruss Bio, hallo Mauro,

      Sup!

      Du kannst ja mittels des JS-Prototypen-Konzepts eigene "Bildwechsel-Objekte" erzeugen, die dann eine Methode "toggle" haben, die ohne Parameter jeweils die richtigen Bilder auswechselt - oder so.

      >>oder so<< wollte ich gleich mal ausprobieren,
         aber leider konnte ich "document.images" nicht
         zum prototyping ueberreden;

      Bios vervollstaendigter Ansatz ohne prototypen
         sieht dann so aus:

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
      <html>

      <head>
       <meta http-equiv="content-style-type" content="text/css" />
       <meta http-equiv="content-script-type" content="text/javascript" />
       <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
       <title>newImageMethods.html</title>
       <script type="text/javascript">
       <!--
        function setNewImageMethods() {
        /* document.images.prototype.setHighligth = imgMouseOver;
         document.images.prototype.setToDefault = imgMouseOut;
         //
        funktioniert nicht - "document.images" laesst keinen prototypen zu !
        */
         for (var i=0;i<document.images.length;i++) {
          document.images[i].setHighligth = imgMouseOver;
          document.images[i].setToDefault = imgMouseOut;
         }
        // nachteil: weist diese methoden JEDEM image-objekt zu;
        }
        function imgMouseOver() {
         this.src = (this.src.substring(0,this.src.lastIndexOf(".")) + "h" + this.src.substring(this.src.lastIndexOf(".")));
        }
        function imgMouseOut() {
         this.src = (this.src.substring(0,this.src.lastIndexOf("h.")) + this.src.substring(this.src.lastIndexOf(".")));
        }
        /* bildungsvorschrift [image.src] fuer dieses beispiel:
         dafault   : "button3.gif"  - mache aus "xxxh.xxx" ein "xxx.xxx";
         heighlight: "button3h.gif" - mache aus "xxx.xxx" ein "xxxh.xxx";
        */
       //-->
       </script>
      </head>

      <body onload="setNewImageMethods()" bgcolor="#f5f5f5" marginwidth="0" marginheight="0" leftmargin="0" topmargin="0">
       <br />
       <br />
       <br />
       <br />
       <img src="http://selfhtml.teamone.de/javascript/beispiele/anzeige/button3.gif" width="130" height="30" alt="" title="" border="0" onmouseover="this.setHighligth()" onmouseout="this.setToDefault()" /><br />
       <img src="http://selfhtml.teamone.de/javascript/beispiele/anzeige/button2.gif" width="130" height="30" alt="" title="" border="0" onmouseover="this.setHighligth()" onmouseout="this.setToDefault()" /><br />
       <img src="http://selfhtml.teamone.de/javascript/beispiele/anzeige/button1.gif" width="130" height="30" alt="" title="" border="0" onmouseover="this.setHighligth()" onmouseout="this.setToDefault()" />
      <!--
       netscape 4.x kann mit dem schluesselwort "this" nichts anfangen - der gewuenschte effekt bleibt aus;
      //-->
      </body>

      </html>

      by(t)e by(t)e - peterS. - pseliger@gmx.net
      --
      sh:| fo:) ch:? rl:| br:& n3:} n4:# ie:| mo:{ va:| de:[ zu:] fl:) ss:) ls:& js:)

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln