I am using a jQuery Slideshow on a website homepage that I am helping to develop.
The homepage can be seen here: [URL].. This site is currently in production and I am trying to make some improvements at the moment. But I cannot understand why the slideshow isn't behaving correctly in Chrome. I'll tell you what it is supposed to do.
1) Page loads... slideshow begins to loop through 4 slides, each linking to an article on the website.2) When you click on a thumbnail on the right of the slideshow, it should bring that slide into focus - You can then click on the "Read More" link in the description at the bottom of the main photo to go to that article.
Now here is what it is actually doing. 1) Page loads - slideshow begins to loop through the 4 slides, this is working.2) Click on a thumbnail and it does focus on that slide but it only brings up the image... the section containing the information/description and the link to the article is missing.3) The slideshow then continues to loop through the slides as usual but each time it comes to the slide you previously brought into focus, the information at the bottom is missing.
I have checked in other browsers and this does not appear to be happening. I have also checked in earlier versions of Chrome and this did not happen - It is only happening with the latest version of Chrome.
I Use the regular expression to find the html tags present in the input box, It works properly in IE & FF but in chrome it works fine when use first time for an input box but not again, below my code...
I´ve just worte a few lines using $.ajax() to load an xml file and then parse it to create a carousel, the problem is that i've already probe it on chrome 3.1 and it was working perfectly, at this time chrome 5.0.x it doesn't work, it makes nothing, the success callback response is ok, but it doesn't load the reuqested elements , it's been proved on FF, Safari, IE, Opera
I'm a newbie to jquery and am using jquery version 1.4.2 in my java application. I am trying to develop an application, where I am accessing the data available in a remote server and rendering the data in an HTML page in my local system, using an Ajax call. The code works fine in IE7 and above. However, I am facing a problem in Firefox ( version 3.5.8) and google Chrome. The following error is reported in Firefox [code]
While searching in google on this error, I have found that this occurs because Firefox's security model does not allow retrieving/accessing localhost resources.Also Firefox does not allow accessing resources from other domains.The following are the source code of the html and js files [code]Is there anything that I am missing? Or, is there any other way for carrying out this functionality?
It works in Google Chrome but not Firefox and Internet Explorer. My computer has blocked Opera and I don't know how to change that. Too much energy to investigate now, I'll do so later.I'm assuming GoogleChrome is fixing a syntax error that FF and IE don't.
var request; request=false; try {
[code]....
has the problem. When I set up alerts to see what works and what doesn't, this code seems to be causing the FF and IE to not work, but I can't tell what it is that's causing them to fail.This is javascript that is suppose to check if a name has been taken by another user.
I'm working on a fairly large project that I wish to be the new formspring, (size wise) I procrastinated for 2 weeks of my 12 week break and now that I'm just getting started on it I'm running into an ishness load of problems...
I have a triple drop down menu and when I select an option for first drop down, based on that I get the values populated in the second drop down but these values in the second drop down do not clear even though I change the change the option of my first drop down. I am facing this problem with Chrome. In Firefox it works fine.Could some one tell me how to clear the previous selection contents. I have pasted my code in the pastebin[URL]...
I'm working on a page that displays a query result upon loading, and has a DIV that (initially) is invisible and has 0px for height/width, plus a negative z-index. This DIV contains an iFrame that has a form in it for filtering the query. Upon clicking a link, javascript goes into action, giving the div height, width, visibility, and a high z-index so it "floats" above the main page (centered in the browser window.)
This is working flawlessly in FF, Safari, and Chrome. However, in IE7 and IE8, not only is the javascript engine slow and clunky, but once the DIV "appears" the form contained within is invisible (view source shows the code, it just isn't being parsed or displayed.) I'll include my code; can anyone think of a reason why it would show the DIV but not the form in IE7/8?
I've got some code off of the web I'm using on my website, it is a javascript clock, it works fine in firefox and thats it, I would like to get it working in at least IE.
I am working on a Javascript application and i am facing a strange behavior of the application in IE. I am creating a table at runtime using DHTML and registering event for the table row click. When i deploy this application on web server and browse the application, the events fires in firefox and chrome but in IE the events are not fired. If i browse the application from the server with localhost, the application triggers the events and fails when i use machine name.
The following is the source code:
<!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> <title></title>
When formattedHtmlText is, say, "<STRONG><BUTTON class=placeHolder>[[ContAmt]]</BUTTON> text</STRONG>" the HTML is pasted properly and the UI is changed accordingly.
However, if formattedHtmlText is "<BUTTON class=placeHolder>[[ContAmt]]</BUTTON> text" the HTML is not pasted and there is no change in the UI.
I am having two divs with ids nav and navLinks, that contain unordered lists of hyper links. I am calling a onload function named displayID that accepts div's id as a argument/parameter (nav and navLinks) twice with different parameters. the function is firing only once with the parameter that i first specify, even though i call the function twice. Am i doing anything wrong in calling the same function twice with different parameters? Code:
I have the following code which works fine in FF but not in IE. code...
In FF, when you change the Fund dropdown to be Romanian Floods, the location dropdown disappears and the location_box text box appears which displays the second part of the value (Romania). If you select another value from the Fund dropdown again, this box disappears and the location dropdown box would appear again. This is exactly what I need it to do.
In IE, whenever you select anything in the Fund dropdown (doesn't matter whether it is Romanian Floods or anything else), the value in the Fund dropdown disappears and thus when I press submit it doesn't work!
I've been working on a college project to rebuild a php/mysql web application. My local dev. environment runs php/mysql on IIS, and the server that hosts the web-app runs php/mysql on Apache. As part of the revamp I've coded a few bits of javascript that works perfectly in my dev machine, but when upload do not work properly. Here is the latest bit:
Form with hidden fields I want to post to the next page. <form action="ADToDoPrintPage.php" target="_blank" method="post" id="fm"> <input type="hidden" name="TotalHours" id="TtlHour" value="<?php echo "$total_hours" ?>"><input type="hidden" name="TotalCycles" id="TtlCycle" value=" <?php echo "$total_cycles"; ?>">
Then a list of links, one of which posts the form to the desired page: <li><a href="" onclick="document.getElementById('fm'). submit();return false;"> Printer Friendly View</a></li>
Problem is rather than going to the desired page, it simply directs to the homepage. I'm baffled as to why this is happening and dont know where to start looking. Could it be something do to with javascipt not being enable or permitted on the webserver? I've made sure the site is in the 'trusted sites' list in IE but with no joy.
I had to switch to Mootools, because the current company I am working for uses MooTools. Till thus far I haven't had any problems with MooTools until about 10min ago.
I am using a plug in called noobSlide, You can check it out here code...
My problem is that for some or other reason it displays 5 images instead of 4 images(the amount I am using), leaving the lastly displayed image blank. code...
I am having a problem where the sorting function I have designed is supposed to sort an array of records into descending order in terms of each record's "score" value, I would expect the below code to alert 2,1,0 in that order but it's as if the code didn't even sort it.
var g=[{score:0,index:0},{score:2,index:1},{score:1,index:2}] function sortScores(scoreRecs){ var swapped;
I am having an issue with some javascript that works fine in IE, but in FF is not working properly. The script is used to display a list of check boxes, the user can expand, which can checked to enable a users selection of products.
This is the script: <script type="text/javascript"> var xcNode = []; // m = Parent UL ID // c = function xcSet(m, c, q, isCompletedLength) { if (document.getElementById && document.createElement) { .....
Works fine in IE, but not in Firefox where the expanded list is not showing the current number of items (checkboxes), it shows 34 check boxes in IE but only 17 in firefox.
I have 2 tables with Add/Remove Row buttons. The first table's Add Row button adds a row that belongs in the second table, and the Remove Row button gives me an Object Error. The second table works properly. The JavaScript for both tables is identical except for the ID's. When the tables are put into seperate html files both of the Add buttons work properly, but the remove row button from table one is still giving me the Object Error.