stop fadeIn
hello@all, I try to implement a pager for my site. the user should have the ability to search for different things. when the user enter a catchphrase he get the result. Per page there are 10 results which jquery fadeIn. the issue is that when the user is too quick and click the link for the page 2 while jquery fadeIn the 10 results for the page 1 there is a mess. some results, which belongs to page one, appear on page 2. I don't know how to stop the fadeIn chain which was started on page 1 (but the
visual studio 2010 jquery and ScriptManager causes an error
see on stackoverflow
jQuery Mobile and AdMob Ads
Hi, I'm trying to integrate AdMob iPhone Ads into my jQuery Mobile App (A4.1). I'm successfully showing them on the first page. However, they just do not show on any subsequent page. AdMob seems to provide a way to integrate them in Ajax pages. I tried to implement this (Code under Additional API/Technical Notes): http://developer.admob.com/wiki/IPhone You can see the non working adds here: http://www.trailheadfinder.com/mobile The ads will show on this page. Then if you click on "Directory" underneath
Specific Size Scrollable Navi
I am trying to use pictures as my navigation, but am not sure how to specify the size of the pictures. I have used the JQueryTools Scrollable Navigator. The <style> looks like this: background:transparent url(images/Layout1_Menu_All.png) no-repeat; display:block; width:187px; float:left; height:30px; cursor:pointer; The part I can't figure out is the "height:30px;". I would like the height to adjust to whatever the height of the picture is, but would settle for being able
acces json with single record
When my script returns [{"Status":"Ok"}] from a jQuery.Ajax request, how do I get the Status Value? jQuery.ajax({ ... success: function(data) { alert(data.status); //<---- Is undefined }, ...
Error in "inline buttons" documentation
There is an error in the "inline buttons" documentation http://jquerymobile.com/demos/1.0a4.1/docs/buttons/buttons-inline.html Displayed code <div data-inline="true"> <a href="index.html" data-role="button">Cancel</a> <a href="index.html" data-role="button" data-theme="b"Save</a> </div> Actual working code, used in the page <a href="index.html" data-role="button" data-inline="true">Cancel</a> <a href="index.html" data-role="button" data-theme="b" data-inline="true">Save</a>
click event not firing on listview item - Alpha 4 Safari iPhone
My click observers for anchor elements in a listview fire erratically - sometimes they fire sometimes they don't - after upgrading to Alpha 4 on Safari iPhone Here's a snippet of my use case: ... $('.foobar').live('click', function(e){ alert('click fired on list view item'); }); ... ... <ul data-role="listview"> <li> <a href="#" class="foobar">Word!</a> </li> <li> <a href="#" class="foobar">Word!</a> </li> </u> ...
Changing the icon to a button on a list.
Hi, another day another problem! I have a list with names on, but instead of an arrow I want to replace it with a small button with the words change on. i.e, -------------------------------------------------------------------------- A.N.Other Change -------------------------------------------------------------------------- J.Bloggs Change --------------------------------------------------------------------------
J Query Animation Help
Im not sure if this is the correct forum for this but we have a j query slider on our site Wexford Strength As some of you may notice when you scroll over Our Team or Our Services or What We Do the dropdown box that the website has goes behind the j query slider. Now the problem is it doesnt happen on my Safari or Mozilla Firefox Browser on my Mac and it doesnt happen on Internet Explorer or Google Chrome on our Windows PC but its happening on the clients internet explorer is there any reason for
problem with css shadow and border on right using wordpress
i have this problem using jquery cycle lite. the border of the slideshow didnt appear and also the shadow instead on the thumbsnail the border and also the css 3 shadow appear normally.. so its not a problem with the css.. i use this code to call : [jj-ngg-jquery-cycle html_id="about-cycle-lite" gallery="4" width="1090" height="425" order="sortorder"] Can anyone help me? http://www.relaiscavalcanti.com/press/?page_id=98
jQuery - Using multiple Input
I am trying to set focus to the first checkbox or text box on the page. Some pages have text boxes at the top, and others have check boxes. The following is the code I am using for the first text box, however it I require the possibility to use checkbox or text. $(function() { $("#divId :input[type='text']:first).focus(); }); Can someone help me please?
$.keyup() and $.change() don't work in chrome
I use this code to create a div element with inside a text and a button, for than adding this div in a cell of the jquery grid. Everything works fine with firefox and IE instead in chrome I found out with alerts that only the click of the button is added, the other handlers like change and keyup NO or are not triggered. myJQGrid.myElemKodi = function (value, option, disabled, lastsel2, id) { var el3 = $('<div></div>'); var textField = $('<input type="text" />'); textField.attr('id', id +
zRSSFeed date format
Is there a way to change the format of the date displayed with zRSSFeed? "Thursday, April 07, 2011 2:03:03 PM" is way more than I want. Thanks.
tablesorter 2.0 error with paging
I'm using the tablesorter 2.0 plugin and having an issue with the paging part of it. When I try to use the paging options I get a javascript error: c is undefined in jquery.tablesorter.js
[SOLVED] Loading problem on ONE link only
I have a page with several links but one is buggy, loading icon is showing forever, and I can't figure out why... And when refreshing the page then it works ! I was trying to add several attributes (data-rel and so on) but none solves the problem. Here is the link : <a class="link3" href="/reservation_request/?home=50" title="Reserve now"><span>RESERVE NOW</span></a> Same problem after upgrading to alpha 4 or deleting the search part (?home=50) ! Any ideas ? Many thanks ! David [SOLVED] On the
Anyone have problems with jqModal and the new version of Firefox 4?
I have been testing a lot of my code in the new version of FireFox and it appears the way I am rendering jqModal dialogs is not correct/right. I basically load the Modal and through an AJAX call get the contents of the dialog box. Contents could be a form, jQueryUI components, images, etc... Problem is, with FireFox 4, the dialog never loads properly. Or if it is a form, the form elements will not focus properly or update when keys are pressed within the form. If anyone else is having this problem,
Problem with noConflict()
Trying to use noConflict() to allow a plugin that uses 1.3+ along with others that require 1.2.6. Here are the calls in my header: <script type="text/javascript" src="js/jquery/jquery.1.4.4.min.js"></script> <script type="text/javascript"> var $jq = jQuery.noConflict(); </script> <script type="text/javascript" src="js/jquery/jquery-1.2.6.pack.js"></script> Here is the call on my page: <script type="text/javascript" src="js/jquery.colorbox.js"></script> <script type="text/javascript"> // <![CDATA[
$().animate IE ignore "bottom" value
Hello, I use this code to animate an image: $( "#myimage") .everyTime ( 10000, function (){ $(document).ready(function(){ $("#myimage").animate({ width: "107px", rotate: '+=0deg', height: "89px", bottom: "-95px" }, 0 ); $("#myimage").animate({ width: "0px", rotate: '+=-58deg', height: "0px", marginLeft: "5.5in", bottom: "200px" }, 3500 ); $("#myimage").animate({ width: "0px", rotate: '+=-302deg', height: "0px", marginLeft: "6.8in",
jquery cookie session time out in seconds?
Does anyone know of a way to get the jquery cookie plugin to dump or reset the session after X amount of seconds? Been trying to mess around with it and I can't seem to get it to work correctly. Didn't know if you can even set it to timeout in seconds anyways. I know you can in days, but I'd rather trash the cookie in X amount of seconds or when the browser closes.
Widgets internal events - separate treatment of handlers and callbacks.
I have a task of creating composite user controls - like an autocomplete bound together with two buttons (namely, "Update" and "Create"), which is bound to a bunch of service methods responsible for selecting, editing and creating entities. It is used for on-the-fly entities management. The problem is - to provide a consistent behaviour I have to use internals of the associated widgets, like triggering internal events (e.g. if we create a new entity, we should select it immediately in autocomplete,
SLOW adding lots of <li> to a listview
I'm trying to load several hundred items to a list and it's taking minutes to display on the android. Here's a snippet of code that show's what I'm doing. What can I do to speed things up? thanks in advance. for(var j in contact.phoneNumbers) { var number = contact.phoneNumbers[j]; if (number.type == "mobile") { list += '<li data-role="fieldcontain">'; list += '<input type="checkbox" name="checkbox-1" class="custom" value="'
Standard jQuery ajax POST call in jquery mobile driven page
Hi, first of all excuse me for my rusty english :) i've got a problem regarding an ajax form submission via $.ajax POST (and $.post as well). at submission time all form data are collected in a string and passed to the ajax function. $.ajax({ type: 'POST', url: url, data: dataString, success: function(){ alert('it works'); }, error: function(){ alert('error'); } });the call fails and all that i have in the firebug console is this error: OPTIONS contacts.php 501 Not Implemented
Autocomplete question
Is there a way to know when autocomplete does not return any value ? For example, the user is looking for a none existing item in a shop and I want to inform him about this in a "popup" div
How to load image with jquery ajax
I have a webpage with a button and image. I add jquery fade in and out effect to the image when button is clicked. The problem is when button is clicked, the entire page is updated, not the partial update of image only as I want. So I want to know how to get partial update of image only with jQuery ajax. Thanks. The code is, $("#RadioButton2").click(function () { $("#Image1").fadeOut("slow", function () { $("#Image1").attr("src", "images/img3.png");
Jquery Sortable Connect List + PHP/MySQL
Hi everyone! I posted this question on stackoverflow; I've been searching everywhere for a solution without luck. What I'm searching for i a way to merge the example found herehttp://jqueryui.com/demos/sortable/#connect-lists with PHP/MySQL. There are several examples out there that works with just the one list i.e. http://www.wil-linssen.com/musings/entry/extending-the-jquery-sortable-with-ajax-mysql/ But I haven't found a single example with multiple lists. Does anyone have ha solution or a link
Passing function literal via event
Am I able to pass a function literal (at least I think that's what it's called) to a jquery event handler, and retrieved the event details in the function? Like so: function doSomething(ev) { alert(ev); } $(someElement).click(doSomething); I think that's more efficient that the following, when registering events on a large number of elements, or am I wrong?: $(someElement).click(function() { doSomething($(this)); });
Ability to track states in the url with &foo=bar
Maybe it would be useful to provide a way for developers to track application internal states in the url. If I have an application that renders dynamically and *client side* a lot of content, for instance in a page with the id #dynamicDetail, I know what kind of content I have to output in that page by binding some click events to the buttons that link to that page. Once the transition takes place, the url looks like: foo.bar/#dynamicDetail The url doesn't carry the information to effectively render
Laggy slideDown()
Hello, I'm looking for advices here. I'm using slideDown() to make a list of options with hidden content which appears on mouse click. However, the movement of sliding content feels jerky. Is it possible to optimize this script or should I go for slideDown(0) and slideUp(0)? jQuery(document).ready(function () { jQuery('a.slidecontrol').click(function(){ var $this = jQuery(this); var divID = $this.attr("id").replace("slidecontrol_", "slidedisplay_"); var $div = jQuery('#'+divID);
Strange JQUERY Date Picker not loading when stylesheet is loaded.
Hi guys, this is my first time posting on the fourm. I have a problem with my JQuery UI date picker. I have an input field with a date picker to be attached to it, like so. It has a class of jquerycalendar attached to it. <input type="text" name="txtFollowUpDate" id="txtFollowUpDate" class="jquerycalendar" tabindex="2" readonly="readonly" /> In my Javascript I have an event handler which will attached the input to a method called loadCalendar() $().ready(function() { //loads datepicker
autocomplete: not search if there are no corrispondce
hello, i've using this plugin (with some my personalization) http://blekm.altervista.org/autocomplete.custom.js http://blekm.altervista.org/jquery.autocomplete.js http://blekm.altervista.org/jquery.metadata.js I've just a problem: all works fine, but if there are no result with one (ore more letter) the autocomplete start anyway and my php script return msg error (it's ok). Is there a way to NOT use the php script if there are no corrispondce, and write something like "NO RESULT" into suggestion
datepick() not getting properly styled
in my page i load both a themeroller's css and the datepick css: <link rel="stylesheet" type="text/css" href="css/smoothness/jquery-ui-1.8.11.custom.css"> <link rel="stylesheet" type="text/css" href="css/ui-smoothness.datepick.css"> An of course the datepick library: <script type="text/javascript" src="js/jquery.datepick.min.js"></script> <script type="text/javascript" src="js/jquery.datepick.ext.min.js"></script> Then from a method of mine I run the following code: div1.append('<div class="smallerpanel">');
Mobile slider mouseup problem
I would like to use the mobile slider and do something with the value when the user ended the slide movement. I can get it working with the "change" function but then it gives me all the values during the movement of the slider. I need to do something with the value only once. Does anyone have an idea? <!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript" src="jquery-1.5.2.min.js"></script> <link rel="stylesheet" href="jquery.mobile-1.0a4.css" /> <script
Setting days off with the Datepicker
I am using the Jquery Datepicker but cannot figure out the code to set Sundays and certain other days (bank holidays) as non-selectable. It's the second part of the code that should be setting these 'days off' but when using the code above all days are available. Any ideas?!?!? <script> $(function() { $('#date1').datepicker({dateFormat: 'dd/mm/yy'}); setMinDate(); // Set it now setInterval(setMinDate, 60000); // And check every minute }); function setMinDate() { var minDate
data-iconpos="right" for checkboxes?
Hi guys, im new to jqm is there a possibility to set the icon position for checkboxes to right?
alpha 4, radio button click event not being triggered
Currently with the release of alpha 4 my previously bound radio button click events are no longer firing. Example html is - [code] <div data-role="fieldcontain"> <fieldset data-role="controlgroup" data-type="horizontal" data-drinkid="someid"> <legend>Rate This Drink Recipe:</legend> <input type="radio" name="rating1" id="rating-1" class="rateme" value="1" data-theme="b" /> <label for="rating-1" data-theme="b">1</label>
Change even on fileinput problem wit IE?
Hi! Pleas take a look on this example : http://www.test.figurspel.net/ Try this : Browse the URL with Firefox Set the fileinput with a file When the filedialog is closed a new fileinput will be shown Now, try the same thing with IE (8) You will see that a new fileinput is not shown, not ontill you set the focus on another control (like the url field)In this case I need it to work as it does in Firefox, any suggestions on how to resolve this in a safe way? BestRegards
jQueryMobile framework developers please read this. Blackberry OS 6 fix proposal.
Hi guys, many thanks for your great framework. I'd like to inform you that the character '-' is not accepted by blackberry for filename. Could you please remove this character from the name of the files. I solved the problem using '.' The following works on BB: - images/ajaxloader.png - images/icons18black.png - images/icons18white.png - images/icons36black.png - images/icons36white.png - images/iconsearchblack.png - jquery.mobile.1.0a4.min.css (+ updated references to images) - jquery.mobile.1.0a4.min.js
Customize the error at form validation
I'm using the validation plugin and tries to get the invalid errors to appear like I want to. If the form isn't valid, I would like to change the invalid elements placeholder text to a different color. That's it. I don't want to show any message somewhere. Is this possible? How?
Accordion doesn't work
Allò! I'm just desperated because I'm trying to implement the "easy" accordion widget on my web but It doesn't work. I've read a lot of about it and I can not understand why it doesn't work because the implementation it's very, very easy! I'm new at Jquery so I'm sorry if my mistake it's very fool. I attach my files so I'd appreciate any help. The problem is that the accordion is expanded even though I wrote $(document).ready(function($) { $('#accordion div').hide(); $('#accordion
Tablesorter breaks when removing row and using pager
If I use remove() instead of hide(), or if I use trigger('update'), the pager drops all pages except the current one. I'd like to use remove(), and ideally the a row that is deleted would be replaced by one from the next page. I thought that trigger('update') was supposed to do that for me. Any advice? $(document).ready(function(){ $("#myTable").tablesorter({ widgets: ['zebra'], headers: { 0: { sorter: false } }
Next Page