Avatar billede skwat Praktikant
11. november 2009 - 00:06 Der er 7 kommentarer og
1 løsning

onmouseover / explore / hele siden

Har et problem med mouseover i explore, den bliver kun kørt når der er et element under musen ie.



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>
            Untitled Page
        </title>
    </head>
        <body onmouseover="alert('demo')">
        <div style="height:100%" >
            <center>
                <img src="./gfx/logo.jpg" alt="a" />
            </center>   
        </div>
   

    </body>
</html>



alert bliver kun kørt når pilen er på højde med det img jeg at sat ind. Dvs. jeg fanger ikke når musen flytter sig rundt et par centimeter under img tagget.

nogen der har en clue?
Avatar billede repox Seniormester
11. november 2009 - 00:10 #1
Som din kode ser ud nu, er din side (body) ikke større end dit image element.

Selvom du rent fysisk ser en hel side, når du åbner den i browseren, er dit body element ikke nødvendigvis lige så stort.
Avatar billede skwat Praktikant
11. november 2009 - 00:13 #2
havde jeg tænkt, derfor har jeg forsøgt mig med en style="height:100%;"> uden held dog.
Avatar billede repox Seniormester
11. november 2009 - 00:23 #3
Grunden til at det ikke virker er at din div, som du sætter en 100% højde på, bliver 100% høj i forhold til dit body element - som så også skal forholde sig til html elementet.

Prøv dette i stedet:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>
            Untitled Page
        </title>
        <style type="text/css">
                    html
                    {
                        height: 100%;
                    }

                    body
                    {
                        height: 100%;
                    }

                    .wrapper
                    {
                        min-height: 100%;
                        height: auto !important;
                        height: 100%;
                    }

                    .center
                    {
                        text-align: center;
                    }

        </style>
    </head>
        <body onmouseover="alert('demo')">
        <div class="wrapper">
            <div class="center">
                <img src="./gfx/logo.jpg" alt="a" />
            </div>
        </div>

    </body>
</html>

Avatar billede skwat Praktikant
11. november 2009 - 00:31 #4
Den er der næsten nu :)

Nu er mit problem lidt at eventet kun skydes en gang - det vil sige første gang jeg flytter over min side !
Avatar billede repox Seniormester
11. november 2009 - 00:39 #5
Og hvad er det du gerne vil have?
Avatar billede skwat Praktikant
11. november 2009 - 12:05 #6
Tror måske der havde været for meget kaffe inden over klokken 0030 - det spiller som det skal nu.
Avatar billede skwat Praktikant
11. november 2009 - 12:05 #7
ie. svar please
Avatar billede repox Seniormester
11. november 2009 - 12:28 #8
Det fik du her
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester