Avatar billede Slettet bruger
26. januar 2006 - 04:39 Der er 6 kommentarer og
2 løsninger

Tryk på billedet og vinduet lukker

Hejsa

Jeg har følgende kode :
<html>
<head>
  <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>

<a href="#" onclick="popWin('dyr/<% response.write("" & rs("billede") & "") %>');return false;">
<img border="0" src="dyr/<% response.write("" & rs("billede") & "") %>" alt="Klik for fuld størrelse"></a>

</body>
</html>

Nu til det jeg gerne vil ha den til ... når man trykker på billedet, skal vinduet lukke
Avatar billede mstorgaard Praktikant
26. januar 2006 - 07:21 #1
Du kan indsætte den her i din kode: <a href="java script:window.close();"></a>

Hvis du indsætter den omkring <img>-tagget lukket vinduet når man klikker på det
Avatar billede roenving Novice
26. januar 2006 - 16:49 #2
-- eller simplere: indsæt en onclick på selve billedet:

...
      txt+='border:0px;margin:0px"><i'+'mg src="'+file+'" style="top:0px;left:0px;border:0px;';
      txt+='" onload="resPic();" onclick="self.close();"><\57bo'+'dy><\57ht'+'ml>';
      newWin.document.write(txt);
      newWin.document.close();
    }
Avatar billede Slettet bruger
26. januar 2006 - 19:26 #3
Alletiders begge dele virker, brugte nu godt nok den sidste, men begge virker, så kunne vi ikke dele pointene ´? nogen af jer der kan hjælpe med at få ændret cursor, så det ikke er en pil, men en hånd med pegefinger `?
Avatar billede mstorgaard Praktikant
26. januar 2006 - 19:29 #4
style="cursor: pointer;"

Giv mig 5 og giv roenving 10 :)
Avatar billede roenving Novice
27. januar 2006 - 13:22 #5
...
      txt+='border:0px;margin:0px"><i'+'mg src="'+file+'" style="top:0px;left:0px;border:0px;cursor:pointer';
      txt+='" onload="resPic();" onclick="self.close();"><\57bo'+'dy><\57ht'+'ml>';
      newWin.document.write(txt);
      newWin.document.close();
    }

Velbekomme '-)
Avatar billede Slettet bruger
27. januar 2006 - 20:15 #6
værsgo de herrer :) og mange tak for den ekstra hjælp ;) vist i får lyst kan i se resultat på http://fuglegaarden.com.nt4.unoeuro.com/
Avatar billede roenving Novice
28. januar 2006 - 12:45 #7
-- og jeg takker for point ;~}
Avatar billede mstorgaard Praktikant
28. januar 2006 - 13:11 #8
Det gør jeg også :o)
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