[thelist] Javascript on the fly ... not flying - reply to Jeff

Sharon F. Malone sfmalo at 24caratdesign.com
Mon Aug 12 03:45:01 CDT 2002


On: Monday, August 12, 2002 12:48 AM, Jeff wrote:

><><><><><><><><><><><><><><><><><><><><><><><><><><><><><
> > From: Sharon F. Malone
> >
> > My revised page is at:
> > http://www.sur-sys.com/newhtml/services_new.html
> ><><><><><><><><><><><><><><><><><><><><><><><><><><><><><
[snippet]

    I just sent a "SOLVED sorta" message relating how I got it to work at the first level setup. I was working at the second level (newhtml dir with accompanying Images subdir). And am still wondering why it didn't work at the 2nd level (an exact replication of the 1st level).
>
> <html> <head> <title> Survey Systems, Inc. - Form Sample </title> </head><body> <center> <p> <img src='images/formdesign_l.gif' name='sample' border='0'> <br><a href='javascript:opener.closeImgWindow()'>Close this window</a> </p> </center></body> </html>

    This brings up something else. I removed the Content instruction on the first line of the script referring to a stylesheet in the original coding. That's because I created an additional css file as an import file. I decided to leave out any CSS reference because some browsers would not be able to read the stylesheet ... that is, unless I could name both style sheets here. But, wasn't sure how to write that correctly in a JS context.

    As the present site stands now, this is the first line of the Content:
// Assemble content for the new window.
 content = "<html> <head> <link rel='stylesheet' type='text/css' href='ssi_style.css'>"

    So if I wanted to refer to both here, would that be:

 content = "<html> <head> <link rel='stylesheet' type='text/css' href='ssi_style.css'> <style type='text/css' media='all'>@import url('ssi_styleimport.css');</style>"

> i can't view the contents of the /newhtml/images directory so i can't tell if that image actually exists, but with a different name, or not.

    That's the mystery to me. No, the formdesign_I.gif does not exist. However, the formdesign.gif does.

> you could save yourself a lot of headache by using root relative references instead.  simply precede the src path with a leading slash.  that'll force the browser to look in the /images directory instead.

    Thanks.

> now, some general comments about the site and the scripting.
>
> you need to class the links around the images or remove any transparency placed on the images wrapped with links.  the way it is now there's an ugly background color change when hovering over the images for the popup links.

    Yes, thanks. I'll do that. Noticed that too, but wanted to get this first problem solved (the most essential one!!!).
>
> the scripting for the popups is needlessly keeping non-javascript users from viewing the large images.  take a look at the following article to some ideas on how to avoid this.

    Yes, noticed that too, have done that an other sites, and will correct that. This is a site I just took over so I decided to leave the present scripting untouched until I could get it working again!!!
>
> now, to apply the concepts in the article above to your specific situation, this is what i'd do.

    And, thank you ~so~ much for the code steps you listed (and I snipped) and leading me through this.

Best,
Sharon
---------------------------------------------------------------------------
Sharon F. Malone
"web design and Internet writing services"
http://www.24caratdesign.com
sfmalo at 24caratdesign.com




More information about the thelist mailing list