Forum - Over - Itschi

Nicht eingeloggt

Registrieren

Forum / (X)HTML, JavaScript, Ajax / Over

Geschlossen

Florian_D
Ehrenmitglied

- 01.06.09 17:16 Uhr

Moin..
Ich wuerde gerne, dass wenn man mit der Maus ueber den letzten Button fährt, dass beim Mouseover alle Grafiken wechseln.

Code:


<form method="POST" action="#vote" name="vote">

    <input type="image" src="template/default/tools/img/full.png" name="one" onmouseover="this.src='template/default/tools/img/full.png'" onmouseout="this.src='template/default/tools/img/full.png'"> 

    <input type="image" src="template/default/tools/img/half.png" name="two" onmouseover="this.src='template/default/tools/img/full.png'" onmouseout="this.src='template/default/tools/img/half.png'">

    <input type="image" src="template/default/tools/img/none.png" name="three" onmouseover="this.src='template/default/tools/img/full.png'" onmouseout="this.src='template/default/tools/img/none.png'">

    <input type="image" src="template/default/tools/img/none.png" name="fore" onmouseover="this.src='template/default/tools/img/full.png'" onmouseout="this.src='template/default/tools/img/none.png'">

    <input type="image" src="template/default/tools/img/none.png" name="five" onmouseover="this.src='template/default/tools/img/full.png'" onmouseout="this.src='template/default/tools/img/none.png'">    

    1.8

</form>

Mit freundlichen Grüßen,
Florian Stefan Densing

palicora
Moderator

- 01.06.09 18:03 Uhr

Code:


<script type="text/javascript">

var a = 5;

var v = new Array();



function checkV()

{

    for(i=1; i<=a; i++)

    {

        v[i] = document.getElementById(i).src;

    }

}



window.onload = checkV;



function votes(id,typ)

{

    



    if(typ == "over")

    {

        for(i=1; i<=a; i++)

        {

            if(i <= id)

            {

                document.getElementById(i).src = "full.png"

            }

            else

            {

                document.getElementById(i).src = "none.png"

            }

        }

    }

    else if(typ == "out")

    {

        for(i=1; i<=a; i++)

        {

            document.getElementById(i).src = v[i];

        }

    }

}

</script>



<form method="POST" action="#vote" name="vote">

<input type="image" id="1" src="full.png" name="one" onmouseover="votes(this.id,'over');" onmouseout="votes(this.id,'out');">

<input type="image" id="2" src="half.png" name="two" onmouseover="votes(this.id,'over');" onmouseout="votes(this.id,'out');">

<input type="image" id="3" src="none.png" name="three" onmouseover="votes(this.id,'over');" onmouseout="votes(this.id,'out');">

<input type="image" id="4" src="none.png" name="fore" onmouseover="votes(this.id,'over');" onmouseout="votes(this.id,'out');">

<input type="image" id="5" src="none.png" name="five" onmouseover="votes(this.id,'over');" onmouseout="votes(this.id,'out');">

1.8

</form>

mfg palicora

"Unsauberes Programmieren wird zu einer Kunst! Man könnte es als den Impressionismus der Informatik bezeichnen!"

Geschlossen