Avatar billede theselfimages Nybegynder
06. september 2003 - 16:05 Der er 8 kommentarer og
1 løsning

Modificering af Popup script

Kan nedenstående Popup script modificeres til at resize sig efter et pågældende billedes størrelse, i stedet for at fast størrelse skal defineres?
(scriptet skal kunne bruges til Popups fra Flash)

"Roenving" har et eksempel her:
http://roenving.users.whitehat.dk/index.html?/WD1ResizeTilBillede.html

- men det centreres ikke... og ser heller ikke særlig smart ud, at det først åbner i én størrelse for derefter resizer sig til billedets størrelse.


<script language="JavaScript"> <!--
var bredde = 775;
var hojde  = 430;
function openNewWindow(URLtoOpen, windowName, windowFeatures) {
  if (navigator.appName!="Netscape") {
    var pos = ",left="+((screen.width-bredde)/2)
            +",top=" +((screen.height-hojde)/2)
  } else {
    var pos = ",screenX="+((screen.availWidth-bredde)/2)
            +",screenY="+((screen.availHeight-hojde)/2)
  };
  newWindow=window.open(URLtoOpen, windowName, windowFeatures+pos);
}
// --> </script>


java script:openNewWindow('nyside.htm','thewin',
'height=430,width=775,toolbar=no,scrollbars=no')




Andet eksempel på godt og sikkert Popup center script
(dog med fast størrelse også)

<script language="JavaScript">
<!-- Begin
function PopupWindow(mypage, myname, w, h, scroll) {
var winl = (screen.width - w) / 2 - 12; //Tallet er antal ekstra pixels til venstre!
var wint = (screen.height - h) / 2;
winprops = 'height='+h+',width='+w+',top='+wint+',left='+winl+',scrollbars='+scroll+''
win = window.open(mypage, myname, winprops+',toolbar=yes');
if (parseInt(navigator.appVersion) >= 4) { win.window.focus(); }
}
//  End -->
</script>

<a href="link.htm" onfocus="this.blur( )" onclick="PopupWindow(this.href,'PictureViewer','790','517','no'); return false;">
Avatar billede socle Nybegynder
06. september 2003 - 22:35 #1
du kan indsætte en stump der tester for billedets størrelse når det er loadet, og derefter sætter vinduets størrelse:

newp = new Image()
newp.src = str
do{
  var stat = newp.fileSize
}
while(stat == -1)
w = newp.width
h = newp.height

herefter kan vinduet åbnes i den korrekte størrelse med w og h
Avatar billede theselfimages Nybegynder
06. september 2003 - 22:37 #2
Kan du venligst prøve at vise det som samlet script med link?
Avatar billede socle Nybegynder
06. september 2003 - 23:40 #3
<html>
<head>
<script type="text/javascript">
<!--
function openNewWindow(URLtoOpen, windowName, windowFeatures) {

newp = new Image()
newp.src = URLtoOpen
do{
  var stat = newp.fileSize
}
while(stat == -1)
bredde = newp.width
hojde = newp.height

  if (navigator.appName!="Netscape") {
    var pos = ",left="+((screen.width-bredde)/2)
            +",top=" +((screen.height-hojde)/2)
  } else {
    var pos = ",screenX="+((screen.availWidth-bredde)/2)
            +",screenY="+((screen.availHeight-hojde)/2)
  };
  var zise = "height=" + hojde + "px, width=" + bredde + "px, "
  newWindow=window.open(URLtoOpen, windowName, zise+windowFeatures+pos);
}
// -->
</script>
</head>

<body>

<a href="tref.jpg" onfocus="this.blur( )" onclick="java script:openNewWindow('tref.jpg','thewin','toolbar=no,scrollbars=no'); return false">test</a>

</body>
</html>
Avatar billede socle Nybegynder
06. september 2003 - 23:41 #4
ref.jpg ændres self. til det relevante billede
Avatar billede theselfimages Nybegynder
07. september 2003 - 01:05 #5
Ikke helt sikker på det sidste du skrev?
Sådan her?

<a href="self.jpg" onfocus="this.blur( )" onclick="java script:openNewWindow('images/billeder/gallery/carolina.jpg','thewin','toolbar=no,scrollbars=no'); return false">test</a>

Ellers ser det ud til at virke temmelig genialt :)
Avatar billede theselfimages Nybegynder
07. september 2003 - 01:10 #6
Der er dog et problem.
Første gang 'test' linket klikkes, åbnes et nyt Poup window, der af en eller anden årsag har en fullscreen størrelse efter screen resolution - og slet ikke centreres på skærmen. Hvis dette window lukket og 'test' linket igen klikkes, da åbnes et nyt Popup window, men denne gang perfekt efter billedets eget størrelse og fint centreret på skærmen. Mærkeligt ikke?
Avatar billede theselfimages Nybegynder
08. september 2003 - 16:18 #7
Mulighed for at dette kunne komme til at virke helt?
Der er lige problemet med ovenstående... Håber du har tid/lyst til at kigge på det..

Mvh. Lars
Avatar billede theselfimages Nybegynder
15. september 2003 - 00:02 #8
?
Avatar billede theselfimages Nybegynder
24. september 2003 - 01:19 #9
Er du der?
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