<![CDATA[devshare.de - Suche Script für ein Buttonwechsel mit onklick in einem menü.]]> http://devshare.de/topic/41541/suche-script-fuer-ein-buttonwechsel-mit-onklick-in-einem-menue/ Tue, 15 Jul 2008 19:54:06 +0000 PunBB <![CDATA[Suche Script für ein Buttonwechsel mit onklick in einem menü.]]> http://devshare.de/post/47142/#p47142 Hallo Leute!

Also ich hab schon viel gesucht und auch etwas gefunden aber leider funktioniert es nicht.

Also zur eigentlichen Sache...

Ich habe 5 Buttons die jeweils in 3 Ausführungen exsistieren.

Also button-1-blau.gif, button-1-gruen.gif und button-1-rot.gif.

Wenn die Seite geladen ist erscheint zuerst der blaue Button wenn man mit der Maus über diesen fährt erscheint der grüne und wenn man den Button anklickt um die Seite im Frame zu öffnen dann soll der rote erscheinen und bleiben. Fährt man dann mit der maus über den nächsten Button sollte dieser wieder grün werden aber der angeklickte soll rot bleiben, erst wenn man den nächsten Button anklickt um die Seite im Frame zu öffnen soll dieser dann rot werden und der Button der zuvor rot war soll wieder blau sein.

Falls möglich wäre es schön das beim betreten der Seite der erste Button bereits rot ist da es ja auch die erste Seite ist die geladen wird.

Ich hoffe das ihr mir helfen könnt denn ich fang langsam an zu verzweifeln. Habe sowas in der Art schon öfter gesehen aber diese Scripts scheinen ausgestorben zu sein...


Das hier hab ich gefunden und versucht anzupassen aber es funktioniert nicht richtig. Vielleicht kann einer von euch mir helfen.


<html>
    <head>
    <meta http-equiv="Content-Type" 

content="text/html; charset=iso-8859-1" />
    <title>Unbenanntes Dokument</title>
    <script type="text/javascript">
    
    var buttonStuff = new function()
    {
        var thisObj    = this;
        this.ordner    = "";
        this.btPressed = false;
        this.bilder    = new Array();
        this.setOrdner = function (s) { 

thisObj.ordner = s; }
        this.addBilder = function (a) { for (var i=0; 

i < a.length; i++) thisObj.bilder.push( thisObj.ordner + a[i] ); }
        this.wechsel   = function (o,i)
        {
            if( !thisObj.btPressed )
            {
                o.src = 

thisObj.bilder[i-1];
                if( i == 6 ) 

thisObj.btPressed = true;
            }
            else
            {
                if( i == 6 )
                {
                    o.src = 

thisObj.bilder[0];
                    

thisObj.btPressed = false;
                }
            }
        }
    }
    
    buttonStuff.setOrdner("001/");
    buttonStuff.addBilder( [ "1.gif", "2.gif", "3.gif", "4.gif", "5.gif", "6.gif" ] );
    
    </script>
    </head>

    <body>
        <img src="001/1.gif" name="1" width="145" height="37" id="1" onclick="buttonStuff.wechsel(this,3)" 
            onmouseover="buttonStuff.wechsel(this,2)" onmouseout="buttonStuff.wechsel(this,1)"/>
            <br>
        <img src="001/4.gif" name="2" width="145" height="37" id="2" onclick="buttonStuff.wechsel(this,6)" 
            onmouseover="buttonStuff.wechsel(this,5)" onmouseout="buttonStuff.wechsel(this,4)"/>
    </body>
</html>

Bin für jede hilfe dankbar!!!!

Vielen Dank!

MfG

fump2000

]]> Tue, 15 Jul 2008 19:54:06 +0000 http://devshare.de/post/47142/#p47142