Really need some help using checkboxradio
Hi i really need some here, im struggling for our with something i suppose is really simple i have a fieldset in which i have a checkbox list. im listening to the tap event on the label of the checkbox. but nothing really happens when im trying to refresh it here is the HTML <form id="frmMenuSelect"> <div data-role="fieldcontain" class="ui-field-contain ui-body ui-br"> <fieldset data-role="controlgroup" ....> <div class="ui-controlgroup-controls">
basic each() question
I want to get all element which have the classname 'blaat'. So i tried using 'each()', but for some reason it isn't working... This is the code i have: jQuery.each ( 'li.blaat', function(){ alert('aaa'); }); I only have 2 elements with the classname 'blaat', but it gives me 9 times an alert message... Am i using the function wrong here??
GET ItemValue and Item Name using Index
Hi, I am urgently need a code in this manner var chkIndex = $('#ddlLevel').get(0).selectedIndex - 1; alert('chk: ' + chkIndex); here i got previous index value using current index, now i want to retrieve item value and item name using that previous index value, my code is var chkValue = $('#ddlLevel').val(chkIndex); alert('val: ' + chkValue); but not able to fetch item value and item name // Pass Item Name and Item Value to
cross browser select options
hi i have a simple html select control with 4 options. i wish to show / hide these options depending on a condition. ie condition 1 show - select / option1 / option2 condition 2 show - select / option 3 using .show / .hide doesnt work in IE so have got this approach working to remove options depending on the tested condition. $(".dropdown_delivery option[value='1']").remove(); however when i try using append or appendto to put in the options to show it just repeats these every time the event is fired
problem in working with ajax
hi everybody,I'm new to jquery and try to use that in my website.but the problem is when i try to check captcha with ajax request via jquery the code does not go on well.here is the code that i used.please help to figure out this: at first i request tu check that is captcha valid or not and by returning true or false try to insert comments to DB.but program always falls in (else) part of insertComments() function and i confused totally thanks in advance function insertComments() { test = CheckCaptcha();
jquery for changing font-color depending on background img using NivoSlider
I'm using the Nivoslider to fade between a couple of pictures. In the nivoslider div i've got another div displaying some text. Is there a way I can change the font-color in the text-div depending on what image that is shown?
noConflict working for alert by not css change
Im using the jQuery noConflict method here: http://drupal.org/node/1058168 Now, both of the following work: $jq("document").ready(function(){ alert('alert'); }); $("document").ready(function(){ alert('alert'); }); However this does work: $("document").ready(function(){ $(".view-product-slideshow .pager-num-1 img").css("display","none"); }); But this does not: $jq("document").ready(function(){ $jq(".view-product-slideshow .pager-num-1 img").css("display","none"); }); Ive used the noConflict
Pause "rotating" images on mouse over
Hi, I currently have a loop of images showing up on the bottom of the screen after various intervals, and the only thing left i need to do is to pause this temporarily whilst the mouse is hovering over the current image. Heres the code so far; var InfiniteRotator = { init: function() { // initial fade-in time var initialSlideIn = 1000; // interval between items var itemInterval = 12000; // cross-fade time
form validation messages disappear
Hi guys, I'm learning jquery. I'm trying to display error messages when form validation fails. Currently the error message does show but disappears straight away. I am doing this in wordpress, trying to create my own validation plugin. It does show the error message 'This field cannot be empty' when I click submit but disappears straight away. The below code is in the sks_email_form.php file function jquery_validation(){ //echo 'Inside jquery_validation'; //works //echo plugins_url('/js/validation2.js',
Submenu Image Change while page scrolling down
I have to design a website for my friend and I have no clue how to change the menu image if the page scrolls down, for example If the person clicks on a submenu it will take them to a specific anchor within a page, I have setup a custom jquery scroll bar so all the contents are in the Div that is scrollable. The website is: http://www.cobrie.com/adstest/ If you can see that if you click on the submenu which is 2nd hand and repair and rebuild the content will scroll to specific area, but the clients
$.post() asynchronous return value problem
Hi, I am having problems with my $.post function returning a undefined value. I read somewhere this is because the function returns the value before it gets a result from the server. I am not quite sure how to get around this... function addMediaCategory(name,parent_id) { $.post("addMediaCategory.php",{cat_name:name,parent:parent_id}, function(data) { if(data == "ok") { return "ok"; } else { return "error"; } },"text"); } function callMediaAdd() { var returnVal = addMediaCategory("Cat1",1);
Trigger click event
Hello, I was wondering is there a way to trigger a select event for the menu? My problem is that I have an ajax event bind on a menu item, and I want to call it on document ready. thx
Force Ajax load external page
Hi is it possible to ajaxload an external page with jQueryMobile from another domain actually I would like to load it from my PhoneGap mobile app /jesper
superfish in footer region
sorry, i use superfish but the i have problem with dropdown: When I click the dropdown list, a list pops up below the footer and not on help please regards
Can't zoom
I am using jQuery Mobile to build a mobile website for my company. I have built and tested it. I have come across a problem where the zoom feature does not work in any of my mobile devices. Is there a way to fix this or is zooming not possible in jQuery Mobile?
alpah4 listview problem refresh speed very slow
jquerymobile a4 listview refresh is very slow a3 is very fast *** test *** dynamic data insert - 150 count var $list = $("#listMain"); for(var i=0; i<150; i++) { $list.append($("<li>" + i.toString() + "</li>")); } $list.listview("refresh"); <ul data-role="listview" id="listMain"></ul> a3 -> iphone 3gs - 1sec / desktop - 0.1sec a4 -> iphone 3gs - 20sec~ / desktop - 4sec
jQuery Accordion
Hi All, Kindly let me know how to provide hyperlinks in the Accordion header, to navigate to some different page. Any help on this will be greatly appreciated. Thanks and Regards, Sameer
Putting data onto the POST array
I have been tearing my hair out with this for the past 12 or so hours and am no closer to a solution than when I began. I have a jquery function to dynamically create <li> tags for an unordered list: $(function() { var idealist = $('#idealist'); $('.checklist').click(function(event){ item = ''; $(idealist).empty('li'); $('.selectitem').find(':checkbox').each(function(){ if($(this).is(':checked')){ var caption =
delay and fadein
Hello, this is the code i am using to make my div delay and fadein, but it does not seem to work. Please help me in correcting thr code. <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Untitled Document</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#a').delay(1000).fadeIn(2200); $('#b').delay(1200).fadeIn(2200);
cycle and stepcarousel conflict
Hi all, I'm working on a site and trying to get a news ticker and a content slider working. I'm using News Ticker for WordPress and Smooth Slider, the former uses Cycle, the latter Stepcarousel. I can get both of them working fine independently, and when they're both on the same page the begin working fine, but at some point the ticker will slide at the same time that the slider moves at which point the ticker just stops. After updating cycle to the latest version, the stop doesn't happen, but every
how to reload a page and scroll to anchor in another div
Hi I'm new to jQuery and javascript but already very impressed with jQuery. I have a page divided in two columns (divs). When one clicks on the links in one column, it loads the php page in the other column. I have this working, but what i would like to do is that not only would it load the php page in the other column but also automatically scroll to an anchor in that php page. This is what i'm using at the moment for the links from rightPanel: onclick="ajax_request(leftPanel, page.php#anchor1)"
using date picker
I am trying to use jquery ui date picker. I want to open the date picker only when user clicks on the image next to input field , I followed the example it did not work , may be I am doing something wrong please help here is the html <!DOCTYPE html> <html> <head> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
Changing Size of Multiple Datepickers on one page
I have a page that has a inline Datepicker and a Icon Trigger Datepicker. I want the inline one to be a certain size, and the Icon Trigger to be another size. The Icon Trigger comes first in page execution. I can change the size for both of them using the CSS class .ui-datepicker, but how do I apply specific styles to individual datepickers? Any ideas? Thank you for your time.
calling $.mobile.changePage inside the success function of a $.post() isnt changing the page correctly
edit2: I sort of fixed it by having index.php immediately redirect to main.php Then $.mobile.changePage("main.php") redirects fine, and all the links are working now, but the url is main.php#main.php ... there has to be a better way? edit: I thought maybe this had something to do with the location hash, so I tried just calling $.mobile.changePage("index"), $.mobile.changePage("#index"), and $.mobile.changePage($("#index")) to go back to the initial index page, which has a data-url of "index", but
Nested Image Slide Show plugin
I'm looking for a image slide show where a set of partent images would rotate and then for each parent there would be 2-3 sub images displayed to the right of the parent image. These child images would then rotate. Once the child are finished then the next partent would switch. Anyone know of a plugin like this?
Appending to <body> doesn't work on Mobile
EDIT: See reply. So here's what I'm trying to do - my Rails app is set up so that the root is a view that displays all events on the current day. Currently, my view has the following structure: body data-role=page data-role=header #day_header data-role=header #main.nextDay data-role=content And the day_header and everything within #main change depending on the day. So given this, I've set up the following javascript: (function() { $(document).ready(function() { var anotherDay,
alpha 4 release date?
thanks for a great framework. I heard a4 will have a major update of click/tap events being quicker etc. I was wondering if you have an approximate release date for this yet? Thanks!
detect an unbound custom event
Hi, I wonder if there is a way to detect a triggered custom event was not handled ? For example, 'myEvent' is triggered by #myDiv: $('#myDiv').trigger('myEvent'); How to execute some default behavior if myEvent is not handled "somewhere in the DOM hierarchy" ? Maybe by binding to myEvent on document or body, and check some event properties (ex: event.result) ? Thanks, Thomas
Can we use a single copy of JQuery on the "top" page in an application with multiple, child IFrames
We have a very large web application that has a top page with multiple, child IFrames living "above" it. We are beginning to use JQuery and wonder if it might be possible to have a single copy of JQuery residing on the top page and reference it from multiple IFrame child pages. The goal is to reduce the memory footprint by avoiding the need for a copy of JQuery in each child IFrame. Thanks in advance. Bob Fitzhugh
href attribute IE vs Standards browsers
I'm having an odd issue that i can't recreate in jsbin. i have an anchor tag: <a class="navigateToCategory" href="#523">Instruments</a> and the code below: $('.navigateToCategory').bind('click',function(e){ e.preventDefault(); alert($(this).attr('href')); }); IE will give me "http://mydomain/index.cfm#523" while all other browsers give me "#523". I tried to recreate this using a small test case, but i can't do it. IE always returns the "#523" just like all the other browsers. here's a
Matching Variables of Two Elements (binding cycle and ui-selectable)
I need help with condensing my script so that a #div_x is related to a separate element img_x. My project uses ui-selectable to grab points on a map and return an image set in a separate div via jquery cycle (as in here http://bit.ly/gH7Lm3). I have bound the 'selectablestop' event to two functions - .hasClass and .append - in order to 1) detect if a point has been selected and 2) append the containing cycle div with a corresponding image (also, incidentally, contained within its own div). As is,
Links not working if a div is after them
I am creating a several step sign up process for our company. I want a new div for each step along the way. I will then either accordian or some other style for them as the customer progresses through the process. I want to use a hierarchy like div#step1 -->content div#step2 -->content etc. I have step1 complete and works great until I put the step2 div after. The links in step1 are not clickable after step2 is added. If I remove the step2 div it works normally. Here is the markup: <div id='hiddenInViewSource'>
FadeIn Animation not waiting until callback
Please see the code below: $(document).ready(function() { $('#flip_nav_aboutus').click(function () { $('#flip_content div[display!="none"]').fadeOut('slow', function() { $('#flip_content_aboutus').fadeIn('slow'); }); }); }); The fade out and fade in are occurring simultaneously even though the fade in is in the callback... Any ideas? Thanks, Tom
Toggle() in Firefox
My website: www.elizabethgin.com For the 'Print' and 'Photography' links, I have submenus appear via jquery with the following code: $(document).ready(function(){ $('#mainMenu ul li:first').click(function() { $('#photoMenu').fadeOut() $('#printMenu').toggle(function() { $(this).animate( {easing: 'easeInCirc', duration: 'slow', } )} ); }) }); $(document).ready(function(){ $('#mainMenu ul li:last').click(function() { $('#printMenu').fadeOut() $('#photoMenu').toggle(function() { $(this).animate( {easing:
Dialog Buttons are vertical why?
Hi, The buttons in my dialogs are vertical. Do you know how to set it so that it is horizontally placed. [ok] [cancel] into [cancel] [ok] I know I can absolute position them. But is there another setting I can change?
Validate ZIP Code for a set list of zip codes
Hey All, I'm completely stumped right now and cannot figure out how to validate an input field for a set group of zip codes. Basically I have a list of about 200 zip codes that are valid for this project I'm working on. I tried using the range method and wasn't able to get it to do what I needed it to do. I don't want anyone else to see what the list of correct zip codes are, this is to verify that they are local. Any thoughts would be great. Thanks.
My page is looping forever? JQuery/FireBug
Hi guys HTML codes: <!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> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script language="JavaScript" src="js/default.js></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script> <link rel="stylesheet" href="css/reset.css" /> <link rel="stylesheet"
help with passing variable to ajax
<script> $(document).ready(function(){ $('td img').click(function(){ alert($(this).attr('id')); }); $.ajax({ type: "POST", url: "some.php", data: "id=" + id, success: function(data){ alert( "Data" ); } }); }); </script> I am new to jquery and I was wondering on how to send the id of the image I clicked on to a ajax call.
'null' is null or not an object problem - please help
Hi, I'm hoping someone can help me with this - I'm very new to javascript and quite stumped. I'm getting this error msg on ie8 Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.5.30729; .NET CLR 3.0.30729; .NET4.0C) Timestamp: Thu, 31 Mar 2011 13:14:57 UTC Message: 'null' is null or not an object Line: 156 Char: 31 Code: 0 URI: http://www.carlmarmedia.com/soon/ Have tracked it down to this js
probleme with valencia theme
hi, I use the valencia theme as my default theme: <link rel="stylesheet" href="css/jquery.mobile-1.0a3.min.css" /> <link rel="stylesheet" href="css/valencia.css"/> but, I have a problem only with mobile device (android, iphone...): The site is not fixed horizontaly (1 or 2 pixels). without the valencia.css,There is no problem. Regards, Manu
Next Page