Avatar billede Sweet1 Nybegynder
25. december 2005 - 19:43 Der er 17 kommentarer og
1 løsning

Hvordan gør jeg så den lukker vinduet ved mouseoff

Jeg har dette lille script som i og for sig virker fint, men hvordan får jeg vinduet til at forsvinde igen når man fjerner musen fra linket ?

Her er mit script :

<html>
  <head>
      <title>
        Pictures
      </title>
     
      <script language="javascript" type="text/javascript">
    function popWin(file){
      newWin=window.open("","ResizeBillede","width=300,height=200,status=no");
      txt='<ht'+'ml><he'+'ad><ti'+'tle>Resize til billede<\57ti'+'tle><scri';
      txt+='pt language="javascript" type="text/javascript">';
      txt+='function resPic(){h=document.images[0].scrollHeight;';
      txt+='w=document.images[0].scrollWidth;window.resizeTo(w+6,h+32);}<\57scri';
      txt+='pt><\57he'+'ad><bo'+'dy style="overflow:hidden;';
      txt+='border:0px;margin:0px"><i'+'mg src="'+file+'" style="top:0px;left:0px;border:0px;';
      txt+='" onload="resPic();"><\57bo'+'dy><\57ht'+'ml>';
      newWin.document.write(txt);
      newWin.document.close();
    }
  </script>

  </head>
  <body bgcolor="#C0C0C0" text="#000000" alink="#FF0000" vlink="#FF00FF" link="#0000FF">

<a href="#" onmouseover="popWin('1.jpg');return false;"><img src="1.jpg" width="150" alt="."></a>

  </body>
</html>
Avatar billede roenving Novice
25. december 2005 - 19:50 #1
Ændrer en smule i javascript-blokken:

      <script language="javascript" type="text/javascript">
        var newWin = null;
        function popWin(file){
          newWin=window.open("","ResizeBillede","width=300,height=200,status=no");


-- og sætter en mouseout på linket:

<a href="#" onmouseover="popWin('1.jpg');return false;" onmouseout="if(newWin)newWin.close();"><img src="1.jpg" width="150" alt="."></a>
Avatar billede Sweet1 Nybegynder
25. december 2005 - 19:58 #2
Mener du sådan her ?

<html>
  <head>
      <title>
        Pictures
      </title>
     
      <script language="javascript" type="text/javascript">
    var newWin = null;
    function popWin(file){
      newWin=window.open("","ResizeBillede","width=300,height=200,status=no");
      txt='<ht'+'ml><he'+'ad><ti'+'tle>Resize til billede<\57ti'+'tle><scri';
      txt+='pt language="javascript" type="text/javascript">';
      txt+='function resPic(){h=document.images[0].scrollHeight;';
      txt+='w=document.images[0].scrollWidth;window.resizeTo(w+6,h+32);}<\57scri';
      txt+='pt><\57he'+'ad><bo'+'dy style="overflow:hidden;';
      txt+='border:0px;margin:0px"><i'+'mg src="'+file+'" style="top:0px;left:0px;border:0px;';
      txt+='" onload="resPic();"><\57bo'+'dy><\57ht'+'ml>';
      newWin.document.write(txt);
      newWin.document.close();
    }
  </script>

  </head>
  <body bgcolor="#C0C0C0" text="#000000" alink="#FF0000" vlink="#FF00FF" link="#0000FF">

<a href="#" onmouseover="popWin('1.jpg');return false;" onmouseout="if(newWin)newWin.close();"><img src="1.jpg" width="150" alt="."></a>

  </body>
</html>
Avatar billede roenving Novice
25. december 2005 - 20:01 #3
Jepz !-)

-- og så har spørgsmålet iøvrigt ikke det fjerneste med php at gøre, ahh, ca. ligeså meget, som cykler har med bilmotorer, for det er rent javascript !o]
Avatar billede Sweet1 Nybegynder
25. december 2005 - 20:02 #4
Hmm kan ikke få det til at virke .....

Sorry at det er i forkerte område, jeg har lavet noget med PHP det skal ind i nemlig :)
Avatar billede Sweet1 Nybegynder
25. december 2005 - 20:03 #5
Avatar billede Sweet1 Nybegynder
25. december 2005 - 20:05 #6
Og den resizer ikke så den passer til billedet
Avatar billede roenving Novice
25. december 2005 - 20:07 #7
Der har du jo så ikke uploadet den kode ...

-- og resizen så jeg heller ikke virke, men du kan jo der, hvor koden kommer fra: http://roenving.users.whitehat.dk/WD1ResizeTilBillede.html !-)
Avatar billede Sweet1 Nybegynder
25. december 2005 - 20:10 #8
Ja koden er derfra, men jeg troede jeg kunne modifisere den til min brug, men nu aner jeg intet til java
Avatar billede Sweet1 Nybegynder
25. december 2005 - 20:11 #9
uploadet hvilken kode ?
Avatar billede roenving Novice
25. december 2005 - 20:11 #10
Problemet er, at du ikke kan få lov til at lave mindre vinduer end ca. 100*100 pixels, så når dine billeder er mindre end det, vil du have problemer !-)
Avatar billede Sweet1 Nybegynder
25. december 2005 - 20:14 #11
Hvordan ser man nemmest om de er 100*100 pixels ? Har ellers set det virke i et script jeg ikke kan finde igen suk
Avatar billede roenving Novice
25. december 2005 - 20:21 #12
Ved at holde musen over i Stifinder !-)
Avatar billede Sweet1 Nybegynder
25. december 2005 - 20:24 #13
Okay :)

Men onmouseout funger ikke, vinduet lukker sig ikke igen
Avatar billede roenving Novice
25. december 2005 - 20:31 #14
Men det ligger heller ikke i den kode, du har uploadet ?-)
Avatar billede Sweet1 Nybegynder
25. december 2005 - 20:36 #15
KANON, tusinde tak for hjælpen, jeg må skrive at det er fra dig et eller andet sted.

Læg et svar så du kan få point :)
Avatar billede roenving Novice
25. december 2005 - 20:46 #16
-- og nu hopper den frem og tilbage, fordi mouseout sker, når et andet vindue åbnes ovenpå ...

-- og så skal du beholde langt de fleste point selv, for det svarer nærmere til et 15-30 points-spørgsmål !-)

Velbekomme '-)
Avatar billede roenving Novice
25. december 2005 - 20:50 #17
Tak for point ;~}
Avatar billede Sweet1 Nybegynder
25. december 2005 - 20:56 #18
Så lidt da og tusinde tak for hjælpen
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