Avatar billede kahs Nybegynder
20. januar 2004 - 13:07 Der er 5 kommentarer og
1 løsning

Placering på popup

Hej eksperter

Jeg har dette script:

<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();
}

popWin("hane2.jpg");
</script>

Hvordan kan jeg få den til at poppe op midt på skærmen.

-KAHS
Avatar billede medions Nybegynder
20. januar 2004 - 13:10 #1
Brug dette script:

    <script type="text/JavaScript">
        <!--
        function displayWindow(theURL,winName,width,height,features) {
            var window_width = width;
            var window_height = height;
            var newfeatures= features;
            var window_top = (screen.height-window_height)/2;
            var window_left = (screen.width-window_width)/2;
            newWindow=window.open(''+ theURL + '',''+ winName + '','width=' + window_width + ',height=' + window_height + ',top=' + window_top + ',left=' + window_left + ',features=' + newfeatures + '');
            newWindow.focus();
        }
        //-->
    </script>

//>Rune
Avatar billede snowball Novice
20. januar 2004 - 13:10 #2
<script language="javascript" type="text/javascript">
function popWin(file){
  pos_horizon = ((screen.width/2)-(win_width/2));
  pos_vertical = ((screen.height/2)-(win_height/2));

  newWin=window.open("","ResizeBillede","width=300,height=200, top="+pos_vertical+",left="+pos_horizon+",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();
}
Avatar billede medions Nybegynder
20. januar 2004 - 13:11 #3
<script language="javascript" type="text/javascript">
function popWin(file){
            var window_width = width;
            var window_height = height;
            var window_top = (screen.height-window_height)/2;
            var window_left = (screen.width-window_width)/2;
  newWin=window.open("","ResizeBillede","width="+window_width+",height="+window_height+", 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();
}

popWin("hane2.jpg");
</script>


sådan vil det se ud med dit eget!

//>Rune
Avatar billede medions Nybegynder
20. januar 2004 - 13:12 #4
<script language="javascript" type="text/javascript">
function popWin(file){
            var window_width = width;
            var window_height = height;
            var window_top = (screen.height-window_height)/2;
            var window_left = (screen.width-window_width)/2;
  newWin=window.open("","ResizeBillede","width="+window_width+",height="+window_height+" top=" + window_top + ",left=" + window_left + ", 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();
}

popWin("hane2.jpg");
</script>

Sådan er det vidst!

//>Rune
Avatar billede limemedia Nybegynder
20. januar 2004 - 13:19 #5
To løsninger, snippet lidt sammen fra forskellige løsninger

if (navigator.userAgent.indexOf("MSIE") > 0) {
    W = document.body.clientWidth;
    H = document.body.clientHeight;
} else {
    W = window.outerWidth;
    H = window.outerHeight;
}
top = (H-200)/2;
left = (W-300)/2;
newWin=window.open("","ResizeBillede","width=300,height=200,top="+top+",left="+left+",status=no");

eller i selve popup'en kan du lave ala

var NS = document.all;
if(!NS) {
  self.moveTo((self.screen.width - self.outerWidth) / 2, (self.screen.height - self.outerHeight) / 2);
} else {
  self.moveTo((self.screen.width-document.body.clientWidth) / 2, (self.screen.height-document.body.clientHeight) / 2);
}
self.focus();
Avatar billede medions Nybegynder
20. januar 2004 - 15:30 #6
Du mener så ik' vi begge skal ha' points?

//>Rune
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