JQuery :: Select's OnSelect Event Doesn't Work In IE And Chrome
Sep 23, 2010
I'm using my custom component that has a combo box (jsf's h:selectOneMenu, which has a onselect event)in it and it already has a onchange event, so I want the onchange event to trigger another onselect event with jQuery and it only works in Firefox.
I tried it without the component and it looks like this:
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
[Code]....
and again works only in Firefox, and not IE and Chrome. It works with onblur event, but the onselect is closer to what I need.
Is it not working because the html <select> tag doesn't have a select event but Firefox can do it for some reason?
View 1 Replies
ADVERTISEMENT
Feb 13, 2010
I'm working on a image slider, which will slide left to right and vice versa on mouser over event. the images are dynamically loaded from the database using ASP script. I use mootools.svn.js for the sliding implementation. and Ajax to pass the id of the image to another page as a query string. this is implemented in a onclick="getValue('<%= id %>')" event. This works fine in IE8, but when I test in Firefox 3.6 and Chrome the onclick event doesn't work. when I comment the mootools.svn.js, the onclick event get fired.
[Code]...
View 3 Replies
View Related
Jan 19, 2011
It's an incremental search function.
$(function () {
$('#quickFilter').incrementalFilter({
items: 'dl.entryList > dt',[code].....
View 1 Replies
View Related
Nov 20, 2010
I want use $.ajax to read some infomation from xml file,here is my js code :
$
.
ajax
({
[Code].....
However, the code only work great in firefox and opera. It doesn't work in chrome(7.0.517.24 ) and safari(5.0.1),failed without any alert,not even the alert("ajax failed"). Is there any bug in $.ajax in chrome and safari?
View 3 Replies
View Related
Sep 14, 2010
my code is as follows:
<td><a href="#" id ="putsomeDynamicvalue">ingresar</a></td>
<script type ="text/javascript">
$(document).ready(function(){
[code]....
View 8 Replies
View Related
Jan 4, 2012
I send some data by post from page to PHP script. In FF it works fine, but Google Chrome fall down...
var category = 'category_name';
$.post('../ajax.php', { 'ajax': 1,
'active': 1,
'category': category,
'id': id}, function(out) {
alert ('echo');
});
I tried the same code without apostrophes, but with no effect.
[Code]...
I found error... In POST variables passed to ajax.php I had 'content': content and content is probably jQuery reserved word (and this variable wasn´t define before). But I don´t know why that works in FF.
View 1 Replies
View Related
Jul 15, 2011
I use a subnav and subsubnav with the following code. It works in all popular browsers as desired, except in Chrome (latest version), which don't open subnav-2I've tried several methods without success. The classes subnav-1 and subnav-2 are li elements. Maybe someone can tell me where is the problem.
[Code]...
View 4 Replies
View Related
Nov 1, 2010
I've hosted a test suite at: Webkit Bug Clicking on the enlarged image doesn't work properly in Safari and Chrome.
View 2 Replies
View Related
May 4, 2011
After solving some backwards incompatible stuff, we upgraded to 1.5 today, but the following bit of code does not seem to be working on Chrome. It used to work using jQuery <1.5, but fails on 1.5+, and only in Chrome (works perfectly on FF still...
$('<option value="' + co[i].value + '" data-prepaid-total="' + co[i].prepaid_total + '" data-postpaid-total="' + co[i].postpaid_total + '">' + co[i].label + '</option>')
.data('prepaidPrice', co[i].prepaid_total)
.data('postpaidPrice', co[i].postpaid_total)
.appendTo($('#tbody-search-results tr[data-domain=' + sld + '_' + tld + '] td:nth-child(3) select'))
View 18 Replies
View Related
Feb 7, 2011
The code below works fine on IE and FF but not on Google Chrome.
You can preview the below code by pasting it to Frontpage, Dreamweaver and etc.
View 6 Replies
View Related
Dec 21, 2011
I'm trying to do a redirect using the below code:
<script type="text/javascript">
window.location.href = "http://google.com"
</script>
FF and IE work as they should. Chrome doesn't.
The request above to http://google.com, gets a 'canceled' status in Chrome browser > Development tools > "Network".
I've tried several other functions:
location.href = url
location.replace(url)
document.location = url
location.assign(url)
window.open(url, '_self')
Same code pasted within a local html file works fine.
Below is the redirect request that it's canceled by chrome: [URL]
View 4 Replies
View Related
Jul 18, 2009
I'm trying to make use of jQuery's datepicker. The hidden field is used to make the datepicker appear and stores the date data that will be sent to the server. The SPAN tag will show the "pretty" date format for the user.
The altField option doesn't seem to work, as the SPAN tag is not an INPUT tag. So, I saw that I could add a custom function using the onSelect event, so I attempted to write what you see below. I can't seem to find any clear documentation on how to handle the "inst" variable or how to pull the date from it so it can be formatted.
If I use the "dateText" variable, that only seems to contain the date as a formatted string, and not as a Date() object that I can format.
[Code]...
View 1 Replies
View Related
Nov 11, 2009
I have some simple code to have one div bounce around inside another. It works fine on Firefox and IE, but for some reason in Opera and Chrome it only moves left to right.
This suggests that Chrome and Opera allow you to dynamically set style.left but not style.top. This seems odd to me.
why this won't run as intended on Chrome or Opera?
Here's a very simplified version of my code to demonstrate the problem:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
[Code]....
View 2 Replies
View Related
Jun 1, 2010
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?
View 5 Replies
View Related
Sep 17, 2010
I just finished coding my website. It can be seen here: [URL]
However, in Chrome 6, the bar at the top doesn't stay static, but moves with the page. This shouldn't happen, but I can't work out why.
Also, the options on the top menu are moved to the right on Windows Vista/7 (the OS is the only link that I can make between the computers having this problem).
With both of these problems, after trying for ages to fix it, I still have managed to accomplish nothing. I am also not sure if these problems are caused by the JavaScript, CSS, or HTML.
P.S. All of the CSS/JavaScript files can be found linked in the source.
View 7 Replies
View Related
Feb 4, 2011
Before image upload I want users to preview their choice. For some reason JS doesn't work with all browsers except FF.When a user selects file, JS preview function should insert it into #addPreview div where preview.gif is located as a default picture. If everything goes OK preview.gif is replaced with new selected file. Otherwise wrong size or file type is detected. Alert message appears in #addPreviewAlert div.Here's my code:
HTML CODE
Code:
<!-- ALERTS -->
<div id="addPreviewAlert"></div>
<!-- END ALERTS -->[code]...
Tell me why Firefox works as desired, but all other browsers don't allow any preview. They don't show any JS error messages and alerts either.
View 1 Replies
View Related
Apr 26, 2011
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?
View 9 Replies
View Related
Dec 21, 2011
I hope I post this in the right section.
I'm trying to do a redirect using the below code:
<script type="text/javascript">
window.location.href = "http://google.com"
</script>
FF and IE work as they should. Chrome doesn't.
[Code]...
Same code pasted within a local html file works fine.
View 1 Replies
View Related
Jul 2, 2009
This is the code I am using to test this. In FF and Op. When I click on an option in the select box, the alert pops up. In IE and Chrome, it doesn't seem to catch it at all.
$('.clickopt').mousedown(function(){
alert("test");
});
View 2 Replies
View Related
Jun 22, 2011
I have this code where we initialize the themeswitcher
[Code]....
where themeSwitcherSelect is my function, but it doesn't work. What am I doing wrong?
View 1 Replies
View Related
Jul 15, 2010
I tried to apply jCarousel on Ajax loaded content. It works on Firefox/IE/Opera, but not on Safari/Google Chrome. Can somebody help me finding where the problem isP.S. On IE, when you close the Ajax content there will be a alert message shows 'Jcarousel: No width/height set for items. This will cause an infinite loop. Aborting ...', but it doesn't matter as the alert function can be shut off.
View 1 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
Oct 31, 2011
I try to navigate through the cycle slideshow with a select box. This works fine in FF and IE9. But when I open the page in IE8 nothing happens when I click the select box.
This is my code:
$(function () {
$('.slideshow').cycle({
fx: 'fade',
timeout: 0,
[Code]....
View 3 Replies
View Related
Jul 14, 2010
Works fine with ie and firefox. All the script is there to do is open a new window but delayed so that users can see the button unpress.
[Code]....
This is my favourite way of doing things. The problem is that Chrome wont do a window.open launched from a set timeout. (buttons are an image background that shows just half of the image at a time) But its nerfed if i cant get it to work on 0.00005% of the browsers that visits the sites! (ive come to really dislike chrome)
View 6 Replies
View Related
Dec 6, 2011
I have problem with this code:
jQuery('.container').on('click', '.item a', function(event){
showContent(jQuery(this).attr('href'), event);
});
[code]....
View 1 Replies
View Related
Jan 11, 2011
I'm doing a tree-like structure using divs inside divs. I use event.stopPropagation() to stop parent events from firing when clicking inside them. This works just fine in Chrome and Firefox, but in IE8, I get an error message ("Object doesn't support this property or method") and the events propagate to the parents.
[Code]...
This works fine in Firefox and Chrome, but IE8 throws an error on event.stopPropagation(); saying "Object doesn't support this property or method". I have tried passing event as an argument to the function that handles the stopping of propagation but that doesn't help either. What's wrong and how do I fix it?
View 1 Replies
View Related
