how to create the queue effects using .animate function jquery
hey frnds, i m jquery beginner. i m trying to develop a tabed content slider. during this i am facing two problems. first i don't know how to create the queue effects mean, i want to animate first div, after completion of first animation than second animation would be started. for this i using the callback function here, but i want to know is there any other procedure to do this thing. second there is jerk in the animation at second and fourth tab. ur response would be appriciable. i m sending the
Access proprietary XHR methods using jqXHR?
Hi all, I am developing for a proprietary browser (samsung tv) that provides a special method xhr.destroy() wich has to be called after every AJAX completed. My question is, is there any way to access this method (any browser proprietary method ) using jquery AJAX functions? Since they don't return the real XHR object, should jqxhr.destroy() work? According to the documentation: "jqXHR is a superset of the browser's native XMLHttpRequest object". I understand that all methods and properties of the
Syntax Error
I'm trying to use a third party script and I'm getting a Syntax Error on line 691 in Firebug. As I am very new to JQuery can anyone see anything wrong with this? Thank you. $('#uploader').ajaxForm({ 689 target: '#uploadresponse', 690 success: function(result){ 691 var data = eval('(' + $('#uploadresponse').find('textarea').text() + ')'); 692 if(data['Code'] == 0) 693 { 694 addNode(data['Path'], data['Name'],
jquery slideshow transition
I have slideshow using jquery here, http://boscoits.com/layola16aug/ Is there any way, I can add "transition" like http://nivo.dev7studios.com/ How can I modify my script to have like that?
Form in li element won't submit
Hello, a form submit button of a form in a inset styled list is not working, because the JQuery Mobile li click event handlers prevent the submit. Is there any solution? Cheers, Norman
Best way to override default jQuery UI icons?
I love the jQuery UI icons but they are just too small for my particular needs. I develop educational lessons for kids and they need big icons. I have hacked up my own solution but it hard to maintain. I took the jquery ui sprites and increased each by a factor of 3. I then went multiplied all the css dimension information by the same factor. I also have to tweak my own css to position the bigger icons properly. Is there an easier way to do this?
Listview onclick() in PhoneGap has problem.
my code like above: <li records=[];getRecordsFromPage(pages.shift(),records); this.hide();>Test</li> it's fine on the web, but in the PhoneGap has problem, it'll not to do onClick() event could someone to help me to fix it?
Execute .hide() after ajax page load
Hello I have a problem hiding elements after ajax respons. I have a JQuery script: $(function() { $(".tab_content").hide(); $("ul.tabs li:first").addClass("active").show(); $(".tab_content:first").show(); $("ul.tabs li").live('click',function() { $("ul.tabs li").removeClass("active"); $(this).addClass("active"); $(".tab_content").hide();
Bugfix in listview filter
It seems that the search input is added on every refresh. Here is a small bugfix for this. Also, I added a bind on the submit button so that the keyboard disappear on submit. See changes in green in the below code. Cheers /* * jQuery Mobile Framework : "listview" filter extension * Copyright (c) jQuery Project * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * @Modified from the original version ( bugfix where filter bar was inserted on every refresh, also binded
.toggle() issue
Hi. I'm stuck with the following problem: <a id='bonus_details_link_1' href='#'>Link 1</a> <div id='bonus_details_1' style='display:none'>Details 1</div> <a id='bonus_details_link_2' href='#'>Link 2</a> <div id='bonus_details_2' style='display:none'>Details 2</div> <script type="text/javascript" src="jquery-1.5.min.js"></script> <script type="text/javascript"> $(document).ready(function() { elem1 = '#bonus_details_link_1'; elem2 = "#bonus_details_1"; $(elem1).click(function() { $(elem2).toggle('fast');
jQuery Plugin jquery.validate.min.js makes it impossible to get a JSON object!
I have an complicated error. I can't make a getJSON request WHEN i use the jquery.validate.min.js plugin Look for yourself on this playground site I made: Dead Link Anyone got an idea how I can still use jquery validate plugin BUT also make the getJSON request work? Thanks for any help! P.S. This is the problem I discovered during this discussion: http://forum.jquery.com/topic/getjson-problem The code on the playground site is the code DmitriiP provided.
I Cannot use the .load() function, Can anyone help?
i am using the jquery function $(#container).load('index.htm'); However, nothing will be happen. what wrong with me?
Whi this code doesn't work
Hi every, I have this HTML code: <input type="text" name="product_description[1][name]" id="product_description[1][name]" size="100" value="" /> and then have this jQuery code: $(function(){ $("#product_description[1][name]").val("Something wrote here"); }); But the INPUT never is populated, why?
Form submit returning home instead of response
I'm working on a proof of concept of a mobile ecommerce site and I've run into a problem where after a user removes an item from their cart my response shows the cart again. But if the user clicks back, it takes them back to the view cart page where the item that they removed is still in there. I was wondering if there was a way to override either the form response to go back to the home page or override the back from the cart to force it to go home?
jQuery Themeroller Drupal Integration Guide
Hi Folks, For the last hour I've been Googling, searching, and otherwise scouring the 'net for instruction about how to integrate a jQuery Themeroller theme into Drupal, with no luck. Would someone kindly direct me to the best resource available? Thanks for your help!
Trying to have multiple mobile.changePage
Hi! I'm making a gallery, fullscreen. I want the user to able to swipe right and left on multiple pages, and on each page I got an image. Using this code seen below. When I just take out "firstpage" and "secondpage" the code stops working and no swipes are registered. $( function() { $('body').bind("swipeleft", function(){ $.mobile.changePage('firstpage'); }); $('body').bind("swiperight", function(){ $.mobile.changePage('secondpage'); }); } );How do I get so that I can swipe
Dropover event not firing intermittently on adjacent acceptable droppables
I have an issue on drag & drop when I have a draggable div that has 2 droppable targets that are almost right next to each other. When dragging the draggable element somehow fast from one droppable to the other, I can see that the event dropout fires on the one div where the draggable left, however, sometimes I don't get the dropover on the next div. If I do it slowly it works (both dropout and dropover get fired) . I am using jquery-ui 1.8.6 and droppable tolerance pointer.
.replaceAll with a string
Hello, Me again, Is there a replaceall function for a string or array? How would it be used? Thanx, Ty
Click conditions?
I have a bit of a unusual situation and wanted to ask for advice on this: Here is my html body: <div height="500" width="500" id="outer"> <div height="100" width="100" id="inner"> </div> </div>and here is my jquery on document ready: $(#outer).live('click', function(){ //so something }); $(#inner).live('click', function(){ //so something });now the problem is that whenever i click on the div with id="inner" BOTH click functions are run. I need it NOT to run the "outer" function
Custom Theme
I really am enjoying jQueryMobile but how can I roll out a custom theme? I've seen the theme/swatch section but no documentation of how to override a theme or add a custom theme. Looking to change the background and add a couple of custom colors and images
Flash content keeps playing in inactive elements (in IE) - why?
i wasn't sure if i should post this here, under plugins or under UI, because it's true for everything i try (all of the above). i have flash content in hidden elements i'm showing and hiding (be it tabs, cycle plugin or any other plugin for this kind of thing). it works fine in every browser but IE... there, the flash videos keep playing when a different tab is chosen and don't restart as they do in every other browser. what am i doing wrong? is there a way to force the standard behaviour of all
$.getJSON problem
Hi, I ran into a problem with this piece of code: $('#your_songs').live('click', function(){ alert('1'); $.getJSON('yourSongs.php', function(data) { alert('2'); alert(data.links);when I click my button it alerts '1' then it throws an error = Uncaught SyntaxError: Unexpected token :(in crome) Invalid Lable(in firefox) alert('2'); is never fired. that puts the error into the highlighted line. And I know that line works because i have the exact same code in a different spot only the php file is different.
load image in background before showing
I was wondering if anyone knew how to load a image in the background and have the current image show until the new image has been downloaded and then swap out the image. I currently just have the replace without the buffering. Because of the download time of the new image there is a short time where the image space is blank. thank you
What is wrong with this if statement?
$(document).ready(function () { $('#mycarousel-next').click(function () { var z = $("ul.jcarousel-list-horizontal").css('left'); if (z == 0) { alert(z); } }); }); Doesn't ever alert. However every click this does. $(document).ready(function () { $('#mycarousel-next').click(function () { var z = $("ul.jcarousel-list-horizontal").css('left'); if (0 == 0) { alert(z); } }); }); What am I doing wrong with the first statement?
How to: Update dialog div with new content from json
I am attempting to update the div of my dialog with new content from a json array and am encountering issues and am requesting some guidance. I output a json array which has labels for a 'Name' and a 'Definition'. A user is presented with a list of radio buttons. When a user clicks a radio button which has the following structure: <input type="radio" value="23" name="statistic" id="stat-23" />I take the value of the radio button and use this to identify which 'Name' 'Definition' pair I am referring
How to use an id and class in an .each function
Hello, Im trying to extract text data within a table row. Can I combine the id and class within the .each function. Do you have an example. Thank You
dropdown - get index of item with specific attribut
hi <select id="myselect"> <option value="a">test</option> <option value="b">test</option> <option value="c">test</option> </select>i need to somehow get the index of the item with value "c" (so it will return 2). how to do so? thanks
What's missing in BlackBerry 4.6 browsers that gives them a C-grade?
Reviewing the device compatibility chart for jQuery Mobile, it looks like BB browsers 4.5 and 4.6 get a C-grade, but the 5.0 browser gets an A. RIM's documentation shows that the 5.0 browser has "partial" support for JavaScript 1.6, but the earlier browsers don't. Does anybody know whether jQuery Mobile simply requires the JS 1.6 features in the 5.0 BB browser? Or are there other features that the older browser don't have which give the C-rating? Do any jQuery Mobile features work on pre-5.0
Validation Plugin
I have a web page with multiple div's each individual div can be submitted with ajax but each div is not wrapped in a form tag. Is there anyway to use the validation plug in without having to wrap the content of my div in a form tag? Each individual div will have a save button or link that I would like to trigger the validation but the trigger should only validate it's container div.
How can I get .blur( ) working in this situation?
I am having an issue with the .blur() event. I have a search box that, when clicked, will call a .focus() event that changes the background color and adds a "clear" icon. When the clear icon is clicked the text in the search box should be cleared out. When the user clicks back off the search box, the background color should return to normal and the clear icon should disappear. The focus and click events are working okay, but when I add the blur event it throws everything off. The blur event seems
Binding droppable images to a dynamically created node
All, I was looking at the following post: http://forum.jquery.com/topic/how-do-i-bind-the-droppable-event-to-dynamically-created-nodes I added a question to the bottom of it but it says it was answered so I don't know if anyone looks at it. So here is my question again. The links that are supplied: Demo: http://jsbin.com/obopo3 Source: http://jsbin.com/obopo3/edit Are a very good start, but what I would like to do is alter the code in the links so that I can pull the text (in my case I want to have
Question about Ajax callback functions
I currently have several functions in my document.ready handler which are working fine. Two are designed to apply css styling to select elements: $('select.third').filter(function(){return $(this).val() == '1'; }).css({backgroundColor: 'yellow'}); $('select.fourth').filter(function(){return $(this).val() == '0'; }).css({backgroundColor: 'red'}); and another makes an Ajax call to change the sort order of the elements when the user changes a select element: $('select#searchtype').change(function(event){
jQuery 1.9 roadmap
We're using one of the 1.9 milestone releases for a project because of the new tooltip functionality (Thanks!) I'd like us to get back to using a "stable" release sooner than later, though: What's the current roadmap for 1.9, in terms of making it the a stable release? Also, do the later milestones releases for 1.9 include the code for the latest 1.8 stable at that point? Thanks.
delete element if checkbox checked
Im trying to delete an element if the checkbox inside it is checked. if($j(this).find('input[id^="checkbox"]:checked').length == 1) { var parts = $j('input[id^="checkbox"]:checked').attr('id').split('-'); $j('input[id^="checkbox"]:checked').each(function(){ $j('dl#row-'+parts[1]).remove(); }); });however it only removes the last element. Any ideas?
images within DIV change size according to window resize?
Hey, i have been trying for ages to find a way of making a series of images within one div resize according to the size of the users window or their screen resolution. Anyone know how i can do this? i know jquery uses the .resize function and am hoping i could give the div with images inside a function to change size according to the window size. any help is much appreciated thank you!
Can I save a reference to a Tab in UI?
I was planning a project: 4 main tabs are to be primarily displayed, and if the user clicks on some inner tab content, based on said content it would make a New tab, and open that one. My page displays a list of database items, each have an "Full View", "Edit" and "delete" button to their ids. I want the 1st two options to open in a new tab, and if the user clicks a different item to load into that tab "Type" it was created for basically. I know how to make a new tab, and how to display the newly
WHY:There is no uniform requirements for the callback function in jQuery
for example:the callback in jQuery.map( array, callback(elementOfArray, indexInArray) ) and the callback in jQuery.each( collection, callback(indexInArray, valueOfElement) ) Look similar but the parameters are reversed Why not make a uniform standard
.unbind return value
Hy Guys, (I'm new to this forum and likely to be inactive ;) anyway If you have not the binding of an event in your hands (jqtouch) but want to temporarily inactivate an event it would be certainly handy if unbind would return the set handler for the element. Or is there another solution to this? Kind regards v
Ways to hanlde multiple dynamic input fields in form
Newbie jquery/html form question -- I have a set of input fields that can be dynamically duplicated/cloned or removed and submitted. I'm looking for a ways to configure the form for easy processing without having to loop through each input field inside the divs: <form action="dummy.php" method="post"> <div id="customer1"> Name: <input type="text" name="name1"> Addr: <input type="text" name="addr1"> Ph: <input type="text" name="phone1">
Writing mutliple fields via ajax
I've been using jquery for a while, and I LOVE IT! However, I've hit a wall on this one problem and I can't figure it out. Lets say I want to have a list of text fields - 2 items per row. Hypothetically, lets call it a shopping list app. The user comes to a page and sees 2 text fields - the product and the cost. They can enter something in, and save it. Or, they can click on "Add another row" and a new set of text fields will pop up below so they can add another product and cost. I know how to add
Next Page