This may be easy for most but I can't get this thing to work. I
believe I followed all the instructions but when I click on the link
no window opens just the default IE page cannot display. Here is
exactly what I entered in the link dialog:
<a
href="javascrip t:popImage('htt p://www.sambuccibro s.com/carseat.jpg','N ew
Car Seat')">
Is this my problem? Please help.
P.S. I am using Dreamweaver MX 2004
BELOW IS THE INSTRUCTIONS AND EXACTLY WHAT I COPIED AND PASTED BETWEEN
THE HEAD TAGS AS PER THE INSTRUCTIONS:
=============== =============== =============== =============== ==
Script: Auto-Sizing Image Popup Window
Functions: Use this script to launch a popup window that
automatically loads an image and resizes itself
to fit neatly around that image. The script also
places a title you set in the titlebar of the
popup window. Any number of images can be launched
from a single instance of the script.
Browsers: NS6-7 & IE4 and later
[Degrades functionally in NS4]
Author: etLux
=============== =============== =============== =============== ==
STEP 1.
Inserting the JavaScript <script> In Your Page
Insert the following script in the <head>...</head> part
of your page. Take special care not to break any of the lines;
they must be exactly as shown.
Set the variables as per the instructions in the script.
<script>
// Script Source: CodeLifter.com
// Copyright 2003
// Do not remove this notice.
// 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(navig ator.appVersion .charAt(0))>=4) {
var isNN=(navigator .appName=="Nets cape")?1:0;
var isIE=(navigator .appName.indexO f("Microsoft")! =-1)?1:0;}
var
optNN='scrollba rs=no,width='+d efaultWidth+',h eight='+default Height+',left=' +PositionX+',to p='+PositionY;
var
optIE='scrollba rs=no,width=150 ,height=100,lef t='+PositionX+' ,top='+Position Y;
function popImage(imageU RL,imageTitle){
if (isNN){imgWin=w indow.open('abo ut:blank','',op tNN);}
if (isIE){imgWin=w indow.open('abo ut:blank','',op tIE);}
with (imgWin.documen t){
writeln('<html> <head><title>Lo ading...</title><style>bo dy{margin:0px;} </style>');writel n('<sc'+'ript>' );
writeln('var isNN,isIE;');wr iteln('if
(parseInt(navig ator.appVersion .charAt(0))>=4) {');
writeln('isNN=( navigator.appNa me=="Netscape") ?1:0;');writeln ('isIE=(navigat or.appName.inde xOf("Microsoft" )!=-1)?1:0;}');
writeln('functi on reSizeToImage() {');writeln('if
(isIE){');write ln('window.resi zeTo(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);}');wr iteln('if (isNN){');
writeln('window .innerWidth=doc ument.images["George"].width;');write ln('window.inne rHeight=documen t.images["George"].height;}}');
writeln('functi on
doTitle(){docum ent.title="'+im ageTitle+'";}') ;writeln('</sc'+'ript>');
if (!AutoClose) writeln('</head><body bgcolor=000000 scroll="no"
onload="reSizeT oImage();doTitl e();self.focus( )">')
else writeln('</head><body bgcolor=000000 scroll="no"
onload="reSizeT oImage();doTitl e();self.focus( )"
onblur="self.cl ose()">');
writeln('<img name="George" src='+imageURL+ '
style="display: block"></body></html>');
close();
}}
</script>
=============== =============== =============== =============== ==
STEP 2.
Calling the Image Popup from Links in Your Page
This is the form of the function:
popImage("url_o f_image","title _of_image")
Use the relative or absolute path of the image where we show
url_of_image. This is the url of the image you wish to show
in the auto-sizing popup window.
Use any text you wish where we show title_of_image. This is
the title that will appear in the titlebar of the popup. (Note:
do not use single- or double-quotes within a title.)
Caution: Be careful to place both values within quotes.
See the samples below.
Example 1: Launching from a text link
<a href="javascrip t:popImage('htt p://SomeSite.com/SomeImage.gif', 'Some
Title')">
Click Here
</a>
Example 2: Launching from an image link
<a href="javascrip t:popImage('htt p://SomeSite.com/SomeImage.gif', 'Some
Title')">
<img src="YourImage. gif" border="0">
</a>
Example 3: Launching from a form button
<form>
<input type="button" value="Click Here"
onClick="popIma ge('SomeImage.g if','Some Title')">
</form>
=============== =============[end]=============== ==============
believe I followed all the instructions but when I click on the link
no window opens just the default IE page cannot display. Here is
exactly what I entered in the link dialog:
<a
href="javascrip t:popImage('htt p://www.sambuccibro s.com/carseat.jpg','N ew
Car Seat')">
Is this my problem? Please help.
P.S. I am using Dreamweaver MX 2004
BELOW IS THE INSTRUCTIONS AND EXACTLY WHAT I COPIED AND PASTED BETWEEN
THE HEAD TAGS AS PER THE INSTRUCTIONS:
=============== =============== =============== =============== ==
Script: Auto-Sizing Image Popup Window
Functions: Use this script to launch a popup window that
automatically loads an image and resizes itself
to fit neatly around that image. The script also
places a title you set in the titlebar of the
popup window. Any number of images can be launched
from a single instance of the script.
Browsers: NS6-7 & IE4 and later
[Degrades functionally in NS4]
Author: etLux
=============== =============== =============== =============== ==
STEP 1.
Inserting the JavaScript <script> In Your Page
Insert the following script in the <head>...</head> part
of your page. Take special care not to break any of the lines;
they must be exactly as shown.
Set the variables as per the instructions in the script.
<script>
// Script Source: CodeLifter.com
// Copyright 2003
// Do not remove this notice.
// 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(navig ator.appVersion .charAt(0))>=4) {
var isNN=(navigator .appName=="Nets cape")?1:0;
var isIE=(navigator .appName.indexO f("Microsoft")! =-1)?1:0;}
var
optNN='scrollba rs=no,width='+d efaultWidth+',h eight='+default Height+',left=' +PositionX+',to p='+PositionY;
var
optIE='scrollba rs=no,width=150 ,height=100,lef t='+PositionX+' ,top='+Position Y;
function popImage(imageU RL,imageTitle){
if (isNN){imgWin=w indow.open('abo ut:blank','',op tNN);}
if (isIE){imgWin=w indow.open('abo ut:blank','',op tIE);}
with (imgWin.documen t){
writeln('<html> <head><title>Lo ading...</title><style>bo dy{margin:0px;} </style>');writel n('<sc'+'ript>' );
writeln('var isNN,isIE;');wr iteln('if
(parseInt(navig ator.appVersion .charAt(0))>=4) {');
writeln('isNN=( navigator.appNa me=="Netscape") ?1:0;');writeln ('isIE=(navigat or.appName.inde xOf("Microsoft" )!=-1)?1:0;}');
writeln('functi on reSizeToImage() {');writeln('if
(isIE){');write ln('window.resi zeTo(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);}');wr iteln('if (isNN){');
writeln('window .innerWidth=doc ument.images["George"].width;');write ln('window.inne rHeight=documen t.images["George"].height;}}');
writeln('functi on
doTitle(){docum ent.title="'+im ageTitle+'";}') ;writeln('</sc'+'ript>');
if (!AutoClose) writeln('</head><body bgcolor=000000 scroll="no"
onload="reSizeT oImage();doTitl e();self.focus( )">')
else writeln('</head><body bgcolor=000000 scroll="no"
onload="reSizeT oImage();doTitl e();self.focus( )"
onblur="self.cl ose()">');
writeln('<img name="George" src='+imageURL+ '
style="display: block"></body></html>');
close();
}}
</script>
=============== =============== =============== =============== ==
STEP 2.
Calling the Image Popup from Links in Your Page
This is the form of the function:
popImage("url_o f_image","title _of_image")
Use the relative or absolute path of the image where we show
url_of_image. This is the url of the image you wish to show
in the auto-sizing popup window.
Use any text you wish where we show title_of_image. This is
the title that will appear in the titlebar of the popup. (Note:
do not use single- or double-quotes within a title.)
Caution: Be careful to place both values within quotes.
See the samples below.
Example 1: Launching from a text link
<a href="javascrip t:popImage('htt p://SomeSite.com/SomeImage.gif', 'Some
Title')">
Click Here
</a>
Example 2: Launching from an image link
<a href="javascrip t:popImage('htt p://SomeSite.com/SomeImage.gif', 'Some
Title')">
<img src="YourImage. gif" border="0">
</a>
Example 3: Launching from a form button
<form>
<input type="button" value="Click Here"
onClick="popIma ge('SomeImage.g if','Some Title')">
</form>
=============== =============[end]=============== ==============
Comment