PDA

View Full Version : Center Preview



zoobie
Dec 7th, 2002, 04:55 AM
I need this feedback preview centered...

From the page users_comments.html:

<input type="button" value="PREVIEW" class="but1" onclick="previewit();">

...which pops this preview window that needs centering:

function previewit() {
var win=window.open("users_comments.html","","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,copyhistory=no,height=350, width=575,top=131,left=110");
win.document.write('<html><head><title>Preview</title></head><body bgcolor="#000000"><font style="font:normal italic 18 tahoma;color:white">');
win.document.write('&ampnbsp;&ampnbsp;&ampnbsp' + document.mail.comments.value + '</body></html>');
}

Looking for something simple.

Thanks :D

chrismiceli
Dec 7th, 2002, 05:50 AM
try this
function previewit() {
var win=window.open("users_comments.html",""," toolbar=no,location=no,directories=no,status=no,me
nubar=no,scrollbars=yes,copyhistory=no,height=350,
width=575,top=131,left=110");
win.document.write('<html><head><title>Preview</title></head><body bgcolor="#000000"><font style="font:normal italic 18 tahoma;color:white">');
win.document.write('&ampnbsp;&ampnbsp;&ampnbsp' + document.mail.comments.value + '</body></html>');
width = screen.width
height = screen.height
win.moveTo(width, height);

}

zoobie
Dec 7th, 2002, 07:05 AM
Nope...It just tries to open a window in default postion even taking out top=131,left=110...then self-closes.

Thanks

PauletteB
Dec 7th, 2002, 05:21 PM
Maybe this...

<script>
function previewit() {
var w = 575;
var h = 350;
var X = (screen.availWidth - w) / 2;
var Y = (screen.availHeight - h) / 2;
var win= window.open ("","","scrollbars=yes,width="+w+",height="+h+",left="+X+",top="+Y+"");

win.document.write('<html><head><title>Preview</title></head><body bgcolor="#000000"><span style="font:italic 18px tahoma; color:white;"><p>&nbsp;&nbsp;&nbsp;'+document.mail.comments.value+'</p></span></body></html>');
win.document.close();
}
</script>

<form name="mail" target="win">
<textarea name="comments" rows="10" cols="30" wrap="wrap"></textarea>
<input type="button" value="PREVIEW" class="but1" onclick="previewit();">
</form>

chrismiceli
Dec 7th, 2002, 06:40 PM
i find it weird, when using the .moveTo method, it move the top left corner of the window to the coordinates, not the center of the window, which would put your popup to the right of the actual coordinates, even if you told it the exact middle of your screen, i tried this function to find this out.
function previewit() {
var win=window.open("users_comments.html",""," toolbar=no,location=no,directories=no,status=no,me
nubar=no,scrollbars=yes,copyhistory=no,height=350,
width=575,top=131,left=110");
h = screen.height / 2
w = screen.width / 2
win.moveTo(h, w);
}

zoobie
Dec 7th, 2002, 07:38 PM
Nice Paulette...Code works better than mine. Thanks :D

Chris...Can't get yours to work. Thanks :eek: