How to Update Ranking on jQuery UI Sortable Table Rows
Can you please take a look at This Demo and let me know how I can Re number (order) the sortable table when the rows are sorted using jQuery UI sortable? As you can see I have <table> <thead> <tr> <th>Elem 1</th> <th>Elem 2</th> <th>Rank</th> </tr> </thead> <tbody> <tr class="border_bottom"> <td>X</td> <td>Y</td> <td>1</td> </tr> <tr class="border_bottom"> <td>X</td>
Problem with get count comments for multiple comments page
Hello again. Now, i have a problem with the "comments count" in the toggle link in my blog: albertosotophotography. I have this script for show/hide comments in main page: <script type= "text/javascript"> // Show/Hide Comments jQuery(document).ready(function() { // Get #comments div var uniqueAppend = 1; var tempName = 'comments'; while(jQuery("#comments").length > 0 ){ jQuery("#comments").attr('id',tempName + uniqueAppend++).addClass('commentContainer') } var commentsDiv = jQuery('.commentContainer');
Jquery UI Sortable disableSelection Firefox issue with inputs
Hello all, I'm having some major issues using sortable on a table that has inputs in each row. Here is a quick example. JavaScript excerpt: $("#sort").sortable().disableSelection(); HTML excerpt: <table> <tbody ="sort"> <tr> <td><input type="text" /></td> </tr> <tr> <td><input type="text" /></td> </tr> </tbody> </table> The sorting of the <tr> rows works perfectly fine but the inputs cannot be edited in
Populate multiple select options with Json
What i want to achieve I have got one static select html options, these options do not change but will determine what the other select boxes output. <select id="firstselectbox"> <option value="first">This is the first</option> <option value="second">This is the second</option> <option value="third">This is the third</option> <option value="fourth">This is the fourth</option> <option value="fifth">This is the fifth</option> </select> Currently, the code i have written doesnt want to output the following:
Why duplicates in ModelBranch div on results?
Hi every, I've this code and I'm having some issues. If you take a closer look to it you'll see what I'm trying to do is just create non repeated Model-Branch pairs and put the result in div#ModelBranch but something is wrong in my logic since I get repeated results on the div and I can't get where my error is, so any help on this first doubt? Now as a second doubt and related to the same code, I need an additional feature and again does not know how to achieve so need some push or help from people
$.mobile is undefined
Hi I am using the code from the transition swipe demo. something like $( document ).on( "pageinit", "[data-role='page']", function() { var page_id = $( this ).attr( "id"); var page = "#" + page_id; // Get the filename of the next page that we stored in the data-next attribute next = $( this ).jqmData( "next" ); // Get the filename of the previous page that we stored in the data-prev attribute prev = $( this ).jqmData( "prev" ); // Check if we did set
Jquery mobile + php + external server/database issue
Hello all, I started to learn jquery mobile and now I'm making a cross platofrm apllication. 50% of the app is done but now I'm struggling at something very important. My app communicates with an external server (database) but I just can't make it work. I made some html + php tests and if I put the html,js & php files in the server and run the pages from there, everything works. But if I build the app to my device, I'll get the html + js into my device and the php file will stay on the server folder.
input file
how to take values in the input file and added to the input text
specifying a proper path name for a plugin or a UI...
Ever since I started reading up about doing Plugins and UIs, I'm having some issues with my browsers apparently not accessing the ".css" & ".js" files as needed. Here is some sample HTML code I made ... <head> <meta charset="utf-8"> <title>jQuery UI</title> <style type="text/css"> .cool { width: 300px; height: 50px; border: 1px solid #000; } .cooler { background-color: #CCC; border: 5px solid #444; width: 500px; height: 200px; } </style> <link rel="stylesheet" type="text/css" href="../jQuery
validate the number
Hi, i have the field where the user needs to enter the number in. How's can i validate and make sure the number < 30? Not sure how to add the syntax to the code below for this validate, please help? $(document).ready(function() { $( "#getpo" ) .validate({ rules: { supplier_No: {required: true}, lot: {required: true, number:true} } }); }); Thanks
Datepicker Localization
I have a problem with localization. I try to add a timeout and now it works but without timeout no. Where is the problem (this code is in UserControl and with timeout and is ok)? function pageLoad() { setTimeout(function () { var lingua = document.getElementById("<%=hidLingua.ClientID%>").value.toLowerCase(); lingua = lingua; $.datepicker.setDefaults($.datepicker.regional[lingua]); $("input[id$=TB1]").datepicker({
Load external "page" with json data, in a popup.
Hi everyone! I'm new to jQuery Mobile, and this s what I would achieve. I have some data in a json file, that are the infos about a person,like name, surname, age etc. I wrote some code to render it in a external page (like infos.html), now I would open this "page" in a popup in a multipage-site (different pages called in ajax). When open the popup: I need to open the popup when the user click on the name of a person and I've to show the infos about that person. In facts: I have 3 people (it's
fakepath chrome problem
I have a problem in the fake path <input type="file" name="datafile" id="datafile" /> document.getElementById("datafile").addEventListener("change", function() { console.log("change", document.getElementById("datafile").files[0]) var reader = new FileReader(); reader.readAsDataURL(document.getElementById("datafile").files[0]); });
draggable items stack on top of each other in a sortable
So, I'm not exactly sure if it's an intended behavior based on my code or if it's a bug within jquery-ui. I created two lists as sortable and each list item within those lists as draggable. Whenever I would drag and drop items rapidly, they would end up stacking on top of each other and creating empty spaces within the lists. It did not matter if I was doing dragging and dropping within the list or between the two, the same behavior would be produced. Here's the code: <div id="available-group" class="noselect">
draggable() : How to modify containment array with onResize ?
Hello, I have a big container with 4 div blocs, my container and my div blocs width change when I resize my window. My problem is to change the containment array when I resize window. ex : how to change myVar when I resize my window. this script doesn't work $( "#DragContent" ).draggable({ containment:[-(myVar*NbDiv),0,0,0], }); $( window ).resize(function() { myVar=$(window).width(); } Thanks for advice.
i need to load the json dynamically without knowing the fields name..
i need to load the json dynamically without knowing the fields name.. how can i do it? as well: i could get the fields name from the server.. but than how to make the call so instead of j[ind].ID i will call var fieldName = j[ind][0].key, fieldVal = j[ind][0].val; or ver val = j[ind]["theKay"]
jQuery Tabs with links instead of tabs
Hello, is it possible to use the function of jQuery tabs with links instead of the tabs? I have a lightbox and inside of it I want to switch the window while clikcing on a link anywhere in the box. I don't want to use or display the tabs ... only a normal a href. Could you give me a hint please? Maybe it is also possible with the accordion effect?
JQuery Slider Custom Handle Image - Scrolls out of Range
Hi guys, I would like to use a custom handle for my Slider as shown in this fiddle . t seems to me like JQuery is hard coded with the size of the original slide handle's height. How do I get around this so my custom height handle works like the default one i.e. stays within the scroll bar? I have tried setting margins on the div. Thanks.
Comments toggle button open multiple comment sections
Hello all! I have this script for show/hide comments in the "main" page of my blog: albertosotophotography <script type= "text/javascript"> // Show/Hide Comments jQuery(document).ready(function() { // Get #comments div var uniqueAppend = 1; var tempName = 'comments'; while(jQuery("#comments").length > 0 ){ jQuery("#comments").attr('id',tempName + uniqueAppend++).addClass('commentContainer') } var commentsDiv = jQuery('.commentContainer'); // Only do this work if that div isn't empty if (commentsDiv.length)
Tabs: No close button on last tab?
Hey folks, I've created a tab group where the user can add and close tabs, by following the example here: http://jqueryui.com/tabs/#manipulation It works fine, but what I need is to make it so that if there is only one tab, you can't close it. Basically the same functionality as tabs in Safari. The first tab only has a close button when you add a second one, and it goes away when you delete all the other tabs. How do I do that? I figure it's something along the lines of this: if (tabNumber < 2)
1.1.4 is duplicating page containers
I have a production site that I have been converting from 1.3.2 to 1.4.4 and have just hit a problem with chagnePage() and pagecontainer('change") duplicating a page container in the DOM. I have a list of items that I can edit and when I click on an item's button and this code runs. $("body").pagecontainer("change","/maintainPromo/",{'type':'post','reloadPage':true,'data':{'marketcampaignpk':mrkid}});The next page works fine. I click on back button and then click on another item and it
Need help with my code
$(document).ready(function(){ var x = true; $("#Menubutton").click(function(){ if (x == true) { $(".DropDown").slideUp(1000); $("#drop2").slideUp(1000); alert("true"); x = false; } if( x == false) { $(".DropDown").slideDown(1000); $("#drop2").slideDown(1000); alert("false"); x = true; } }); }); To my Problem I want to click on a button (div) and want to slideUp a div. And when i click it on the second time i want that it slide down. Have anybody an idea how i can solve my problem? Thank you
Wondering bout this functionality.
Ok, essentially what I'd like to do is this. I want to take data that, at some point will be "aggregate" data in an XML file (think a score in baseball. You score 1 run in the first inning, and 1 run in the 3rd, you now have two runs). I'm working on a play-by-play system, just for fun, but I just want to get the LATEST score from the XML, along with ALL relevant plays up to that point. So if a baseball game is in the 5th inning, And Team A has 4, Team B has 3, I ONLY want to get the score total,
selectmenu not usable in dialog?
Using a form in a jquery-ui dialog box, setting a select to a selectmenu results in the options being shown outside of the dialog. Is there a way around this, or is this a bug?
Need help with Tabs
Hello, Can someone please tell me how to make this tabs work, > http://jqueryui.com/tabs/ < I copied the code but it isnt working and i dont know what to do now, i normaly work only with html and trying to learn css. what do i need to do to make the tabs work. thank you
Overflow scroll (or) auto - Android Issue
Added "overflow:scroll (or) auto" to jquery mobile accordion.while scrolling up and down,layout style(content inside accordion) getting affected in ANDROID device. Please help on this. Regards, Srividya.
Superfish Last Child Menu Item Does Not Work in IE or Firefox
Hello, My church's web site (http://www.peacewelssp.org) is using the Superfish menu. All of the child menu items work fine in Chrome. In Internet Explorer and Firefox, though, the last menu item for each child menu does not work at all. Has anyone seen this happen before? I'm happy to share code as needed.
question chart
do you have a reference on an interactive chart with jquery free
Extra parentheses in the syntax for a Panel
Hi, I'm currently making my way through a jQuery text book and unfamiliar with some of the code. Specifically, I'm seeking to understand why $panel is assigned $($link.attr('href')) instead of just $link.attr('href'). What is the $()for? Also, when I log the value in the Firefox Console, it holds the value as div#tab-1.tab-panel.active when I only expected #tab-1. Thanks. HTML: <ul class="tab-list"> <li class="active"><a class="tab-control" href="#tab-1"><h3>Desc</h3></a></li> .....
removeClass not working
Hi, i am trying to reverse an animation using removeclass and it does not work. As I'm quite new to jquery I suppose I am missing something obvious - maybe someone can help. There is this small window <div class="fenster f15"> <div class="flap"> </div> <a href="http://whatever..."><img class="button" src="button.jpg"/></a> </div> which is opend by $('.fenster').click(function(){ $(this).addClass("opend"); $(this).children(".flap").addClass("flap_open"
UI slider; range with min and max
I've a UI slider which includes a range. It's like: http://jsfiddle.net/5nc60d7p/ But I want to include a startvalue to max so that it's clear that it's a range. I can't add a max at this moment because of the max: sliderAmountMap.length-1, How can I do this?
trying to make jquery validate plugin to work
I am trying to make the jquery validate plugin to work in jsfiddle environment. Despite I have set it correctly on localhost....in the web app I am making,I cannot understand why it does not work in jsfiddle. Here is the fiddle.
JQuery Autocomplete issue
Hi everone Is it possible to change the value of minLenght dynamically, depending on the a value that is returned from a request? Tha docs state that any option can be changed via the 'option'-method example: $( ".selector" ).autocomplete( "option", "minLenght", 10 ); but when i try this with a request result i get an error: Error: cannot call methods on autocomplete prior to initialization; attempted to call method 'option' is there a way to change minLength depending on same variable value? thx
Why should I use jQuery Mobile instead of some other framework?
I'm not a super-experienced developer but I've been now doing some mobile app development with jQuery Mobile. However, I have recently discovered the Ionic framework which looks very interesting, and now I'm wondering if I should switch to using that... Any opinions on this? Which one is "better" and why? Why should I stick with jQuery Mobile? Thanks for your views!
whatsapp link from Phonegap/JQM
I'm building an app with phonegap/JQuery mobile. I had button to share some stuff on Whatsapp but since I've updated my phone to kitkat, this doesn't work anymore. The button gets a click event, but nothing happens. I use this code from the whatsapp site : <div data-role="controlgroup" data-type="horizontal"> <a data-role="button" id="joinButton">Join</a> <a data-role="button" id="showComments">Comments</a> <a href="whatsapp://send?text=Hello World!" data-role="button" target="_blank"
flexsider doesn't work(flexsider is not a function)
Hi. I need a help with flexsider.I was following instructions step by step on woothemes.com/flexsider/. I am sure that all the paths are right, but the console says that flexsider is not a function. Does anyone know where's the problem? Thanks.
Modify simple photo slider
I have been trying to modify a photo slider so that the arrows that move the images are situated outside the slider div http://imgur.com/89pByIa rather than superimposed on the left and right edges of the images as they currently are. I tried placing the arrows into a separate “direction” div but once I moved them outside the slider div and changed the JS accordingly they did not work. Here is what I currently have http://jsfiddle.net/03jhpbyo/5/ Any clues would as usual be greatly appreciated, thanks
Jquery animation in Firefox only displayed after window resize
(I hope it is ok to post the whole page..) Ok I deleted the website url in this post. Here is my code more simple: JSFiddle The problem only appears in Firefox (Firefox 33.0.1, OS X Yosemite 10.10), Google Chrome and Safari are working fine! So if you click on the navigation icon in the top right corner, you can see in Firebug that the animation is executed and the div (#navWrapper) is animated from -70px to 0px. But it is not displayed in Firefox. Only if you resize the browser. I really don't understand
I need jqgrid to refresh the entire page, not just the grid
I need jqgrid to refresh the entire page, not just the grid I have a jqgrid that displays the job details of auto repairs. Right now, I have the grid reloading using the following script and I need to change it so that it refreshes the entire page so that the subtotal and total fields (that sit outside of the grid) update. Here is my relevant code, any help would be greatly appreciated: var editOptions = { keys: true, successfunc: function () { var $self = $(this);
Previous handlers are not called - why?
Here's my JS fiddle where I tried to add my own handler in already existing chain. It's called but forgets totally about the ones that were defined earlier. I need to call these predecessors no matter whether they're defined in a static HTML or by DOM manipulation. How can I do this?
Next Page