Pop up windows in JS with no margin..

[Chuckie]

I am using popup windows.. to display some images, but I can't seem to figure out how to get rid of the left and top margins in the windows.. I am sure this is pretty simple. Can someone help me out ?



Thanks

CHuck

[Andrew-J2000]

for sum reason i could not pass the style to the popup, but this works anyway.

<script>
x = window.open ('','','');
x.document.write ('hello<script>document.body.style.margin = \'0px 0px 0px 0px;\';</script'+'>');
</script> 

[Chuckie]

Is there not a way to put style in the javascript popup window? Or is there a way that I use a template to load the images into?

If I where to make an html file for every pop up .. I would have to make over a 100 html pages to hold one image each.


Thanks

Chuck

[Andrew-J2000]

look up

[Chuckie]

Could I get a wee bit more help?

this is the head:

<script language="JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features)
{ //v2.0
  window.open(theURL,winName,features);
}
//-->
</script>

and the actual link

<a href="#"><img style="border:0"src="images/people/thmnails/image002.jpg" width="120" height="89"  onMouseDown="MM_openBrWindow('images/people/images/image002.jpg','cconway.com -Photos','width=480,height=360')"></a>

I am still learning JS...


Thanks

Chuck

[Chuckie]

I am still having problems with this JavaScript popup window .. and the margins .. anyone have anymore idea's on it?

Thanks

Chuck

[Andrew-J2000]

are you linking to your own page or a blank page

if its a blank page use this instead of you top function

<script>

<script language="JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features)
{ //v2.0
  x = window.open(theURL,winName,features);
  y = x.document;
  y.write('<script>');
  y.write('document.body.style.margin = \'0px 0px 0px 0px;\';');
  y.write('</scr' + 'ipt>');

}
//-->
</script> 

other wise use css in the file that your linking to so say you want test.html to have no margins then use css in the head of the page like this

<style>
    body
    {
        margin : 0px, 0px, 0px, 0px;
    }
</style> 

[Chuckie]

I am creating a photo gallery with thumbnails .. when you click on an image it popups in a window that fits the image snuggly. But IE Netscape 6 and Mozilla are kind enough to put a left and top margin in their blank windows .. which is causeing me a lot of pain.

I tried your script out .. and I cant get it to work .. I am not sure why.. so I am posting the link to the page with the problem .. if you have time .. could you look at it .. if not .. later tonight I am going to write a java program that will create the html files for me..



Thanks


Chuck

cconway.com/v4/nature.htm

[creole]

Take a look at this page:
http://www.clockworkdesign.net/

The designer uses a script called gallerypics.js. It opens a new window and dynamically writes HTML to "create" this new window. Part of the HTML includes the body tag with no margins. I realize this might be overkill for what you need but this is the best "pop-up" window script (made for an image) that I've ever seen. The script authors site is www.bugimus.com but I could not find the script on that site.

[Chuckie]

Your a god Creole! That works perfectly ... I have spend hours trying to learn JS enough to write a script that would work ..


Thanks

Chuck

P.S

Thanks, Andrew-J2000 for all your help ..

[Andrew-J2000]

where you have all them divs you might want to think about using this instead

<script language="JavaScript">
<!--
function openWin(url, w, h)
{
  img_dir= 'images/nature/images/';
  x = window.open(img_dir+url, '', 'witdth='+w+'height='+h);
}
//-->
</script>
            <script>
                for (i=0,j=15;i<=j;i++)
                {
                    if (i<10) document.write ('<div class="pics"><a href="#"><img style="border:0" src="image00'+i+'.jpg" width="120" height="89"  onMouseDown="openWin(\'image00'+i+'.jpg\',480,360)"></a></div>');
                    else      document.write ('<div class="pics"><a href="#"><img style="border:0" src="image0.jpg" width="120" height="89"  onMouseDown="openWin(\'image0'+i+'.jpg\',480,360)"></a></div>');
                }
            </script>