Jquery :: Lightbox Works Very Well In Firefox And Opera But Not In IE8
Oct 18, 2011
I am using the lightbox script from "Jquery:Novice to Ninja" and it works very well in Firefox and Opera but not in IE8.
The problem, I think is because I am using PHP to pull the picture names from a file. There are around 40 pictures so I didn't want to name them all manually.[code]...
This easily produces a nice page of thumbnails and clicking on any brings up the bigger picture in lightbox but not in IE.
It seems that IE needs another set of pictures to load from so the filename od the <a href=image> needs to be different to the <src=image> filename which makes more work.
Is there a work around to make this work as well in IE as it does in firefox.
The page can be seen at[url]
Also as an aside. When the lightbox starts it removes the scroll bar which has the effect of moving the page to the right. Is there a way to add a right margin to replace the scroll bar to stop this happening?
View 1 Replies
ADVERTISEMENT
Nov 12, 2011
Could anyone tell me why this script of mine works fine in firefox but not in IE or Opera?
<script>
$(function() {
$( "#search" ).autocomplete({
source: function( request, response ) {
var wildcard = { "name": "*"+request.term+"*" };
var postData = {
[Code]...
View 2 Replies
View Related
Oct 30, 2010
I have two select lists that have option lists that are created from external XML lists that contain course offerings available at different locations. Each location has a different set of course offerings. When a user selects a location, the javascript code will hide / show the option entries that correspond to the course offerings for that location. If a user selects a course offering, the javascript code will show / hide the locations that offer those courses.
Click events are attached to each of the Option entries with the code below. The code works correctly with Firefox and Opera, but the click events are never triggered in IE, Safari or Chrome. The Chrome debugger seems to indicate that the click events get set up in Chrome (although I am not sure where JQuery saves event handler data). Each option entry has a unique ID tag.
$(".locn_option_select").click(function (locnevent) { // Set up click action on the option entries
locnevent.preventDefault;[code].......
View 1 Replies
View Related
Jul 14, 2006
I've got a fair amount of Javascript coding that works great in IE and
Opera, but is completely ignore in Firefox and Netscape. See:
View 3 Replies
View Related
Oct 18, 2010
It works fine in Firefox and Google Chrome but not in Opera and Internet Explorer.If you don't have Firefox or Google Chrome,when you click an element, if should be lighter green, rolling out of a clicked element, it should be darker green. The same happens with elements that are not selected, ubt they are gray. But in IE and Opera, when you roll out of a selected element, it is gray.I can't debug it in Opera because I have no debugger there, like Firebug.
View 4 Replies
View Related
Oct 18, 2010
My append code works for Firefox and Internet Explorer but not for Opera and Google Chrome.
View 1 Replies
View Related
Aug 8, 2009
The minimal AJAX script below works in Firefox, but not in IE, Opera, or Chrome.I could use some suggestions or referrals to resources that will help me get the script working in other browsers.Before there are six characters entered in the CAPTCHA code field, the 'Send' button is supposed to be disabled. When there are at least six characters in the CAPTCHA code field, the script attempts to verify the CAPTCHA w/AJAX. If it verifies, it enables the Send button and sets the background of the CAPTCHA code field light green (symbolic for go). Otherwise, it turns the background of the CAPTCHA code field a sort of pink/red (symbolic for no go). While it's waiting for a server response the background is set to a pastel yellow. At other times, the background of the code field is white.
View 1 Replies
View Related
Feb 8, 2011
This page [URL] works fine in other browsers(Chrome, Firefox, Opera, Safari), but not good in IE8
View 1 Replies
View Related
Jun 21, 2009
I have a page that displays the latest products from an xml feed.
I'm using $.ajax to embed the products from a php page that uses curl on the feed.
It works in FF, Opera, Safari, but not IE8. Is there a common reason why this doesn't work in IE?
View 10 Replies
View Related
Feb 13, 2010
I am not very good with javascript yet and I do not know how to debug this issue. Can y'all take a look and point me in the right direction? I've got a site that just lauched. The address is: www [DOT] saenzcleaning {dot} com The issue is that it seems to be crashing/freezing IE, but works fine in FF, Opera, and Chrome
View 1 Replies
View Related
Aug 6, 2010
How does this cross-domain request work in FireFox, Safari & Chrome and not in IE/Opera ?$(document).ready(function()
[Code]...
View 1 Replies
View Related
Jun 24, 2011
I have this code
[URL]
If you'll use Opera browser, it will display lightbox style animation after clicking on marker on the map. Other browsers are not so kind
Chrome give an error Uncaught TypeError: Object [URL] has no method 'click'
To display animation in bumpbox(lightbox alternative) I use this html code
Code:
<div id="neco" style="display: none">
<a href="clouds.swf" class="bump">clouds</a>
</div>
and this javascript
Code:
google.maps.event.addListener(markerName, 'click', function mojafunkcia() {
document.getElementById("neco").getElementsByTagName("a")[0].click();
})
I assume that html element cannot access that javascript function because it ist nested within other function (please see source code on turie.eu), but I'm not very skilled with javascript, so I'm not sure.
View 3 Replies
View Related
Jan 21, 2011
I have a lightbox (Shadowbox) which opens upon page load. The size and contents of the lightbox are obtained from a query string. Everything works perfectly in Firefox.
However the lightbox does not open in Safari unless I add an alert statement (originally put in so I could debug my code) - see 'alert("about to open Shadowbox");'
[Code]...
View 13 Replies
View Related
Sep 26, 2010
I have used JQuery to change CSS styles for my Navigation Bar elements.Ok so after a bit of research I discovered that " background-position-y " and "background-position-x" are not supported by the Mozilla Firefox / Opera browsers.Anyone know of an alternate method of getting the background-y / x positions?
View 2 Replies
View Related
Jul 15, 2010
Setting maxlength attribute of input[type=text] or input[type=password] does not work as expected.In Firefox and Opera if maxlength is not set the field.attr('maxlength') == -1. But if I try to set field.attr('maxlength', -1) it is being set to 0 instead.
[Code]...
View 3 Replies
View Related
Mar 31, 2002
Does anybody here know of a DHTML drop down menu that works in opera?
View 2 Replies
View Related
Mar 21, 2011
Stumbled onto this one: retrieving the margin doesn't seem to work in Firefox or Opera. This is code I'm using, which works fine in Chrome, Safari and IE:
var contentmarginl = parseInt($('#wrapper').css('marginLeft')); // fails
var contentwidth = $('#wrapper').width(); // works alert(contentmarginl);
The alert returns (in my case) 350 in the complying browsers and 0 in FF and Opera. Is this a bug or my error? Is there a known workaround? EDIT: Just tested in XP sp3 IE7 & IE8. Returns Not a Number (NaN)
View 1 Replies
View Related
Feb 21, 2009
I was trying to make simple JS script, but it seems like i have problem.
I have really basic html:
Code:
<?xml version="1.0" encoding="ISO-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[Code]....
AS you see, i have ONE div element, and Firefox alerts the 1 as result, which is correct. But Opera (9) and Ie(7) returns length of 0. How is that possible?
this is intresting. I tryed to use '*' instead of 'div', to search for all elements. FF alerts HEAD, BODY and DIV elements, while opera only first two, and not Div.
View 3 Replies
View Related
Oct 30, 2009
I am not a guru jquery coder and still have to learn alot, recently while learning jquery AJAX I have bumped into a weired issue, I have a apge right and in this page I have a dropdown list for people to select an RSS channel that they wish to know more about, the dropdownlist ahs an onChange event which when triggered it will get the value of the selected item in teh dropdownlist and post it to the other 'mini' pages that load on the same page via AJAX by using the GET method - ie: im passing the parameters like a normal querystring would. The problem is that when I assign the dropdown value to a variable called dropdown in the following line of code "var dropdown =document.getElementById('ddlChannelSelect');" it works in IE but not in the other browsers, I have debbugged this in FireBug and it seems that the variable dropdownlist is not actually getting the value of the actual dropdownlist nad it says 'null' or sometimes 'undefined'. Am I doing something wrong ? why is it that it is working in IE but not in other browsers ? can you pls give me a solution with some examples ?
[Code]...
View 4 Replies
View Related
Apr 5, 2010
For a variety of reasons that I won't currently go into, I need a lightbox script that doesn't rely so heavy on the document's DOCTYPE (Strict, Transitional, etc) and will just work with a page where the DOCTYPE doesn't get assigned.
View 5 Replies
View Related
Oct 16, 2009
My page with my slideshow (with lightbox integrated) is up and running fine on browsers like Firefox, IE, and Google Chrome... But Safari doesn't even show the slideshow.[URL]...
View 2 Replies
View Related
Jul 22, 2011
Totally new to this and doing my best to figure it out as I go along, hitting wall after wall. The lightbox on my site runs correctly when viewed locally, but pops up and displays nothing but the waiting gif when I try and view it remotely. Tried fixing my permissions, but to no avail.
View 1 Replies
View Related
May 3, 2011
I'm trying to add an overlay (similar to how lightbox works) over the entire screen. The problem is that in IE6, it only seems to work if the DIV overlay is added at the top of the page before any other content is displayed. IE6 (only IE6!) displays about a 15px bar across the top of the page (representing the overlay).[code]
View 2 Replies
View Related
Mar 22, 2011
The simple test code below validates a few fields successfully when tested using Safari, Opera, Firefox and ChromeDatepicker does not work in IE, although the validations do work as expected. Is there an issue with datepicker and IE? Is there a condition in my code that inhibits IE?
//// page code follows ////
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[code]....
View 2 Replies
View Related
Apr 20, 2006
I'm trying to get all the "divs" that have a given NAME using
getElementsByName(). For example, the following code:
<html>
<head>
<script type="text/javascript">
function on_load()
{
var pages = document.getElementsByName("name");
alert(pages.length);
}
</script>
<body onload="on_load()">
<p name="name" id="id">Teste</p>
</body>
<html>
when I open this page in Firefox, it gives me a popup saying "1", that
is correct. But if I do it in Opera, it gives me "0"....
View 2 Replies
View Related
Apr 18, 2011
Whats wrong with this script. It works in IE, but not in Firefox. I get no error codes it just simply does not display the text in Firefox.
Code:
View 2 Replies
View Related
