drag & drop
hi everybody , how can i drag item from list of items(items in table or grid) to canvas and return the item from canvas to list of items ? is it possible ? i believe nothing impossible with jquery
creating dynamic collapsible set
Hi, I am very new to jquery and phonegap, i want to create a collapsible-set and need to add listview in each collapsible set. Please guide me or provide me link which i can follow. Thanks:)
Delete the last append
I want to delete the last append when i click the back button. but when Im choosing appending again,the last append still there. this is my codes on appending. its working: $(req.responseText).find('ItemName').each(function () { ItemNameArr[ItName] = $(this).text(); ItName++; }) $(req.responseText).find('ItemQty').each(function () { ItemQtyArr[ItQty] = $(this).text(); ItQty++; }) $(req.responseText).find('ItemUnit').each(function () { ItemUnitArr[ItUn] = $(this).text(); ItUn++; }) for (var a = 0;
How to add submenu on mouseover
how to add submenu to hti menu here is the working code. http://jsfiddle.net/CFcVB/5/ thanks in advance
Wrong Letters getting peeked in password Textbox with windows phone
Hi.. I am using Miscrosoft MVC HTML password helper in windows phone 8 with jQuery validation as in following code snippets. <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script> <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script> View: @Html.PasswordFor(m => m.Password) @Html.ValidationMessageFor(m => m.Password) But while typing, the wrong letter in the textbox is getting visible instead of currently
simplest way to create select menu
http://jsbin.com/apotot/3/edit <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script> <title>JS Bin</title> </head> <body> </body> <script> $(document).ready(function (){ var s = $('<select/>'); var o = [1, 2, 3]; for (var i in o)
loadJSON plugin - Select not populating
I'm truly hoping someone has experience with this issue or has a suggestion. loadJSON is populating all form fields except the select box. It is setting the value passed from the json in <select name="CustomerState" value="CA"> I'm certain the name field is correct, ie same as field returned by JSON. I am using jQuery 1.9.1 I noticed loadJSON is using 1.6.4. I am using loadJSON 1.0, I tried 1.2.5 but it would not work at all. If I can't get loadJSON to populate my selects I'm thinking I could use
Validate plugin - Ignore 'default' data-placeholder value
Hi all, I have inputs using the data-placeholder attribute as placeholder text on form fields and removing it when the field is clicked (basically mimicing the behaviour of the actual placeholder attribute). Problem is, the validate plugin (correctly) considers these fields populated so doesn't error when they haven't been populated by the user. I see that there are custom rules you can set up and I think I could somehow check if the text is the default text or not and validate based on that using jQuery.validator.addMethod.
jQuery tab ui won't get content of other tabs
I am using the jQuery tab ui and I have 4 tabs that has content. The first tab is loaded automatically but when the other 3 tabs are clicked, they are still blank - no content appears, just what is on the first tab. I'm sure there's a code that calls it, but I don't know enough about coding anything to understand. You can see the tab plug-in app in action here http://pbrunson2.mydevryportfolio.com/WGD242/. The code that I have on each page for the jQuery tab plug-in is here: <!doctype html> <html>
Date picker help needed
Hey all, I'm looking to make it so that the date range will load corresponding flash/javagram (currently) data depending on the date range selected. Is there a way to do this? TIA.
Using the resize event with modernizr.mq
I'm trying to activate a resize event on the following function: $(function() { if (Modernizr.mq('only screen and (min-width: 1140px)')) { $('div#ss1').html('<div>[snip]</div>'); $('div#ss1').append('<div><gcse:searchbox-only></gcse:searchbox-only></div>'); } if (Modernizr.mq('only screen and (max-width: 1139px)')) { $('div#ss2').html('<div>[snip]</div>'); $('div#ss2').append('<div><gcse:searchbox-only></gcse:searchbox-only></div>'); } }); I wanted to add a resize listener to it. Based on http://api.jquery.com/resize/
Question about $(this).data
I'm making color swatches to click on to change the color of a piece of text. A swatch looks like this: <div class="Color" data-color="IndianRed"></div>When the swatch is clicked, a selected div gets its text colored "IndianRed" by this code: $('.Color').click(function(ChangeColor){ $('.selected').css('color', $(this).data('color')) }); which works nicely. Now I thought it would be nice to set the background-color of the swatches when the page loads in a similar way, and you don't have to add something
Text cut off on Button in two column Grid
Using 1.3.1, see image above, the "Top Picks" is cut off in portrait view on an iPhone 5, landscape displays it fine. As you can see there is plenty of space for the "Top Picks" between the icon and the start of the text. What can cause this and what can fix it? Here is my source: <fieldset class="ui-grid-a"> <div class="ui-block-a"><a id="btnSearch" href="search.aspx" data-icon="search" data-role="button">Search</a></div> <div class="ui-block-b"><a
How to embed youtube channel in jquery mobile page?
Hi all, I'm trying to insert or embed a youtube channel in my web app created using jquery mobile 1.3.1. But I haven't found any script suitable for JQM. I only find Jquery scripts that partially work with my web app. All I would like to do is to show my youtube channel and play a movie without leaving the web app. Something that will play the movie in a sort of lightbox would be enough. But all script I've tested have hardcoded links to youtube channel, not allowing me to add the class required
scroll an indicator with target and highlight
url woodfellows.paston2.webfactional.com It seems that I can either get the indicator to work (albeit not scroll across to home initially) or get my method of having the current link highlighted but not both. Can anyone debug this or point me in the right direction or tell me 'you idiot you forgot this or this is wrong' please info: this line does the setting of noncurrent, zcurrent <a {% ifequal request_meta.PATH_INFO page.url %}class="slow-scroll zcurrent_link"{% else %}{% ifequal sp.url page.url
images in gallery not showing until page rezise!?
Hello, I have a jquery accordion with an image gallery insdie.... Looks like it loaded ok, but images don't show up (although the rotation started)... If I resize the page or minimize/maximize al images appear... this is a very strange behavior... I'm using latest jquery and UI version. Is there a way to trigger this by default? Thanks!
Changing HTML content using jQuery
I need to change this HTML: <div class="wp-pagenavi"> <ul> <li class="active"> <span>1</span> </li> <li> <a rel="start" data-ci-pagination-page="10" href="http://devserver/index.php/blog/page/10">2</a> </li> <li class="next"> <a rel="next" data-ci-pagination-page="10" href="http://devserver/index.php/blog/page/10">→</a></li> </ul> </div> To this one: <span class="current">1</span> <a href="#" class="page">2</a> <a href="#" class="page">3</a> <a href="#"
Theming a input's focus:invalid CSS
I would like to apply a theme's ui-state-error class to a input's CSS focus:invalid property. I have tried: $("input:focus:invalid").addClass("ui-state-error"); ... but this has not worked and failed with: unrecognized expression: unsupported pseudo: invalid Is there a way to theme an input's input:focus:invalid pseudo class with ui-state-error?
Make Phonegap/jquery mobile work across all Android devices
I'm seeing diff errors across diff devices and OS for Android. I found this Phonegap blog post from 2010, that somewhat talks about this issue but is confusing to me, http://phonegap.com/2010/05/31/using-phonegap-across-all-android-devices/ ...should you target the latest all the time, even when making a specific apk to test on your specific device?
New to jQuery and Have a Problem
I'm working on reviving a project and currently the project uses jQuery 1.6.2 and works fine with it however as part of the revival, it needs to be upgraded so we can take advantage of newer technologies, etc. When I replace jQuery 1.6.2 with 1.9.1, the script fails to load any data and returns this error in Firebug Error: Syntax error, unrecognized expression: a[href="#home"], On the HTML page, I have this code currently: jQuery(document).ready(function() { function request(page) { jQuery('#content').html('<h2
How do I add controls to slideshow?
Hi, I'm trying to redesign the homepage of our website and have set up a duplicate homepage to test on which you can view here: http://baseballsoftballuk.com/homepagetestfortconly/ The slideshow is already there, I believe using JQuery Cycle but I want to add buttons so you can jump to a slide rather than have to wait for it to come around again. I've seen the 'pager' option here: http://jquery.malsup.com/cycle/pager.html and I'd like to add something similar to our slideshow but I can figure out
jQuery Regular Expression
So I wrote a custom method that restricts the username to specific alphanumeric characters and special characters. Everything works as intended except I want to make sure the username starts with a letter. Here is my code jQuery.validator.addMethod( "RestrictSpecialCharacters", function(value,element){ var hNum= /[^a-zA-Z0-9._]/; var inp=jQuery.trim(element.value).toLowerCase(); if(hNum.test(inp)) { return false;
Canvas auto wrap
Does jQuery had a power to make the HTML5 canvas auto wrap? I'm having a problem on computing on when to move the text on the new line. So I am thinking of other way to do this. I want the text on the canvas to act like what a normal text element do on its content. Thanks! . .
Validation not working IE8
http://www.aquariumbids.com/Account/Register.aspx jQuery validation is working in Firefox but not in IE8. I am using the following javascripts: jquery-1.9.1.js jquery-1.9.1.min.js jquery.validate.js Now again, this is working perfectly in Firefox. Let me know if anyone wants me to post my code here. You should be able to see everything you need since I supplied my development link above. Any help in this matter would be greatly appreciated. Thanks
Problems with headings within LI sections
Hi all, I have chosen to "inset" most of my content using the data-inset="true" attribute to allow my background to show through, rightly or wrongly. This is generally applied to a <ul> tag, meaning that all content should be within <li> tags. It seems that when I add heading tags (h1, h2, h3, etc) they are all formatted exactly the same, rather than accepting the browser default styles. This appears to be because they are all given a class of ui-li-heading, which is subsequently styled by the JQM
adjust jQuery speed & easing
Please see URL: http://backstageweb.net/newsite and click a few of the nav buttons. Note the speed and easing. Now see http://www.demo.pagescroller.com/ and note its speed and easing (faster with more pronounced easing). This is the effect I'd like. Pagescroller.com is where I got this plugin code (I bought the Pro edition). However, when I look at the source code for their page, I see this: $('#wrapper').pageScroller({ navigation: navLabel,
Suggestion for UI
Allow functions on options: For example length, width, title etc ... title: $("#button").attr("title"),
rss
Hello, I am wondering why getJSOn url is not working? $(document).ready(function () { test = $.getJSON("http://rss.zoover.nl/accomodationfeed.ashx?id=172221", function(data) { console.log(test); }); }); If I put this url directley in my browser is is giving me a lot of info: http://rss.zoover.nl/accomodationfeed.ashx?id=172221 Can somebody point me in the correct direction?
Load Table 10 rows each on a button or any thing
Hi, I am populating an HTMLTable using C# code in my Asp.Net application. On products I am successfully showing all the products on a page. Problem is I want to show only 10 products, then after that a button would appear and clicking on it, it should show 10 more rows and so on ... Please guide me in this regard Usman Waheed
Form post and Browser Refresh
Hello All, I am having issue in form method post and browser refresh. Whenever I am using post method, once submitted and if you refresh the page I am losing my post data. Is there any work around for this? you can identify issue in following example link. http://jquerymobile.com/test/docs/forms/forms-sample-selfsubmit.php fill up the form, it will display information once you refresh your posted data get lost.
jQuery Mobile: use a dialog to let user confirm form submission
I would like to use the beautiful jQuery Mobile dialog: <a href="foo.html" data-rel="dialog">Open dialog</a> To ask a user if he really wants to submit a form. My idea is: user fills the form then clicks on submit and so he sees a dialog like "do you really want to submit the form? Yes/No" and if yes the form is sent using ajax to my insert.php page if no the dialog is simply closed. I've read in the official documentation and it looks like this is simply a graphical tweak to show any #page of my
animate({left: -50%}, 'fast') Is this possible?
I'm trying to move a container out of sight by moving it 50% to the left. the container has a width of 50%. 50% is important because the site is flexible. example: <div id="cont" style="overflow:hidden; white-space:nowrap; width:100%"> <div id="cell_cont" style="display:inline-block; width: 50%"> <div id="cell" style="white-space:nowrap">something meaningful</div> <div id="cell" style="white-space:nowrap">something meaningful</div> <div id="cell" style="white-space:nowrap">something meaningful</div>
jquery.selectbox-0.5_style_2.js and javascript function issue
I am using - jquery.selectbox-0.5_style_2.js, to style my combo boxes. when i load this like this <script type="text/javascript"> $(document).ready(function() { $('.styledselect_form_1').selectbox({ inputClass: "styledselect_form_1" }); $('.styledselect_form_2').selectbox({ inputClass: "styledselect_form_2" }); }); </script> I am getting the style properly. There is no problem on that. But javascript functions are not working on those comboxes. Example <script type="text/javascript">
Uncaught Error: cannot call methods on button prior to initialization; attempted to call method 'widget'
I have this ERROR while I am migrating from old version of jQuery to jQuery 1.9.1. How do I solve this problem. Is there any solution for this problem?
jQuery on and off for module instance
Hello, Firstly I want to apologize for my poor English. I'm facing a problem. I have a Single page application build with modules (With RequireJS). I can have more instances of the same module in the page at the same time. I try to manage events handlers for the module instance but I'm unable to use $.on and $.off for the current instance of my module. Please find follow code to demonstrate my issue define([ "jQuery" ], function($) { /** * Constructor */ function myModule(){
jQuery Mobile radio buttons not working in ios?
I'm working on phonegap thing using jquery mobile controls for both android and ios. Only the radio buttons,flip buttons and select items are not working in ios and working fine in android. I'm using them in <ul>,<li> tags. Is there any problem if i use them in those tags? Example code im giving below:. <ul data-role="listview" data-inset="true"> <li> <fieldset data-role="controlgroup" data-type="horizontal" data-mini="true"> <legend>CC Me To EMail:</legend> <input type="radio" name="radio-CCMail"
Dialog box close after click is made
hi guys,... can anyone help please,.... I have a dialog box open to set photo as profile avatar picture,... how can I close dialog box after click is made? thanks in advance,... <script type="text/javascript"> $(document).ready(function() { $('#profile_picture_dialog_<?php echo $profile['User']['id'] ?> a').each(function() { var $link = $(this); var $dialog = $('<div></div>') .load($link.attr('href')) .dialog({ autoOpen: false, width: 500, modal: true, title: 'Set Profile Picture' }); $link.click(function()
Jquery find Char length and set width based on it
Hey, I'm having a problem getting this to work: $('#itemListLeading table tr :nth-child(2)').each(function(){ $length = $(this).children().text().length; console.log($length); }): I want to find each of the 2nd table data's character length and eventually assign a width based on the largest one, but I seem to be getting errors with the first line and I don't know why. I have tested it without the each function and I'm able to return the full length of all the table datas but I want to be able
jquery mobile: custom back button
Hi all, I have the following situation. Inside one page I load dynamic content via web services. Something like: 1st level => Sports list desc: (when user clicks on specific sport) then I load all states 2nd level => States list desc: (when user clicks on specific state) then I load all leagues 3rd level => Leagues list etc...... So I am able to do custom "back button" in a form normal jquery mobile button <a date-role="button">Back</a>, then I dynamic change onclick attr to put function name which
Seperate in Listview
there is a part of my XML response that I need to put in different list view with number. this is the response <Note> Cook pasta according to directions, chill in ice water, drain.¶Blanch broccoli in boiling water, chill in ice water, drain.¶Use ½ soy sauce to season the chicken, heat oil in no stick pan, brown chicken, and reduce heat and finish cooking.¶Don"t overcook! Slice chicken into 1" strips, turn and cut into ¼" pieces, place into bowl with other ingredients except dressing and soy sauce.¶Mix
Next Page