onMouseOver fra en td til en anden td!

Prøv dette:

<html>
    <body>
        <table>
            <tr>
                <td name="main"><img id="billede" src="billede1.gif"></td>
            </tr>
        </table>
        <table>
            <tr>
                <td onMouseOver="document.all.billede.src = 'billede2.gif';" onMouseOut="document.all.billede.src = 'billede1.gif';">hej</td>
                <td onMouseOver="document.all.billede.src = 'billede3.gif';" onMouseOut="document.all.billede.src = 'billede1.gif';">hallo</td>
            </tr>
        </table>
    </body>
</html>


/SpEeDy

hmm. Jeg afprøver lige..:)

Dette er self. kun et brudstykke af koden :), MEN det virker vist ikke, medmindre jeg er så træt at jeg har lavet en eller anden dummefejl :)


                        <table width="215" height="420" border="0" cellpadding="0" cellspacing="0"><!-- start på venstre main table-->
                            <tr height="420">
                                <td width="215"><img id="cirkel" src=".\img\startside\cirkel.jpg"></td>                       
                            </tr>
                        </table><!-- slut på venstre main table-->
                    </td>               
                    <td>
                        <table width="545" height="420" border="0" cellpadding="0" cellspacing="0"><!-- start på højre main table-->
                            <tr height="63">                               
                                <td width="120"><img src=".\img\startside\logohouse_01.jpg"></td>
                                <td width="225"><img src=".\img\startside\logohouse_02.jpg"></td>
                                <td width="200"><img src=".\img\startside\logohouse_03.jpg"></td>
                            </tr>
                            <tr height="49">
                                <td width="120" onMouseOver="document.all.billede.src = '.\img\startside\fade_kokke.jpg';" onMouseOut="document.all.billede.src = '.\img\startside\cirkel.jpg';"><img src=".\img\startside\kokke_txt.jpg"></td>
                                <td width="225"><img src=".\img\startside\baggrund_01.gif"></td>
                                <td width="200"><img src=".\img\startside\jydenlogo.gif"></td>
                            </tr>

mangler der måske en reference til hvilken <td> billedet skal skifte i???
(img id="cirkel")

fejlmeddelelse: document.all.billede er ikke et objekt

(hvis du gerne vil have hele koden at gå ud fra, kan du self. bare få den!)

lol har fundet første dumme fejl!
prøver lige dit forslag igen!

Da dit billedes id er ændret til cirkel, skal du også ændre i dine mouseover funktioner...

i stedet for document.all.billede.src skal der stå document.all.cirkel.src

/SpEeDy

her er den ny kode.... Virker stadig ikke efter jeg har ændret billede til cirkel :(

                        <table width="215" height="420" border="0" cellpadding="0" cellspacing="0"><!-- start på venstre main table-->
                            <tr height="420">
                                <td width="215"><img id="cirkel" src=".\img\startside\cirkel.jpg"></td>                       
                            </tr>
                        </table><!-- slut på venstre main table-->
                    </td>               
                    <td>
                        <table width="545" height="420" border="0" cellpadding="0" cellspacing="0"><!-- start på højre main table-->
                            <tr height="63">                               
                                <td width="120"><img src=".\img\startside\logohouse_01.jpg"></td>
                                <td width="225"><img src=".\img\startside\logohouse_02.jpg"></td>
                                <td width="200"><img src=".\img\startside\logohouse_03.jpg"></td>
                            </tr>
                            <tr height="49">
                                <td width="120" onMouseOver="document.all.cirkel.src ='.\img\startside\fade_kokke.jpg';" onMouseOut="document.all.cirkel.src ='.\img\startside\cirkel.jpg';"><img src=".\img\startside\kokke_txt.jpg"></td>
                                <td width="225"><img src=".\img\startside\baggrund_01.gif"></td>
                                <td width="200"><img src=".\img\startside\jydenlogo.gif"></td>
                            </tr>

Har lige ændret lidt i koden...

                        <table width="215" height="420" border="0" cellpadding="0" cellspacing="0"><!-- start på venstre main table-->
                            <tr height="420">
                                <td width="215"><img id="cirkel" src=".\img\startside\cirkel.jpg"></td>                       
                            </tr>
                        </table><!-- slut på venstre main table-->
                    </td>               
                    <td>
                        <table width="545" height="420" border="0" cellpadding="0" cellspacing="0"><!-- start på højre main table-->
                            <tr height="63">                               
                                <td width="120"><img src=".\img\startside\logohouse_01.jpg"></td>
                                <td width="225"><img src=".\img\startside\logohouse_02.jpg"></td>
                                <td width="200"><img src=".\img\startside\logohouse_03.jpg"></td>
                            </tr>
                            <tr height="49">
                                <td width="120"><img src=".\img\startside\kokke_txt.jpg" onMouseOver="document.all.cirkel.src ='.\img\startside\fade_kokke.jpg';" onMouseOut="document.all.cirkel.src ='.\img\startside\cirkel.jpg';"></td>
                                <td width="225"><img src=".\img\startside\baggrund_01.gif"></td>
                                <td width="200"><img src=".\img\startside\jydenlogo.gif"></td>
                            </tr>

hmm...den kode du skriver der virker fint hos mig....

Har du den et sted på nettet, så jeg kan se den i "aktion" :D

/SpEeDy

har bare flyttet mouseover funktionen fra <td> til <img>!

hmm. 2 sek.

den ligger her!

http://www.grey.wecreateit.dk/jyden/index.htm

hmmm...Der er jo en masse andre fejl, som ikke har med billed-skiftet at gøre...

/SpEeDy

dem har jeg fjernet nu!

Erstat:

onMouseOver="document.all.cirkel.src ='.\img\startside\fade_kokke.jpg';" onMouseOut="document.all.cirkel.src ='.\img\startside\cirkel.jpg';"

med

onMouseOver="document.all.cirkel.src ='img/startside/fade_kokke.jpg';" onMouseOut="document.all.cirkel.src ='img/startside/cirkel.jpg';"

/SpEedy

grunden til at ".\" står der er at filerne ligge på en FreeBSD server, der bruger .\ i directory strukturen, men jeg prøver lige alligevel:)

JA SQ. Nu virkede det!!!!!

Kanon!
Points til dig!!!!

Tak for hjælpen!!!

lolda. i scriptet virker det kun hvis der er "slash" ikke "backslash"
Men overalt på resten af siden virker det fint med backslash!!!

tjaa..det er sikkert fordi IE selv "oversætter" "backslash" til "slash".

Brug altid slash når du laver hjemmesider...

/SpEeDy