Need to adapt some JSript from center to fullscreen

Discussion in 'JavaScript' started by Philolog, Sep 29, 2007.

0
  1. #1
    Hi

    First time ever on a forum... Hope u can help me!

    I got this very very useful JSript but I now need it to do what it does just a little bit diffretly :

    It's a centered image + txt pop up generator wich I want to become a fullscreen image + txt pop up generator.

    Here is the script:

    <script type="text/javascript">

    // JK Pop up image viewer script- By JavaScriptKit.com
    // Visit JavaScript Kit (http://javascriptkit.com)
    // for free JavaScript tutorials and scripts
    // This notice must stay intact for use

    var popbackground="black" //specify backcolor or background image for pop window
    var windowtitle="windowtitle" //pop window title

    function detectexist(obj){
    return (typeof obj !="undefined")
    }

    function NewWindow(imgpath, popwidth, popheight, textdescription){

    function getpos(){
    leftpos=(detectexist(window.screenLeft))? screenLeft+document.body.clientWidth/2-popwidth/2 : detectexist(window.screenX)? screenX+innerWidth/2-popwidth/2 : 0
    toppos=(detectexist(window.screenTop))? screenTop+document.body.clientHeight/2-popheight/2 : detectexist(window.screenY)? screenY+innerHeight/2-popheight/2 : 0
    if (window.opera){
    leftpos-=screenLeft
    toppos-=screenTop
    }
    }

    getpos()
    var winattributes='width='+popwidth+',height='+popheight+',resizable=yes,left='+leftpos+',top='+toppos
    var bodyattribute=(popbackground.indexOf(".")!=-1)? 'background="'+popbackground+'"' : 'bgcolor="'+popbackground+'"'
    if (typeof jkpopwin=="undefined" || jkpopwin.closed)
    jkpopwin=window.open("","",winattributes)
    else{
    //getpos() //uncomment these 2 lines if you wish subsequent popups to be centered too
    //jkpopwin.moveTo(leftpos, toppos)
    jkpopwin.resizeTo(popwidth, popheight+30)
    }
    jkpopwin.document.open()
    jkpopwin.document.write('<html><title>'+windowtitle+'</title><link href="css.css" rel="stylesheet" type="text/css"><body '+bodyattribute+'><table class="MenuSecondaire1" width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0"><tr><td align="center"><img alt="IMAGE" src="'+imgpath+'" style="margin-bottom: 0.5em"><br><font face=verdana,arial size=3 color=white><b>'+textdescription+'</b><br><font size="1"><A href="javascript: self.close ()">CLOSE [X]</A></font></font></td></tr></table></body></html>')
    jkpopwin.document.close()
    jkpopwin.focus()
    }

    </script>




    and here is how it's called :

    <a href="#" onClick="NewWindow('image path', 100, 100, 'text appearing under image'); return false">



    So that's it. I'm no coder so i don't know how to make it fullsreen instead of centered...

    Hope you can help.

    Au plaisir :)
     
    Philolog, Sep 29, 2007 IP