I have the following jquery script for a link with id showHideNav on my page and I want to show/hide (toggle) 2 DIVs (#navigation and #welcomeOuterWrapperDiv) when the link is clicked:
$("#showHideNav").click(function() {
// store a cookie so we know if this link has been clicked in this session
var linkClickedCookieName = 'MoreLessLinkClicked';
if (showNav()) {
$("#showHideNav").html("More ↓");
[Code]...
I have a simple menu as you can see in which i want the link that gets pressed to change color to grey.(line26).But before that (line25) i use jquery to change all the links back to their original color.But that line of code destroys my hover effect on all my links for a reason.
<head>
<style>
.link {
color: #fff;
[Code].....
I've this script:
When I press again the "a.item_add" link it doesn't work (doesn't fadein the div again). how can I "restart" the script ?
I have problem with $.ajax call with Firefox. At all other browsers works fine(Opera, IE6,Chrome) My code:
$.ajax({
url : "statistic_json.php",
type : "post",
dataType : "json",
[Code]....
my code is as follows:
<td><a href="#" id ="putsomeDynamicvalue">ingresar</a></td>
<script type ="text/javascript">
$(document).ready(function(){
[code]....
why this code doesn't work in IE but is fine in firefox? The big image that appears when the image item is hovered over comes up in the imagewrap but doesn't disappear on mouse leave, in IE
<script type="text/javascript">
$(document).ready(function() {
var container = $("#imagewrap"),
content = $("#centrecontainer");
[Code]....
The code:// JavaScript Document
function checkWindowSize() {
var width = $(window).width(),
new_class = width > 1800 ? 'large' :
[Code]....
I have something like the following form:
<form action="/profile.php" method="post" id="profile_form">
... bunch of labels and input elements go here ...
</form>
Then a jquery call (which is supposed to serialize the form for ajax) in a <script> tag at the bottom:
$("#profile_form").submit(function() {
alert('never get here with firefox 3.6');
});
I get to the alert just fine using Chrome, IE8, Safari and Opera. This is with the latest version of jquery.
I've just started with jQuery [code]In FF, the sliding stops in the middle and then it changes to be seeable without an effect.
View 5 Replies View Relatedi am having an issue setting equal div heights The following works in IE but not in FF. In maincontent i have a nested div. Strange thing is when i uncomment the alert, and click the popup the div height is being set in FF??
[Code]...
i've got the followin g script, but i doesn't work:
$(document).ready( function() {
$('a:not(.close)').click( function() {
$('body').prepend('<div id="window" style="height: 400px; width: 400px; background: red;"><a href="#" class="close">hallo</a></div>');
[Code]...
I have a problem with a Javascript, which doesn't works in Firefox
You can have a mouse over the 2 first pictures, but after the second
picture has moved over the screen, nothing is happening when you move
the mouse over the slideshow The source code:
i am using the following code to set the height of the div based on its contents. it works fine in IE but not in mozilla.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
[Code]....
I wrote the following page in a day or two. Everything seems to work excellent, apart from in Firefox (FF) in which it doesn't seem to work at all. None of the other browsers have any trouble with it.
I'm pretty new to Javascript (everything you see in the source code is pretty much all I know) and I have absolutely no idea why it doesn't work in Firefox.
The page in question could be found [link has been removed]. It's all there is to it.
So yeah, how to actually make this work in FF?
i am using the following code to set the height of the div element based on its contents inside the div using the property scrollHeight. it works fine for IE but not firefox.
[Code]....
i have a javascript function to highlight google search keywords in the
page. it works well on IE and mozilla browsers. for the page OnLoad, i
call the Highlight() method, and that highlights the words in the page, and
inserts a div element with the message: "your search terms have been
highlighted..." and a link to remove the highlighting, which has
href='javascript:removeHighlight(..)', but that only works in IE, not
firefox 1.0. Code:
I've got here a sample of my function which is supposed to fade a
certain piece of text to another colour. This line is then located in a
for loop and it works pretty well in IE 6. However, in Firefox, and thus
I assume it will be the same in Netscape and Mozilla, it gives a problem
with the: getElementById('main_txt'). Due to that in setTimeout("",) it
requires the "" signes and thus I can not use the same ones in the
getElement part. IE has no problem with using '' in there, Firefox,
however, does. Can anyone think of how to get around this and make
firefox do this?
window.setTimeout("document.getElementById('main_txt').style.color =
'rgb("+red+","+green+","+blue+")'",delay*step);
I have some script that when used in conjunction with a button highlights all the text between 2 tags to make it easier for copying, it works great in IE but doesn't work in firefox. Here's the script and the button is below.
<script type="text/javascript">
function selectCode(a)
{
// Get ID of code block
var e = a.parentNode.parentNode.getElementsByTagName('CODE')[0];
[Code]....
someone wrote a script for me to simulate an image map on a background header in wordpress. it works great in chrome and ie, but not firefox.
<code>
<script type="text/javascript">
function geturl() {
myMouseX=event.clientX
[Code]....
depending on the partial content (domain) of the url, the links in the page must go to one domain/port or another. I've code that works well in IE but not in FF.
I think the problem is I'm putting the new url using
newurl="http://" + document.domain + page;
document.URL=newurl;
(page can be :7080/index.html or similar)
in FF the operation document.url = newurl; does nothing, the same in IE goes to the page.
Other idea for going to a page formatted in js? ?self.url? one variable that works in all browser?
or different variables for each browser and code to differentiate?
have this:
window.location='http://google.com#q=testquery'
works in opera / firefox / chrome / safari, but doesnt work in IE. does anyone have a fix or solution or hack around this problem? ps: the script is just to demonstrate my problem
I do the following:
var testdata = '<?xml version="1.0" encoding="UTF-8"?><menu><menuitem title="Accueil">data/page_de_garde.html</menuitem></menu>';
alert($(testdata).find("menuitem").text());
It is quite simple and works with both firefox and chrome.Unfortunately, IE8 display an empty alert box.
Note: I also tryed.find("\menuitem") and.find("\:menuitem")
I have a table that looks like:
And a function to add a row and cells in the row that looks like:
The problem is the insertCell won't insert that first cell with an x in it (which will allow users to click on the x button to delete the row) in the first cell in Google Chrome. Firefox inserts a row with the first cell containing the x button but no other cells with the text boxes.
I've tried setting the index on the cell insert to 0, 1, 8, nothing and Chrome either inserts a row with nothing in it (no text boxes, no x button, nothing other than a slight addition of space below the title row) or it adds the row correctly except the x button always winds up in the last cell. IE adds it correctly with no index value or 0. Firefox needs the 0 index (no index creates a blank row with nothing in it. It looks like there's a tiny blank row of nothing being inserted because you see the table get a tiny bit larger vertically but there is no x button, text boxes.
What am I doing wrong? How do I make this work in all 3 browsers? Well actually all browsers ideally but....
Further, if I supply the 0 index to get a row, clicking on the x button to delete it works correctly in IE and Chrome but does nothing in Firefox.
That code looks like:
So what is wrong with both the addRow and removeRow functions that is causing Chrome and Firefox to behave incorrectly?
I'm developing a relatively simple html based site for a gallery. Small images of paintings link to a popup window with a larger image of the painting. The problem is that the javascript code doesn't seem to work in Chrome or the new version of Firefox (where it only opens a new blank tab), though it works perfectly in Safari. This is my code (for vertical images):
var viewerWin=0;
function windowPopVer(URLStr)
{
if(viewerWin)
{
What am I doing wrong? We've changed the settings in Chrome and Firefox so that it enables javascript and all that. Why won't this work?
I am trying to build a site using html, css and javascript. problem is it works perfectly in IE but practically not at all in firefox. I have lots of mouseovers and tooltips, none of which will work. The only thing that seems to work is an onload random image generator. The html and css all return no errors using firefox's validation tool. I am completely new to javascript and have been trying to learn via building this site, so apologies if the code is really messy. Would be really grateful if anyone could help - I thought I was getting to grips with this when it all worked in IE, but am now feeling pretty stupid and think I must be missing something pretty fundamental. I've spent an age getting frustrated trying to resolve this.
[Code]...
Click on the thumb and get the image. However, it doesn't work in the newer browsers IE8 & Firefox. Chrome, Opera, and IE 7 work fine. I'm looking for some suggestions. There is also an external page and a page of functions which I can't tell if they relate to this. I would be happy to post them as well if needed.
[Code]..