Avatar billede fromse Nybegynder
27. september 2004 - 22:41 Der er 9 kommentarer og
1 løsning

Placering af popup!

Jeg har brugt roenving's billedpopupscript, og kunne godt tænke mig at popupen kom frem lige midt på skærmen... kan det lade sig gøre???

http://fromse.dk/billedpop.htm

/fromse
Avatar billede sylvesternielsen Nybegynder
27. september 2004 - 23:24 #1
sådan her vil jeg tro. Er ikke testet:

  <script language="javascript" type="text/javascript">
    function popWin(file){
        var popW = 300, popH = 200;
      var leftPos = (w-popW)/2, topPos = (h-popH)/2;
      newWin=window.open("","ResizeBillede",'width=' + popW + ',height=' + popH + ',top=' + topPos + ',left=' + leftPos,status=no');
      txt='<ht'+'ml><he'+'ad><ti'+'tle>'+file+'<\57ti'+'tle><style>a {font-family:verdana; font-size:12px; color="#000000"}</style><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+49);}<\57scri';
      txt+='pt><\57he'+'ad><bo'+'dy style="overflow:hidden;';
      txt+='border:0px;margin:0px"><a href="java script:window.close();"><i'+'mg src="'+file+'" style="top:0px;left:0px;border: 1px solid black;';
      txt+='" onload="resPic();" title="Luk vinduet"></a><\57bo'+'dy><\57ht'+'ml>';
      txt+='<br><center><a href="#" onclick=window.close() style="text-decoration: none">Luk vinduet</a></center><\57bo'+'dy><\57ht'+'ml>';
      newWin.document.write(txt);
      newWin.document.close();
    }
  </script>
Avatar billede fromse Nybegynder
28. september 2004 - 07:48 #2
Fejl...

Den skriver i statuslinien: Der opstod fejl på siden.

Og der bliver ikke åbnet en popup når man klikker...

/fromse
Avatar billede roenving Novice
28. september 2004 - 10:11 #3
<script language="javascript" type="text/javascript">
    function popWin(file){
      newWin=window.open("","ResizeBillede",'width=' + popW + ',height=' + popH + ',top=' + topPos + ',left=' + leftPos,status=no');
      txt='<ht'+'ml><he'+'ad><ti'+'tle>'+file+'<\57ti'+'tle><style>a {font-family:verdana; font-size:12px; color="#000000"}</style><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+49);';
      txt+='l=(screen.availWidth-w-6)/2;t=(screen.availHeight-h-49)/2;window.moveTo(l,t);}<\57scri';
      txt+='pt><\57he'+'ad><bo'+'dy style="overflow:hidden;';
      txt+='border:0px;margin:0px"><a href="java script:window.close();"><i'+'mg src="'+file+'" style="top:0px;left:0px;border: 1px solid black;';
      txt+='" onload="resPic();" title="Luk vinduet"></a><\57bo'+'dy><\57ht'+'ml>';
      txt+='<br><center><a href="#" onclick=window.close() style="text-decoration: none">Luk vinduet</a></center><\57bo'+'dy><\57ht'+'ml>';
      newWin.document.write(txt);
      newWin.document.close();
    }
  </script>
Avatar billede roenving Novice
28. september 2004 - 10:14 #4
Hov, jeg havde ikke set, at dj_saw også havde ændret .open ...

<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>'+file+'<\57ti'+'tle><style>a {font-family:verdana; font-size:12px; color="#000"}</style><scri';
Avatar billede fromse Nybegynder
28. september 2004 - 10:43 #5
thx roenving... det funger nu... :)

Smid gerne et svar... :)

/fromse
Avatar billede fromse Nybegynder
28. september 2004 - 10:46 #6
lige en lille ting til... hvad kunne man gøre hvis man skulle have en bladre funktion på?

fx en knap der hedder Næste, og så at den skifter til næste billed... elle tilbage (forige billed)
Avatar billede fromse Nybegynder
28. september 2004 - 11:03 #7
kan man gøre at hvis man trykker på Esc så lukker vinduet?
Avatar billede roenving Novice
28. september 2004 - 11:12 #8
Problemet med en næste/forrige billede-knapper er, at du så skal kende filnavnet på de billeder (og hvis det skal resize vinduet, er jeg ikke sikker på om det fungerer !-)

-- og at bruge escape til at lukke med kan du sikkert gøre sådan (6. txt-linje !-)

      txt+='pt><\57he'+'ad><bo'+'dy onkeydown="if(event.keyCode==27)self.close();" style="overflow:hidden;';

-- jeg har lavet den, så den skulle virke i IE, for det er ikke noget stort tab ikke at have funktionen, men det kræver irriterende meget kode at tage højde for de forskellige event-modeller !o]

-- og velbekomme '-)
Avatar billede fromse Nybegynder
28. september 2004 - 11:16 #9
Tak for hjælpen... :)
Avatar billede roenving Novice
28. september 2004 - 11:54 #10
Tak for point ;~}
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