Avatar billede dotcom1 Nybegynder
01. juni 2006 - 12:29 Der er 9 kommentarer og
1 løsning

Popup script-redigering

Hej.

Jeg bruger ofte Roenvings script, der resizer popupvinduet til indholdet:

function popWin(file){
      newWin=window.open("","ResizeBillede","width=300,height=200,status=no");
      txt='<ht'+'ml><he'+'ad><ti'+'tle>Image<\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();
    }

Jeg kunne godt tænke mig at få tilføjet et par funktioner, men ved ikke hvordan. (Har prøvet men får fejl):
I <head>:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<meta http-equiv="imagetoolbar" content="no">

Og på img tag'et:

onclick="window.close()" onmouseover="this.style.cursor='pointer';" alt="" title="Klik for at lukke vinduet"

Desuden, jeg ville gerne give alle billeder i popupvinduet en margin på 5px, men ændrer jeg det i scriptet, så virker det kun i venstre side samt i toppen. Hvorfor?

Mvh.
Avatar billede psykochicken Nybegynder
01. juni 2006 - 13:12 #1
måske noget i stil med:
function popWin(file){
      newWin=window.open("","ResizeBillede","width=300,height=200,status=no");
      txt='<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">';
      txt+='<ht'+'ml><he'+'ad><meta http-equiv="Content-Type';
      txt+='" content="text/html; charset=iso-8859-1"><meta http-equiv="imagetoolbar';
      txt+='" content="no"><ti'+'tle>Image<\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="cursor:pointer;top:0px;left:0px;';
      txt+='border:0px;" onclick="window.close();" alt="" title="Klik for at lukke vinduet';
      txt+='" onload="resPic();"><\57bo'+'dy><\57ht'+'ml>';
      newWin.document.write(txt);
      newWin.document.close();
    }

/psc
Avatar billede psykochicken Nybegynder
01. juni 2006 - 13:29 #2
mht. margin (højre og bund) kan du justere tallene i window.resizeTo(w+6,h+32)

/psc
Avatar billede dotcom1 Nybegynder
01. juni 2006 - 13:31 #3
Det virker perfekt. Tak for det. Læg et svar. :)
Avatar billede dotcom1 Nybegynder
01. juni 2006 - 13:34 #4
Hvad skal tallene være i window.resizeTo(w+6,h+32) for at give 5px hele vejen rundt? Hver gang jeg prøver giver det kun effekt øverst og til venstre...
Avatar billede dotcom1 Nybegynder
01. juni 2006 - 13:36 #5
Har prøvet med (w+20,h+50) og det ser nogenlunde ud, men ikke ens i hhv. FF og IE.
Avatar billede psykochicken Nybegynder
01. juni 2006 - 13:52 #6
Så må du have 2 sæt tal....noget ala:

<script type="text/javascript">
function popWin(file){
      newWin=window.open("","ResizeBillede","width=300,height=200,status=no");
      txt='<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">';
      txt+='<ht'+'ml><he'+'ad><meta http-equiv="Content-Type';
      txt+='" content="text/html; charset=iso-8859-1"><meta http-equiv="imagetoolbar';
      txt+='" content="no"><ti'+'tle>Image<\57ti'+'tle><scri';
      txt+='pt language="javascript" type="text/javascript">';
      txt+='function resPic(){var IE = navigator.appName.indexOf("Microsoft"); h=document.images[0].scrollHeight;';
      txt+='w=document.images[0].scrollWidth;if(IE!=-1){window.resizeTo(w+16,h+45);} else {window.resizeTo(w+16,h+65);}}<\57scri';
      txt+='pt><\57he'+'ad><bo'+'dy style="overflow:hidden;';
      txt+='border:0px;margin:5px"><i'+'mg src="'+file+'" style="cursor:pointer;top:0px;left:0px;';
      txt+='border:0px;" onclick="window.close();" alt="" title="Klik for at lukke vinduet';
      txt+='" onload="resPic();"><\57bo'+'dy><\57ht'+'ml>';
      newWin.document.write(txt);
      newWin.document.close();
    }
</script>

/psc
Avatar billede dotcom1 Nybegynder
01. juni 2006 - 14:04 #7
Den er lige i øjet. Læg et svar. :)
Avatar billede psykochicken Nybegynder
01. juni 2006 - 15:26 #8
kommer her ;o)
Avatar billede dotcom1 Nybegynder
01. juni 2006 - 15:42 #9
Tak for hjælpen. :)
Avatar billede psykochicken Nybegynder
01. juni 2006 - 18:24 #10
..og tak for point ;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