Need help modifying a script!! Help!!

Bigjohn · 02-01-2004, 12:56 AM

Got this cool script from codelifter.com.

It lets me put the image title in the title bar, but I'd like the image to have an attribute like 'alt text' so that when the mouse is over the picture (basically the whole new web browser window) that a full discription of the picture will appear.

Here is the original code... I have NO idea how to make the modification I'm requesting... I'm such a newbie to Javascript....

// Script Source: CodeLifter.com
// Copyright 2003
// Do not remove this notice.
// Used by J. Stegenga 2004 as popwin.js

// SETUPS:
// ===============================

// Set the horizontal and vertical position for the popup

PositionX = 100;
PositionY = 100;

// Set these value approximately 20 pixels greater than the
// size of the largest image to be used (needed for Netscape)

defaultWidth = 500;
defaultHeight = 500;

// Set autoclose true to have the window close automatically
// Set autoclose false to allow multiple popup windows

var AutoClose = true;

// Do not edit below this line...
// ================================
if (parseInt(navigator.appVersion.charAt(0))>=4){
var isNN=(navigator.appName=="Netscape")?1:0;
var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}
var optNN='scrollbars=no,width='+defaultWidth+',height='+defaultHeight+',left='+PositionX+',top='+Positi onY;
var optIE='scrollbars=no,width=150,height=100,left='+PositionX+',top='+PositionY;
function popImage(imageURL,imageTitle){
if (isNN){imgWin=window.open('about:blank','',optNN);}
if (isIE){imgWin=window.open('about:blank','',optIE);}
with (imgWin.document){
writeln('<html><head><title>Loading...</title><style>body{margin:0px;}</style>');writeln('<sc'+'ript>');
writeln('var isNN,isIE;');writeln('if (parseInt(navigator.appVersion.charAt(0))>=4){');
writeln('isNN=(navigator.appName=="Netscape")?1:0;');writeln('isIE=(navigator.appName.indexOf("Micro soft")!=-1)?1:0;}');
writeln('function reSizeToImage(){');writeln('if (isIE){');writeln('window.resizeTo(100,100);');
writeln('width=100-(document.body.clientWidth-document.images[0].width);');
writeln('height=100-(document.body.clientHeight-document.images[0].height);');
writeln('window.resizeTo(width,height);}');writeln('if (isNN){');
writeln('window.innerWidth=document.images["George"].width;');writeln('window.innerHeight=document.images["George"].height;}}');
writeln('function doTitle(){document.title="'+imageTitle+'";}');writeln('</sc'+'ript>');
if (!AutoClose) writeln('</head><body bgcolor=000000 scroll="no" onload="reSizeToImage();doTitle();self.focus()">')
else writeln('</head><body bgcolor=000000 scroll="no" onload="reSizeToImage();doTitle();self.focus()" onblur="self.close()">');
writeln('<img name="George" src='+imageURL+' style="display:block"></body></html>');
close();
}}

egquen2000 · 02-02-2004, 01:55 AM

I'm not exactly sure, but I think you could just insert:

alt="whatever you're trying to say"

right in the code for the <img> tag. At the bottom of the code that you posted, there's an area after the <img> tag that reads after "George" src="...

Before "src" write in:

alt="whatever you're trying to say"

glenngv · 02-02-2004, 02:27 AM

or use the title attribute as it is the more appropriate attribute.
alt attribute is for alternate text for the image which is displayed when image display is off or when error in loading of image occurs. If you want to still support Netscape4.x, include the alt attribute as title is not supported.

function popImage(imageURL,imageTitle,imageDesc){
...
writeln('<img name="George" src="'+imageURL+'" style="display:block" title="'+imageDesc+'" alt="'+imageDesc+'"></body></html>');