i'm in trouble running my slider panel script i developed in jquery 1.2...it dosen't work under jquery 1.3.2
this is the javascript
(document).ready(function() { $(".topMenuAction").click( function() {
if ($("#openCloseIdentifier").is(":hidden")) {
$("#slider").animate({
marginTop: "-121px"
[Code].....
I am having trouble getting my expanding menu to work in Firefox and Opera. It works fine in IE though. I did not write the javascript myself, as I am fairly new to JS, but I did all the HTML and CSS. I used the error console on FF, and also used FireBug. They both returned the following error:
[Code]...
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/"></script>
<script type="text/javascript" src="js/jquery-1.2.6.js"></script>
<script type="text/javascript" src="js/startstop-slider.js"></script>
and they work fine in the slides in All other browsers but IE, If I remove the "interface.js" the slide works but I want both to work
Does anyone know if there is a compatibility issue with JSLint and JQUERY?
View 5 Replies View RelatedI'm implementing prettyPhoto into my site which already contains a jquery newsticker from [URL]... There is a compatibility issue between this two, I can only manage to make one to work, but I really need both of them.
View 2 Replies View Relatedare there problems with the animation with IE8 compatibility mode forced off? I am using meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" to force IE 8 out of compatibility mode for my site, as I need to use the new CSS support that IE 8 finally properly implements (it's an internal site, so I'm not worried about any other browsers), but I notice that in doing that the fadeIn (and Out) no longer seems to work - the content the method is being applied to just sits there for the fade duration and then disappears. This isn't a great hardship, but it would be nice to be able to showcase what jQuery can do and these effects would add a bit more wow-factor to the site.
View 1 Replies View RelatedThe following code works for Firefox but not on Chrome. Does anybody know what it doesn't work on Chrome. Is there a document on the browser compatibility info on each JQuery command.
[Code]...
I'm trying to use the jqModal plugin on my page: [url]
Here is a sample showing my problem: [url]
If you see this example in a IE6 or IE7 or IE8 in compatibility mode, you will see, that the the modal box is not 100% opacity. It works great in FF, IE8, Chrome and so on.
The problem is because of a "position:relative;" in the "containerTop" div - the parent div of the dialog.
Tested it in Opera, FF 3.5 - there, the result shows that the submit button was sent too. however, in Chrome, it is not sent. It even works in IE8 (sic), didn't test lower versions. Might be a Chrome bug, but since jQ should be cross-browser and work the same everywhere, then Chrome could do with a workaround or smth.
View 1 Replies View RelatedI'm currently programming a website and we wanted to have Jquery on it. This is my first real foray into Jquery (other than occasionally using a plugin here and there) so I'm a bit confused as to why what is happening is happening.
The idea is to have 3 different things going on: At the top of the website we want rotating ads. When one of them is clicked, it opens a video file in Lightbox style (darkens the BG) 3 rotating banners below that, when clicked they just go to a website 3 more buttons with play buttons in the corners. When the play button is clicked, a video player takes over the button and plays the video. So far I have the 2nd and 3rd one working. The video player works, the Jquery shows and hides the divs appropriately, and the rotating banners work great.
[Code]...
I've got a particular javascript coding and for some reason it is only working for my mac visitors, but not PC.
What can I do to make this coding compatible for both? Where might the issues be?
I'm new to javascript, and I've been looking around for some
references on compatibility issues, but didn't found much.
I'm intrested in any and all kind of recommandations about
which methods are supported by which browsers, and all that
kind of stuff.
Are there any groups focused on these issues, or some pages
where reports up to date may be found ?
for instance, I've written some basic code from tutorials in
order to get my hands in javascript, and even with that simple
stuff, I've already come across problems with scripts that
work with firebird, but don't work with explorer.
source of that example follows:
Can anyone point me to a site that gives a good (basic) tutorial on writing
JS so that it runs in multiple browsers?
I have a web app that's been targeted for IE 5.5 but need it to work in
other browsers such as Mozilla.
Things I've noticed are HTML lines like <div class="divwithborder"
style="width:600px; height:351px;left:20px"> - in mozilla the "height"
attribute seems to be completely ignored!
I have the following javascript which is setting up a quiz (delivered from off-site) into an iframe. The javascript code determines if the visitor has Flash or not, and then sets up the page, on button click, to deliver the appropriate version of the quiz into the iframe.
For some reason, this code works in everything (it seems) except IE8. In IE8 without Flash, something (perhaps in the code itself?) kicks the viewer into a blank page. If someone could just test the URL below Maybe (I am thinking) it is because the computer I tested it on did not have JS enabled? Or maybe there is something in the code? Or maybe with the quiz delivered from off-site?
Here is the code:
<!--QUIZ BEGINS-->
<article id="page_7c">
<div class="box" id="page1">
<a href="#page_1" class="close"></a>
[Code]....
If you click on the link bottom left ("Test Your Knowledge of UFOs") that should send you to the appropriate version of the quiz.
I'm working on an application that uses ajax and we are going to have a version that people with browsers that don't support the XmlHttpRequest object. My problem is what's the best way to check this.
I have tried the following
var xmlreq = new new XMLHttpRequest();
if (!xmlreq){
// handle the browser stuff
}
In netscape 4.7 this results in an error that I don't seem to be able to recover from and I don't think this is the best approach to this problem.
<SCRIPT LANGUAGE='javascript'>
function saveas()
{
document.execCommand("SaveAs","1","filename.htm")
}
</script>
its suppose to show that "Save As" dialogue box to save the htm/asp/php file to what you want on your local machine. i was having a hard time troubleshooting the code on my firefox, but to no good. until a bright idea pop into my mind and tested it with the damn IE, and it works like magic!!
now my question or inquiry would be, do you have a similar code that will work more universally on most browsers?
Over the various browsers, is it better to use:
document.getElementById('num1').removeChild(image_ display);
or
image_display.parentNode.removeChild(image_display );
to remove an image.
Does anyone know of good links about cross-browser compatibility (html
attributes/css2/javascript)?
I might as well start off like everyone else who posts problems they
are having....So I'm new to JavaScript.....
Anywho, I have a page that lists 15 or so thumbnails and then one big
image of one of those thumbnails. I wrote some javascript code that
when you click on the thumbnail the real picture of that thumbnail
loads in the big image on the page. So essentially I wrote some very
simple code that replaces the "src" of an image tag on an onClick
event. I also replace some text within some elements that are tagged
with an ID. Everything works great in all browsers except in internet
explorer 6.0 (and possibly other versions of IE, just 6.0 is all I'm
using). If anyone has run into this problem before, or notices
something wrong with the code ...
I don't know much about java scripts, but here is my attempt to write
one. My script allows the user to enter their customer number into a
textbox. When they click on a button, they are redirected to a PDF
file. So if my customer number is 12345, I will be directed to
http://www.websiteaddress.com/reports/12345.pdf whenever I type my
customer number into the textbox.
The script I wrote works with IE 6.0, but when I tested it with
Netscape 4.7, it would not work. I'm not familiar with java scripts
and browser compatibilities. Can someone take a look at my script and
tell me what I need to change in this script to make it compatible
with as many browsers as possible?
<HTML>
<HEAD>
<TITLE>View Report</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function GetReport() {
self.location.href = 'http://www.websiteaddress.com/reports/' +
document.forms[0].txtValue.value + '.pdf'
}
// -->
</SCRIPT>
</HEAD>
<BODY>
<form ID="Form1">
<input type=text name=text1 size=30 ID="txtValue">
<input type=button value="View Report" onClick="GetReport()"
ID="Button1" NAME="btnView">
</form>
</BODY>
</HTML>
I am doing an experiment with setTimeout for a much larger project and cant seem to get this bit of code working. What is "supposed" to happen is on hover the div goes black, and on removing the mouse it turns red after 1 second. however, it doesnt work. ive tried a bunch of variations but nothing gets it to work. i want to line up a bunch of divs and not need to write a seperate function for each one.
here is the HTML:
<div id="0" onMouseOver="blackit('0')" onMouseOut="fadeit('0')"></div>
<div id="1" onMouseOver="blackit('1')" onMouseOut="fadeit('1')"></div>
<div id="2" onMouseOver="blackit('2')" onMouseOut="fadeit('2')"></div>
<div id="3" onMouseOver="blackit('3')" onMouseOut="fadeit('3')"></div>
[Code].....
there is some CSS but nothing crazy. it should work but it doesnt. the black on hover works but then it either stays black or goes red immediately, not waiting the 1 second.
As I understand it so far:
element.attachEvent()
IE 5+ for PC
element.addEventListener()
Gecko, KHTML
element.event
NS3+, IE4+, dunno about opera or others
Since I'm only concerned with attaching a single event and don't care about bubbling/capturing, am I best off not using the old style of event registering to assure maxium compatibility?
I was really hoping that someone could help me sort out two minor problems which I'm experiencing with by JavaScript and two browsers. (FireFox and Safari)
1. Safari doesn't support style="background:#CCCCCC;"
I use the following JS code to change the background color of my select boxes.
HTML Code:
var backcolor = "#CCCCCC";
document.getElementById('operatings').style.background = backcolor;
Unfortunately Safari doesn't support this. I could use the following :
HTML Code:
var backcolor = "#CCCCCC";
document.getElementById('operatings').style.background-color = backcolor;
...but it doesn't work. Probably because the JS reads the dash ( - ) as a syntax error. What alternative is there to this?
2. FireFox doesn't support 'value="";'
I use the following code to reset the selection of a <select> drop down :
HTML Code:
document.getElementById('operatings').value = "";
...but FireFox doesn't seem to support this.
What alterative is there to unselecting the selected the option in a <select> dropdown? I know about the reset button, but unfortunately I cannot use this.
I am working in IE and FireFox compatibility. In my application we are creating dynamic iframes inside another iframe. I have to access a div inside the iframe. In IE everything is working fine. But in Firefox, I am not able to access the div.
I have tried using:
iframename.divname
iframename.getElementsByName("divname")
iframename.getElementById("divname")
iframename.getElementByTagName("divname") --> This was not throwing any error but the element length was 0.
I have created the iframe using the method
function getIframe(name){
var iframe = document.getElementById(name)
var ifDoc
if(iframe.contentDocument){
alert("1");
ifDoc = iframe.contentDocument
} //NS6+
else if(iframe.contentWindow) {
alert("2");
ifDoc = iframe.contentWindow.document
} //IE
else
{
alert("3");
ifDoc = iframe.document
} //IE5
alert ("value for getIframe is "+ifDoc);
return ifDoc
}
I have the following funciton that centers my website content for any size window and will center it in real time as the window is expanded or shrunk. It is activated by a
onresize="CenterIt();"
in the body tag.
Works fine for IE. How do I make it compatible with netscape and most browsers? Better yet, is there a good single source that explains how to write javascript to be compatible with all browsers? 766 and 435 are the width and height of my table that surrounds the website data defined so:
<TABLE id="Main" style="position:absolute; z-index:0; top:0; left:0;">
function CenterIt()
{
newOffsetWidth = 0;
newOffsetHeight = 0;
if (document.getElementById)
{
winW = document.body.offsetWidth;
winH = document.body.offsetHeight;
}
else if (document.all)
{
/*
What goes here????
*/
}
else if (document.layers)
{
/*
What goes here????
*/
}
if (winW > 766)
newOffsetWidth = ((winW - 766) / 2) - 10;
if (winH > 435)
newOffsetHeight = ((winH - 435) / 2);
if (document.getElementById)
{
document.getElementById('Main').style.left = newOffsetWidth;
document.getElementById('Main').style.top = newOffsetHeight;
}
else if (document.all)
{
/*
What goes here????
*/
}
else if (document.layers)
{
/*
What goes here????
*/
}
}
CenterIt();
I have reimplemented the non-standard <marquee> element (in a very
simplified fashion), moving around a DIV using offsetParent and
offsetWidth.
It works fine in Mozilla (1.7.5) and Safari (1.2.4), but fails
miserably in IE6/Win : the content scrolls off screen to the right hand
side, although it should be going to the left.....