Erasing border and padding in javascript window

**RobB** · Jul 23 '05, 03:23 PM

Re: Erasing border and padding in javascript window

Andrew Thompson <SeeMySites@www .invalid> wrote in message news:<hiwrycm47 qzt$.1osmtk6et7 5no.dlg@40tude. net>...[color=blue]
> On 17 Nov 2004 11:11:27 -0800, RobB wrote:
>[color=green]
> > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
> > "http://www.w3.org/TR/html4/loose.dtd">[/color]
> (snip)
>
> That seems to do the trick. (Well, in IE in any case.)
>
> Nice pics too, but is there any chance of you supplying
> at least one without a border? I had to look closely
> at the pop-up window before I could convince myself the
> image filled the entire window (as opposed to simply having
> a page BG color that matched the edge color).[/color]

Moz, Op & others (pay up!). Hey: I needed some demo pics fast so, used
google image search, hotlinking, naturally (bad dog). Those 'borders'
had text in them so I thought it wouldn't matter. My paid demos are
better. ;)

**RobB** · Jul 23 '05, 03:23 PM

Re: Erasing border and padding in javascript window

Eva Lean <evarocksteady@ yahoo.co.uk> wrote in message news:<419bec0d$ 0$14546$c397aba @news.newsgroup s.ws>...[color=blue]
> Sorry guys, thanks for all your help. I'm still having problems with
> this...
>
> This is my coding so far. remember that im doing a picture album site
> with all these thumbnails to popup in new javascript windows with no
> borders. I want the window to appear around the image & thats it.
>
> With the css code that was just posted, do i have insert to just the
> beginning of my coding or do i insert around every thumbnail?
>
> I'm new at this, so thats why its taking longer for me to understand.
> thanks for your patience.
>
> This my coding so far:
>
> <html>
> <head>
> <title>MattMe </title>
> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
> </head>
> <style type="text/css">
>
> 
> </style>
>
> <body STYLE="backgrou nd-color: transparent">
> <center>
> <table height="333" border="0" align="center" cellspacing="0" >
> <tr valign="bottom" >
> <td align="center"> <SCRIPT language="JavaS cript">
> 
> </SCRIPT> <A HREF="javascrip t:my_win()"><IM G
> SRC="picturealb um/MattMe%20Thumbn ails/thumbnails/MattMe1_jpg.jpg "
> border="0"></A></td>
> <td align="center"> <a
> href="pictureal bum/MattMe%20Thumbn ails/images/MattMe10_jpg.jp g"><img
> src="picturealb um/MattMe%20Thumbn ails/thumbnails/MattMe10_jpg.jp g"
> border="0"></a>
> </td>
> <td align="center"> <a
> href="pictureal bum/MattMe%20Thumbn ails/images/MattMe12_jpg.jp g"><img
> src="picturealb um/MattMe%20Thumbn ails/thumbnails/MattMe12_jpg.jp g"
> border="0"></a>
> </td>
> <td align="center"> <a
> href="pictureal bum/MattMe%20Thumbn ails/images/MattMe9_jpg.jpg "><img
> src="picturealb um/MattMe%20Thumbn ails/thumbnails/MattMe9_jpg.jpg "
> border="0"></a>
> </td>
> </tr>
> <tr valign="bottom" >
> <td align="center"> <a
> href="pictureal bum/MattMe%20Thumbn ails/images/MattMe13_jpg.jp g"><img
> src="picturealb um/MattMe%20Thumbn ails/thumbnails/MattMe13_jpg.jp g"
> border="0"></a>
> </td>
> <td align="center"> <a
> href="pictureal bum/MattMe%20Thumbn ails/images/MattMe15_jpg.jp g"><img
> src="picturealb um/MattMe%20Thumbn ails/thumbnails/MattMe15_jpg.jp g"
> border="0"></a>
> </td>
> <td align="center"> <a
> href="pictureal bum/MattMe%20Thumbn ails/images/MattMe2_jpg.jpg "><img
> src="picturealb um/MattMe%20Thumbn ails/thumbnails/MattMe2_jpg.jpg "
> border="0"></a>
> </td>
> <td align="center"> <a
> href="pictureal bum/MattMe%20Thumbn ails/images/MattMe11_jpg.jp g"><img
> src="picturealb um/MattMe%20Thumbn ails/thumbnails/MattMe11_jpg.jp g"
> border="0"></a>
> </td>
> </tr>
> <tr valign="bottom" >
> <td align="center"> <a
> href="pictureal bum/MattMe%20Thumbn ails/images/MattMe5_jpg.jpg "><img
> src="picturealb um/MattMe%20Thumbn ails/thumbnails/MattMe5_jpg.jpg "
> border="0"></a>
> </td>
> <td align="center"> <a
> href="pictureal bum/MattMe%20Thumbn ails/images/MattMe6_jpg.jpg "><img
> src="picturealb um/MattMe%20Thumbn ails/thumbnails/MattMe6_jpg.jpg "
> border="0"></a>
> </td>
> <td align="center"> <a
> href="pictureal bum/MattMe%20Thumbn ails/images/MattMe7_jpg.jpg "><img
> src="picturealb um/MattMe%20Thumbn ails/thumbnails/MattMe7_jpg.jpg "
> border="0"></a>
> </td>
> <td align="center"> <a
> href="pictureal bum/MattMe%20Thumbn ails/images/MattMe8_jpg.jpg "><img
> src="picturealb um/MattMe%20Thumbn ails/thumbnails/MattMe8_jpg.jpg "
> border="0"></a>
> </td>
> </tr>
> </table>
> </center>
> </body>
> </html>
>
> *** Sent via Developersdex http://www.developersdex.com ***
> Don't just participate in USENET...get rewarded for it![/color]

Eva: you might want to start your own group. ;)

<html>
<head>
<title>MattMe </title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
</head>
<style type="text/css">


</style>
<script type="text/javascript">

var picwin = null;
var sHTML = '';

function getHTML()
{
return sHTML;
}

function pw(src, w, h, title, BG)
{
if (null != picwin && !picwin.closed)
picwin.close();
var l = (screen.availWi dth - w - 10) * .5;
var t = (screen.availHe ight - h) * .5;
var config = 'width=' + w + ',height=' + h + ',left=' + l + ',top=' +
t + ',status=0';
title = title || 'Picture Window'
BG = BG || '#000';
sHTML = '';
sHTML += '<html><head><t itle>' + title + '</title></head>' +
'<body style="margin:0 ;background:'+B G+';"' +
' onblur="setTime out(\'self.focu s()\',100)"' +
' onclick="self.c lose()"><img style="border-width:0;cursor: pointer;"'
+
' title="click to close" src="' + src + '"></a></body></html>';

picwin = open('javascrip t:opener.getHTM L()', 'picwin', config);
if (null != picwin && !picwin.closed)
picwin.focus();
return false;
}

</script>
<body STYLE="backgrou nd-color: transparent">
<center>
<table height="333" border="0" align="center" cellspacing="0" >
<tr valign="bottom" >
<td align="center"> <a
href="pictureal bum/MattMe%20Thumbn ails/images/MattMe1_jpg.jpg "
onclick="return pw(this.href,30 6,257,'Feh!')"> <img border="0"
src="picturealb um/MattMe%20Thumbn ails/thumbnails/MattMe1_jpg.jpg "
/></a></td>
</tr>
</table>
</center>
</body>
</html>

Add, rinse, repeat. Might want to use a different window title for
that first one.

**Andrew Thompson** · Jul 23 '05, 03:25 PM

Re: Erasing border and padding in javascript window

On 18 Nov 2004 08:56:31 -0800, RobB wrote:

(snip my minor gripes asking for tweaks to free script)
[color=blue]
> My paid demos are better. ;)[/color]

LOL. Good point!

[ Hey.. what about if I *doubled* what I originally paid
you, would that make the difference? ;-) ]

--
Andrew Thompson
http://www.PhySci.org/codes/ Web & IT Help
http://www.PhySci.org/ Open-source software suite
http://www.1point1C.org/ Science & Technology
http://www.LensEscapes.com/ Images that escape the mundane

**RobB** · Jul 23 '05, 03:26 PM

Re: [OT] Re: Erasing border and padding in javascript window

"Michael Winter" <M.Winter@bluey onder.co.invali d> wrote in message news:<opshmmqll zx13kvk@atlanti s>...[color=blue]
> On 17 Nov 2004 11:11:27 -0800, RobB <ferndoc9@hotma il.com> wrote:
>
> [snip]
>
> My first remark is: what on Earth does this have to do with Andrew's post?
> Please follow-up to the appropriate location.
>[color=green]
> > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
> > "http://www.w3.org/TR/html4/loose.dtd">[/color]
>
> Why not Strict?
>
> [snip]
>[color=green]
> > var filepath = 'http://www.maineviews. com/albums/album11/';[/color]
>
> Unnecessary.
>[color=green]
> > var sHTML = '';
> >
> > function getHTML()
> > {
> > return sHTML;
> > }[/color]
>
> All of that is totally pointless.
>
> [snip]
>[color=green]
> > src = (filepath || '').concat(src) ;[/color]
>
> Soon to be obsolete.
>[color=green]
> > var l = (screen.availWi dth - w - 10) * .5;
> > var t = (screen.availHe ight - h) * .5;[/color]
>
> That will piss some people off. It's also useless for tabbed browsers.
>[color=green]
> > var config = 'width=' + w + ',height=' + h + ',left=' + l + ',top=' +
> > t + ',status=0';[/color]
>
> You should never remove the status bar, beside it's not possible in decent
> browsers (even IE). At minimum, the specified features should be
>
> 'status,scrollb ars,resizable'
>
> [snip]
>[color=green]
> > '<body style="margin:0 ;background:'+B G+';' +
> > ' onblur="setTime out(function(){ self.focus()},2 00)"' +[/color]
>
> Well, won't that annoy people...
>[color=green]
> > ' onclick="self.c lose()">[/color]
>
> ...and that may confuse.
>
> [snip]
>[color=green]
> > <a href="#null" onclick="return pw('sugarshaker s.sized.jpg', 640, 424,
> > 'Sugar Shakers')">[/color]
>
> The sensible thing would be to link to the actual image. You can then use
>
> return pw(this.href, ...);
>
> to open the image. This would remove any dependancy to Javascript.
>[color=green]
> > <img src="sugarshake rs.thumb.jpg" />[/color]
>
> That's invalid for two reasons:
>
> 1) The alt attribute is required.
> 2) "Empty" HTML elements do not end with />. That's XHTML.
>
> [snip]
>
> Mike[/color]

"Michael Winter" wrote: "Well, won't that annoy people..."

You said it, brother.

My...aren't we anal. Everything must be perfect, as if this were a
final exam.

Anyway I could encourage you to ignore any of my postings here? You
have no idea how annoying it is to know that they will have to pass
muster with the likes of you (arguably impossible).

RobB

**Michael Winter** · Jul 23 '05, 03:26 PM

Re: [OT] Re: Erasing border and padding in javascript window

On 18 Nov 2004 18:09:53 -0800, RobB <ferndoc9@hotma il.com> wrote:

[snip]
[color=blue]
> My...aren't we anal. Everything must be perfect, as if this were a final
> exam.[/color]

Perfect? No.

In the best interests of the end-user (which usually isn't the poster)?
Yes.
[color=blue]
> Anyway I could encourage you to ignore any of my postings here?[/color]

No. Feel free to ignore mine though.
[color=blue]
> You have no idea how annoying it is to know that they will have to pass
> muster with the likes of you (arguably impossible).[/color]

The likes of me? You don't even know me!

I have no problem whatsoever with you, or anyone else, giving advice.
However, if I disagree, I will say so. I expect nothing less in return. I
make mistakes and have misconceptions, and I'm always grateful when they
are corrected.

I'm here to learn, as well as help as best I can. What about you?

Mike

--
Michael Winter
Replace ".invalid" with ".uk" to reply by e-mail.

Erasing border and padding in javascript window

Comment

Comment

Comment

Comment

Comment