Pop Up Window - single clickable image

[puppymalo]

I have a country map(image) that I want to have visitors click on and open up seperate small pop-ups - I can't get it to work. can get multiple TEXT links but not multiple on an image as the image's url links seem to be the issue?

Any pointers?


thx

jeff

[ShrineDesigns]

onClick="window.open('URL','windowName','windowFeatures')"
you can omit the window features if you want a normal window

URL A complete or relative URL as a string. If an empty string, no document loads into the window.

windowName An identifier for the window to be used by TARGET attributes. This is different from the TITLE attribute of the document that loads into the window.

windowFeatures A string of comma-delimited features to be turned on in the new window. Do not put spaces after the comma delimiters. The list of possible features is long, but a number of them are specific to Navigator 4 and require signed scripts because they are potentially a privacy and security concern to unsuspecting users. The features are listed as follows. To turn on a window feature, simply include its case-insensitive name in the comma-separated list. Only attributes specifying dimensions require values be assigned.

alwaysLowered
Always behind all other browser windows. Signed script required.

alwaysRaised
Always in front of all other browser windows. Signed script required.

copyhistory
Copy history listing from opening window to new window.

dependent
Subwindow closes if the window that opened it closes.

directories
Display directory buttons.

height
Window height in pixels.

hotkeys
Disables menu keyboard shortcuts (except Quit and Security Info).

innerHeight
Content region height. Signed script required for very small measures.

innerWidth
Content region width. Signed script required for very small measures.

left
Offset of window's left edge from left edge of screen.

location
Display location text field.

menubar
Display menubar (a menubar is always visible on Mac).

outerHeight
Total window height. Signed script required for very small measures.

outerWidth
Total window width. Signed script required for very small measures.

resizable
Allow window resizing (always allowed on Mac).

screenX
Offset of window's left edge from left edge of screen. Signed script required to move window offscreen.

screenY
Offset of window's top edge from top edge of screen. Signed script required to move window offscreen.

scrollbars
Display scrollbars if document is too large for window.

status
Display status bar.

titlebar
Displays titlebar. Set this value to no to hide the titlebar. Signed script required.

toolbar
Display toolbar (with Back, Forward, and other buttons).

top
Offset of window's top edge from top edge of screen.

width
Window width in pixels.

z-lock
New window is fixed below browser windows. Signed script required.

example:

<a href="javascript:void(0);" onClick="window.open('http://www.blahblah.com/myImage.jpg','popup','width=300 height=100')"><img src="sdgg.jpg" border="0"></a>

[Charles]

<a href="java script:void(0);" onClick="window.open('http://www.blahblah.com/ myImage.jpg','popup','width=300 height=100')"><img src="sdgg.jpg" border="0"></a>Twelve percent of users do not use JavaScript at all and some further number of people use JavaScript but disable pop-ups. If you use that method you will have a dead link for all of those people. And because persons with certain disabilities cannot use JavaScript and persons with other certain disabilities cannot allow pop-ups you will run afoul of accessibility laws. Yes, it's illegal and annoying. Use instead

<a href="http://www.w3.org/Icons/w3c_main" onclick="window.open(this.href, 'child', 'width=215,height=48');return false">W3C</a>

And see http://developer.netscape.com/docs/manuals/js/client/jsref/window.htm#1202731 for a much better description of how to use the open method of a window object. Know, however, that that's the documentation from Netscape so it omits the Microsoft's way of positioning the new window. Where Netscape uses screenX and screenY Microsoft uses left and top. You need to "double up" on these controls.

[aepstar]

charles i am kinda annoyed about this line in ur reply:

Twelve percent of users do not use JavaScript at all


please provide me a resource proving this? and if u did it on ur own research, please drop it!

[pyro]

Originally posted by aepstar
charles i am kinda annoyed about this line in ur reply:

Twelve percent of users do not use JavaScript at all


please provide me a resource proving this? and if u did it on ur own research, please drop it!

Well, I'm getting real annoyed at all your posts. There is no reason for you to come on these forums and act the way you do. To see stats on JavaScript look at this site. http://www.thecounter.com/stats/2002/November/javas.php
Based on over 300 million hits...I'd say that would be pretty accurate.

[puppymalo]

I asked what I thought was a clear and straightforward question - but perhaps I was not clear enough - I will try again

I have a map of the UK - it is for a charity organisation that just needs to have a single clickable map which when the user clicks on a location - it then pops up with the address of one of the eight regional offices - I cannot get the pop-up to work on more than one window with the right office address - i.e if I click on London - I get the London office address - if I click on Edinburgh I get the LONDON office (not what is required) - can anyone supply me with a CLEAR (free of your own personal views on pop-ups - because the map clearly states it is a pop-up window with the address and after all this is a charity supplying information - so no lessons in pop-up abuse are needed thanks very much!!) - method of how to achieve multiple pop-up windows on a SINGLE image.

Perhaps its me but the replies before make little sense to me.

thanks

Jeff

[aepstar]

i am kinda annoyed that u r kinda annoyed that i am kinda annoyed just only becoz i wanna check it

i dont believe any sucker ou on the internet and please dude stfu, in real life i would be like pissing in ur eyes and kicking in ur stomach pathetic guy if u cant handle litle criticism then throw the ***** out of window or so

remember i did not started bullying u did, santa claus

[aepstar]

***edited by Compguy Pete**

imagemap,

then each link would seem like this:

<map name="sample">
<area shape="rect" coords="20,27,82,111" href="#" onClick="window.open("london.htm","London","width=400, length=200"); return true;">
<area shape="circle" coords="129,113,29" href="#" onClick="window.open("edinburgh.htm","Edinburgh","width=400, length=200"); return true;">>
<area shape="rect" coords="21,158,170,211" href="#" onClick="window.open("manchester.htm","Manchester","width=400, length=200"); return true;">>
</map>

So this is kinda example i hope u've got the idea

damn i am hungry, gotta grab me something out of that refrigirator!!!! :D

[pyro]

Look, aepstar...I think most of the people on these forums are getting sick of you. I know I am. It wasn't criticism that I can't handle, it's your freakin attitude. There is no reason for you to come on here and post the things you do. Why don't you do us all a favor and read the Acceptable Use Policy (http://www.internet.com/corporate/privacy/aup.html). I'd say that you definitely don't fit into that, especially the fourth one down which states:

You will not use profanity in our forums, and will neither post with language or content that is obscene, sexually oriented, or sexually suggestive nor link to sites that contain such content.

Also, why don't you learn how to talk...what's up with all the "sdre toi hfodspa roew" or whatever it is you are trying to say??

[Charles]

Originally posted by puppymalo
I asked what I thought was a clear and straightforward question - but perhaps I was not clear enough - I will try again

I have a map of the UK - it is for a charity organisation that just needs to have a single clickable map which when the user clicks on a location - it then pops up with the address of one of the eight regional offices - I cannot get the pop-up to work on more than one window with the right office address - i.e if I click on London - I get the London office address - if I click on Edinburgh I get the LONDON office (not what is required) - can anyone supply me with a CLEAR (free of your own personal views on pop-ups - because the map clearly states it is a pop-up window with the address and after all this is a charity supplying information - so no lessons in pop-up abuse are needed thanks very much!!) - method of how to achieve multiple pop-up windows on a SINGLE image.

Perhaps its me but the replies before make little sense to me.

thanks

Jeff Please ignore the disrespectful tone of that gentleman's reply and know that it is not shared by the rest of the frequenters of this board. He is, however, right that you need to us an image map. But he is characteristically wrong that you should use JavaScript with it. See http://elj.warwick.ac.uk/jilt/01-2/sloan.html for a review of the applicability of the Disability Discrimination Act of 1995 to the internet in the United Kingdom. And see http://www.w3.org/TR/html4/struct/objects.html#h-13.6.1 for the low down on using client side image maps. Server side maps have accessibility issues that are best avoided.

[Zach Elfers]

Aepstar, please stop!!!

[pyro]

Originally posted by aepstar
i will not use my language anymore

I appreciate that.

One thing for you to note: If all you really wanted to know how was he knows that 12% of the people have javascript disabled, you could have asked just a bit more politely. As far as my saying that I was getting annoyed at you posts, it was because these forums are to help people, not try to degrade them with insults, etc.

[puppymalo]

So without reading the WHOLE disability bill/act - whatever!
What would make it more difficult for a disabled person to click on a URL and be taken to a framed page of a site or a pop-up window?

Please don't tell me it's because a pop-up window would be situated to the upper-left corner of a screen that someone would somehow be in breach of the law!!

Jeff

[puppymalo]

aepstar's reply was far more easy to understand - and it seems it may well work!

[Charles]

For various reasons persons with certain disabilities cannot browse the internet using JavaScript. And persons with certain other disabilities cannot use multiple windows. To make a page the relies upon JavaScript is certainly uncharitable and in many places illegal. And the United Kingdom is one of those places.

[puppymalo]

Regardless of this laughable 'law' -- Iam going to use Javascript and pop-up windows ......

Id be interested to know EXACTLY what the ISSUES are that prevent people with disabilities from having a pop-up window - or the severe problems a pop-up window would cause. What next - death penalty by electric chair for using FRONTPAGE!!!

[puppymalo]

Who says that web developers 'owe' browsers anything - nobody is forced to visit a site or pay money for using a site - so why should a developer take into account every web assisted technology - I can think of many similar scenarios in commercial life where if you tried to apply this type of 'reasoning' (loosely applied to this subject) it would be laughed by any sane person.

Bottom line - if you don't like the website - don't use it - no need to try and legislate what way it should be built.

[Charles]

[The] death penalty by electric chair for using FRONTPAGE.Toss in users of Dreamweaver and I'm with you.

The internet is public space, not private space. And it's no different from a public building. Doors have to be thirty inches wide to work with the assistive technology that non-ambulatory persons use, id est wheel chairs. Are you really such a cruel person that you think that laws that require thirty inch wide doors on public buildings are onerous? And what of your client? You have a responsibility to make sure that your work doesn't subject them to legal troubles or public ridicule.

Opening a new window makes no sense on a browser that has no screen. Consider Braille and audio browsers. And consider a sighted person without the use of his or her arms, someone who surfs the net with the keyboard and a head wand. Going back one space in the history is always easy but toggling between windows can be very difficult for some people.

For more information see http://www.w3.org/WAI/gettingstarted/ for more information.

[puppymalo]

The internet is NOT public space - otherwise you would be able to gain access to every website and every part of it - so to compare it to a public building is ludicrous. What about password protected areas of sites - pay sites etc etc - if you are using that logic then a paysite is like a members club and you are bound by that clubs rules.