/    Sign up×
Community /Pin to ProfileBookmark

new to java, simple question about a link

Copy linkTweet thisAlerts:
Jul 02.2008

Hey guys,
Im pretty new to html and java. I found this script that I want to use to open up a new window that has a specific size:

[code]
<script type=”text/javascript”> var newwindow; function poptastic(url) { newwindow=window.open(url,’name’,’height=275,width=370,left=500,top=200,resizable=no,scrollbars=no,toolbar=no,status=no’); if (window.focus) {newwindow.focus()} } </script> <a href=”javascript:poptastic(‘http://www.artexproductions.com/video01.htm’);”>Pop it</a>
[/code]

However, I want to know if there is a way to attach this script to an image so that people can click on a thumbnail of some pic I have that will then open up the window in the defined size… I hope I make sense. Thanks guys for you help!!!!

to post a comment
JavaScript

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@techissue2008Jul 02.2008 — Change

[CODE]<a href="javascript:poptastic('http://www.artexproductions.com/video01.htm');">Pop it</a>[/CODE]

to

[CODE]<img src="yourimage.jpg" width="100" height="100" onclick="poptastic('http://www.artexproductions.com/video01.htm')">[/CODE]
Copy linkTweet thisAlerts:
@artexproductionauthorJul 02.2008 — hi, thanks for your help...

is there anyway I can make the script be part of an image map?

<area target="_blank" coords="142, 426, 408, 588" shape="rect" href="http://www.artexproductions.com/video01.htm">

</map>

I have a huge image and I part of it to link to the java script... is that even possible? Is there an easier way to adjust the new window size without having a java script? Thanks!!!
Copy linkTweet thisAlerts:
@gabrieleJul 02.2008 — replace the [B]href="http://......"[/B] in the area with

href="javascript[B]:[/B]poptastic('http://www.artexproductions.com/video01.htm')"


take care
×

Success!

Help @artexproduction spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.25,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...