• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

onmouseover-Funktion

Dsimon24

Mitglied
Hallo!

Versuche gerade in meinem Quellcode die Funktion "onmouseover" einzubauen,
jedoch wird der Button, nachdem ich es mit der Mouse berühre, nicht geändert.
Ich poste mal den Code, vielleicht sieht einer den entscheidenden Fehler!?

HTML:
            <table border="0" align="center">

                        <tr>
                            <td><h3 align="center">Barausgabe<br>erfassen</h3></td>
                            <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                            <td><h3 align="center">Geldabholung<br>erfassen</h3></td>
                        </tr>
               
                        <tr>
                            <td>
                                <a href="kostenerfassung/start.php">
                                <div align="center">
                                <img
                                onmouseover="this.src = '/images/homie.png';"
                                onmouseout="this.src = '/images/button.png';"
                                src="/images/button.png"
                                width="100"
                                height="90"
                                alt="Barausgaben erfassen"
                                title="Barausgaben" "/>
                                </a> </div>
                            </td>
                            <br>

                            <td>
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            </td>
                           
                            <td>       
                                <a href="geldabholung/start.php">
                                <div align="center">
                                <img
                                onmouseover="this.src = '/images/homie.png';"
                                onmouseout="this.src = '/images/button.png';"
                                src="/images/button.png"
                                width="100"
                                height="90"
                                alt="Geldabholung erfassen"
                                title="Geldabholung" />
                                </a> </div>
                            </td>
                        </tr>
                        <br>

            </table>

Freue mich auf eure Hilfe...

Gruß, David
 
Werbung:
Hallo!

Versuche gerade in meinem Quellcode die Funktion "onmouseover" einzubauen,
jedoch wird der Button, nachdem ich es mit der Mouse berühre, nicht geändert.
Ich poste mal den Code, vielleicht sieht einer den entscheidenden Fehler!?

HTML:
            <table border="0" align="center">

                        <tr>
                            <td><h3 align="center">Barausgabe<br>erfassen</h3></td>
                            <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                            <td><h3 align="center">Geldabholung<br>erfassen</h3></td>
                        </tr>
              
                        <tr>
                            <td>
                                <a href="kostenerfassung/start.php">
                                <div align="center">
                                <img
                                onmouseover="this.src = '/images/homie.png';"
                                onmouseout="this.src = '/images/button.png';"
                                src="/images/button.png"
                                width="100"
                                height="90"
                                alt="Barausgaben erfassen"
                                title="Barausgaben" "/>
                                </a> </div>
                            </td>
                            <br>

                            <td>
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            </td>
                          
                            <td>      
                                <a href="geldabholung/start.php">
                                <div align="center">
                                <img
                                onmouseover="this.src = '/images/homie.png';"
                                onmouseout="this.src = '/images/button.png';"
                                src="/images/button.png"
                                width="100"
                                height="90"
                                alt="Geldabholung erfassen"
                                title="Geldabholung" />
                                </a> </div>
                            </td>
                        </tr>
                        <br>

            </table>

Freue mich auf eure Hilfe...

Gruß, David

Bessere mal den HTML-Fehler aus. Wenn es dann nicht geht, melde dich nochmal.
 
Hmmm bin mir nicht ganz sicher, aber ich würde mal deiner source ... also dem img tag einen namen oder besser noch eine id="button123" verpassen ... dann kannst du das DOM-Objekt einzigartig ansprechen ... du verwendest ja öfters hintereinander this.src= ... und da kommt ganz gerne die VM durcheinander.
... weiter könntest du auch die Semikolon und die whitespaces weglassen ... also onmouseover="this.src='/images/homie.png'" ...

Hoffe das hilft ;)
ps. ... und javascript sollte aktiviert sein ;) ... selbstverständlich ;)
lg
XL
 
Werbung:
Zurück
Oben