Lissa Explains it All: Web Design Forums  

Go Back   Lissa Explains it All: Web Design Forums > LEIA Archives > Web Site Help > JavaScript/DHTML
Reload this Page Pop-Up Window From Thumbnail
Register FAQ Calendar Search Today's Posts Mark Forums Read

Notices

 
 
Thread Tools Display Modes
  #1  
Old 04-29-2005, 05:42 PM
Petrushka Petrushka is offline
Propellerhead
  
Join Date: Apr 2002
Location: Lincolnshire, UK
Posts: 96
Petrushka is an unknown quantity at this point
Pop-Up Window From Thumbnail
Is it possible to produce a pop-up window from a thumbnail, and if so, how?
Sponsored Links
  #2  
Old 04-29-2005, 10:38 PM
Chris's Avatar
Chris Chris is offline
The one.
  
Join Date: Mar 2003
Location: Scotland, UK
Posts: 4,447
Chris is a jewel in the roughChris is a jewel in the roughChris is a jewel in the rough
Put the following into your <head> section:

Quote:
<script language="javascript">
//<!--
function popup_name()
{ window.open ("http://www.domain.com","Page Title","width=200px,height=200px,location=0,menubar=0,resizable=0,scrollbars=0,status=0,titlebar=1,toolbar=0") }
--></script>
Change the bits in bold to suit you.

Then put this where you want the thumbnail to appear:

Quote:
<a href="javascript:popup_name()"><img src="http://www.domain.com/image.gif" title="Image title"></a>
Hope that hekps
Thanks,
Chris
__________________
by Christopher
  #3  
Old 04-30-2005, 02:50 PM
Petrushka Petrushka is offline
Propellerhead
  
Join Date: Apr 2002
Location: Lincolnshire, UK
Posts: 96
Petrushka is an unknown quantity at this point
Cheers!
  #4  
Old 04-30-2005, 03:09 PM
Chris's Avatar
Chris Chris is offline
The one.
  
Join Date: Mar 2003
Location: Scotland, UK
Posts: 4,447
Chris is a jewel in the roughChris is a jewel in the roughChris is a jewel in the rough
Your welcome
__________________
by Christopher
  #5  
Old 05-02-2005, 09:48 PM
Shogun Shogun is offline
n00bzilla
  
Join Date: May 2005
Posts: 11
Shogun is an unknown quantity at this point
So you're putting the full domain name in at the start. For example: shogun.com, and after that you put the image link in?
  #6  
Old 05-07-2005, 05:20 AM
oknobirds oknobirds is offline
n00bzilla
  
Join Date: May 2005
Posts: 8
oknobirds is an unknown quantity at this point
Quote:
Originally Posted by chrisdb89
Put the following into your <head> section:


Change the bits in bold to suit you.

Then put this where you want the thumbnail to appear:


Hope that hekps
Thanks,
Chris
i did everything that is listed. i've tried it several times, even. I have the thumbnail there, and when you roll your mouse over, you can clearly tell its a link. But when you click, nothing pops up, and if it does, its the error box.
  #7  
Old 05-07-2005, 06:02 AM
oknobirds oknobirds is offline
n00bzilla
  
Join Date: May 2005
Posts: 8
oknobirds is an unknown quantity at this point
Quote:
Originally Posted by chrisdb89
Put the following into your <head> section:


Change the bits in bold to suit you.

Then put this where you want the thumbnail to appear:


Hope that hekps
Thanks,
Chris

actually disregard the message above. i got it to work, by submitting this


<a href="http://www.morning-after.org/oknobirds/Untitled-1%20copy.jpg"><img src="
http://www.morning-after.org/oknobirds/Untitled-1%20copy.jpg" border=0 width="70" height="70" alt="yellow"></a>

so after <a href=.... i did not put javascript:popup()
and then it worked
so its weird because thats not what a lot of the instructions say

but now i have a different problem
the image just opens up on a new normal page
i want it to open up to a certain size, like the size of the image
i changed the sizes of the width and height of the image but it doesnt work!


oh yea, this is what my html page says. whats wrong?






<html>
<head>


<title>michelle c. art.design.photo</title>

<script language="javascript" type="text/javascript">
//<!--
function yellow()
{ window.open ("http://www.morning-after.org/oknobirds/hello.html","yellow","width=419,height=292,loca tion=0,menubar=0,resizabl e=0,scrollbars=0,status=0 ,titlebar=1,toolbar=0") }
-->
</script>





</head>

<body>

<br></br><br></br>


<a href="http://www.morning-after.org/oknobirds/Untitled-1%20copy.jpg"><img src="
http://www.morning-after.org/oknobirds/Untitled-1%20copy.jpg" border=0 width="70" height="70" alt="yellow"></a>

<p align=center><font-size=small><b>all copyrighted 2005 michelle chu</b></font-size=small><br>this site is still under construction</br>check back later<br></p align=center>
</body>
</html>
  #8  
Old 05-07-2005, 06:04 AM
oknobirds oknobirds is offline
n00bzilla
  
Join Date: May 2005
Posts: 8
oknobirds is an unknown quantity at this point
Quote:
Originally Posted by chrisdb89
Put the following into your <head> section:


Change the bits in bold to suit you.

Then put this where you want the thumbnail to appear:


Hope that hekps
Thanks,
Chris
oh yea, this is what my html page says. whats wrong?






<html>
<head>


<title>michelle c. art.design.photo</title>

<script language="javascript" type="text/javascript">
//<!--
function yellow()
{ window.open ("http://www.morning-after.org/oknobirds/hello.html","yellow","width=419,height=292,locatio n=0,menubar=0,resizable=0,scrollbars=0,status=0,ti tlebar=1,toolbar=0") }
-->
</script>





</head>

<body>

<br></br><br></br>


<a href="http://www.morning-after.org/oknobirds/Untitled-1%20copy.jpg"><img src="
http://www.morning-after.org/oknobirds/Untitled-1%20copy.jpg" border=0 width="70" height="70" alt="yellow"></a>

<p align=center><font-size=small><b>all copyrighted 2005 michelle chu</b></font-size=small><br>this site is still under construction</br>check back later<br></p align=center>
</body>
</html>
 

« Previous Thread | Next Thread »
Thread Tools
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Forum Jump


All times are GMT. The time now is 10:31 PM.

Contact Us - Lissa Explains it All - Archive - Top

Powered by vBulletin® Version 3.8.3
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.