I am just finishing a site for a photographer which uses Flash for the interface, PHP to display a number of image thumbnails (4 scripts, depending on the route the visitor has chosen) and then 1 PHP page with lots of JavaScript to open the correct image in a new popup window.
It all works in the latest versions of NN & IE but the problem is that some of the site owners' clients use older browsers and the JavaScript popups are not working in NN 4.7.
The address of the developing site is here. The JavaScript that I am using is an adaptation of Anarchos' great script.
Are there fundamental things I am missing regarding NN 4.7 and JavaScript or would my scripting in JavaScript be wrong?
This works fine and I get the popup just how I want it.
However, When that popup loses focus (IE the user clicks on another page) that popup goes behind all the other open pages. Then If I open another popup with that one still open it stays in the background.
I know that I can use
Onclick="self.close()" and OnBLUR="self.close()" to close the popup when the user clicks, but I need them to be able to click in the popup.
Does anyone know an OnLoad fucttion or method that will bring the popup to the front when the user opens another window.
For some reason, in IE8, on product pages (Example) of my ecommerce site, the 'Size Chart' and 'Email to a Friend' popups don't work, and the product image lightbox won't work eitherbrowser I have tested in, including IE7. It seems to only be IE8 that is having this problem.Upon looking at the page source, one thing I have noticed that both the 'Size Chart' and 'Email to a Friend' buttons have in common, is that the popups seem (I'm far from an expert) to be 'triggered' by a span element (class="more") within the HTML. For example:
I have tested the thumbnail images that link to a popup detail page and they seem to work fine in Safari and Firefox on a mac and in IE on Windows (not sure which version of IE, I was using the PC at a UPS Store). Why does my client insist that they do not work? Any javascript issues with my code? I know it is a bit old since it was created a few years ago but I even got it to work on my iPhone today.
I am trying to track down an issue with some content in a couple of popups generated with j-query. If you go to [URL] and role over and click on ethiopia on the African continent, you will get a map that pops up. On the map you will see one or more flags. If you click on them another popup will be generated and it has tabs at the top. Clicking on these shows or hides certain content. If you do the same thing for say India or Nepal, it all works except the tabs at the top. They do nothing. I have compared the code to the ethiopia code and it should be the same. I have tried naming the content areas uniquely although I do not think that should make a difference in this case.
Okay - for me, javascript is a great add-on to many websites & i've been using it since college. For any website viewers using norton internet security, it's worthless.
How Symantec have managed to continue selling something that is consistantly blocking commonly used (& very useful) scripting technologies without being sued?... i'll never know.
Problem is, anyone viewing a js-enhanced site ends up seeing a blank page, because the code is intercepted and replaced before it gets chance to be displayed. Neat huh? Now, surely there has to be a way to conquer their ridiculous 1-size-fits-all approach to js blocking?
Code: <script type="text/javascript"> /* <![CDATA[ */ function closed_changed(day) {
[Code].....
it should call closed_changed(), which sees if it's ticked/checked, if it is it calls clear_open() and sets the four open related input elements to empty/blank (because a shop can't be open and closed at the same time). works fine in firefox (pc and mac) and safari. not ie7. why not? (the intended clear does happen but only when another subsequent closed box is ticked; it works on the previous day which was ticked; so it's lagging one behind)
I need when a page is accessed to launch 2 popups then close itself. Can anyone help? All help is very much appreciated. One popup is going to be a regular page and an add then for other popup if any ones curious.
I am using a popup window to show pictures. Each time the user clicks on a thumbnail in the mail HTML page, the popup either appears or reloads a new picture.
Some pictures are portrait, and some are landscape. I build the popup html dynamically. How can I a) resize the popup window to fit the image, and b) pop it to the forefront once the new picture is loaded?
I am trying to get a fairly complex database form set up..at various stages I need to open popups to edit subsections, then close them..
Now this all works fine from the main screen, I can open a popup using window.open() and it spawns in a new browser or tab, do my stuff, and exit to the main screen..
However if I try to open another popup in the child popup, and return to THAT with a window close in the grandchild, firstly it never opens in a new window, but in the child window, and secondly it closes itself and returns not to the child window but to the parent window.
I have googled till I am blue in the face but no joy..no one seems to have a snap solution for this one.
I suspect I need to use the window object that window.open returns,,but have no idea how..?
On my site, I would like to open a centred pop-up with thumbnails. Clicking on them you get the full image with navigation arrows leading to new photos, etc.
I want to have pop-up dimensions suited to what's in the page and if the photo is vertical or horizontal.
Now, the code here under works well with FF2.0 and NS 8.0, but IE6 and Opera 9 just make the window.close() in func_aperta() and closes the pop-up.
i'm working on my band's website and I want to be able to make multiple popups on one page. as in, the links you press will all come up in DIFFERENT popup (barless) windows. but no matter what i try, no matter what link you press they all come up in the same popup window. im hoping to make all the links come up in different sized seperate windows! anyone know how to do this?
There is a webpage (of another website) "page A" (a registration form) that I have to use as a popunder on my website.
However, due to the code for the form validation (email & other entries) on Page A, the page does NOT remain as a popunder, but popups above my actual website's main page....
Is it because of this attribute in the body tag? <body OnLoad="document.form1.email.focus();">
If so, what counter can I use to beat it poping up above the main index page? PS: Cannot make changes to PAGE A, just my own Index page....
I have noticed some websites use a popup system for confirmation... I know that hotmail uses a similar feature for adding file attachments. So I was wondering how exactly a website would have that feature work.
What I need to know is how to make a popup that...
a) Popups up in the middle of the screen and ALWAYS popups up (the popup blocker in IE wont disable it)
b) A Popup window that cannot be ignored. Therefore the user cannot complete any other actions on the webpage (the page that is displayed on that particular browser instance window). If the user attempts to click outside of the box then it will not allow them to.
c) Once the popup window has been completed (the user clicked the ok button to confirm the message) then the window will disapear and the user will be focussed back onto the original window where he/she was browsing on.
Most of the stuff is simple javascript. (opener.focus() and self.close()) but when it comes down to making popups be the center of control, I am lost.
I'm doing a website at the moment for a shooting club which is opening in a few weeks time. I'd like to have a popup on the home page which appears on a user's first visit to tell them about the opening day. I have the cookie sorted to detect whether they've visited before or not, but how do I make a popup which won't get blocked by all today's browsers and popup blockers? Is there a way that genuine useful popups can be verified and not blocked?
I'm trying to have an ordered list, each item with its own image. Then, I'm trying to use JS so that a different popup is generated for each image.
Currently, I'm using CSS classes to define the appropriate popup image, and this seems to work fine as I can see the popup contents in Dreamweaver.
I think the issue is the 'getElementById' thingy. As whichever image I hover over, it always pulls the first hidden popup.
JS
Code:
HTML
Code:
CSS
Code:
Is there a way form me to also pull the class that is referenced in the html, so that the appropriate popup is generated?
I don't think I'm using the code highlighting properly and I intended to link to the page, so you could see what I'm talking about, but apparently that's not allowed.?
I have a customer that wants to have a map (jpg/gif/png) showing the US States and when you click on a state a popup will display a text box listing cities they have offices in. The cities will be links to other web pages. how to do this?
Is there a script that on loading a certain page will check to see if its in a frameset, and if it isn't in said frameset to make it be in that frameset.
For example, I have a popup that has a navigation frame at the top and a content frame at hte bottom. I want to be able to have links link to it (the popup, from wherever) that can open any of the pages inside this frameset, without making a separate frameset for each page of content. If I could get it to open the content page, and the content page open itself into the frameset, or even built itself its own frameset, that would be neato keen.
Been using popup windows for years on my websites, launched by onClick, and they are not blocked, I would assume because they are called from the current page in the same domain. I'm using basically the same script in a new application, but it's launched by onLoad, again from a page in the same domain. It's being blocked by most browsers.
I am a javascript newbie and trying to write a script to create hover-over popups for a product page. It works like a charm when I assign it a solo "div#id" and "a#id", however I need it to work on multiple objects.I can't use a classbecause then everything with the classname pops up at the same time. So each popup HAS TO have a unique ID. I am trying to write a for each statement, but it doesn't seem to be working... any ideas... or better ways to execute this...
This is the one that works (but only for one): <script type='text/javascript'> $(document).ready(function(){ $( 'a#popup').hover(function(){ $('div#popupBox').fadeIn(500); },function(){ $('div#popupBox').fadeOut(500); }); }); </script>
This is my current for each equiv (Not Working): <script type='text/javascript'> for (i = 1; i < 12; i++){ varthis_a='a#popup' + i; varthis_div='div#popupBox' + i; $(this_a).hover(function(){ $(this_div).fadeIn(500); },function(){ $(this_div).fadeOut(500); }); } </script>
I have several 'galleries' for each artist on my website. Clicking on each thumbnail opens a popup window with a larger image and details. It works fine on all the browsers except IE. What do I need to add/subtract/alter so that it works in IE? Tried to find the solution with the other threads, but without success. Here's the website: [URL]
