Remove item from sortable, on receive event.
I have a draggable list connected to a sortable, and I want to limit the number of items the sortable can receive. So in the receive event of my sortable I'm doing something like this: receive: function(event, ui) { if(num_of_items >= threshold) { ui.item.remove(); } } This give me the error: Uncaught TypeError: Cannot read property 'options' of undefined I can remove items on other events this way, but I really need to do it on the receive event. Any thoughts?
JQuery Dialog + PostBack + TextBox
Good morning, I'm creating a Jquery Dialog which contains several TextBox that will be sent in PostBack ... But when I do PostBack, the fields are going with a 'comma' at the beginning of every field within my Jquery Dialog ... I wonder what could be causing this problem .. ViewState? JavaScript error? Error JQuery? Follow my Dialog and JQuery: function AbrirPopUPCadastrarNovoGrupoAtividade() { $(document).ready(function () { $("#Dialog_NovoGrupoAtividade").dialog({ height:
select data-native-menu="false" does not work as expected
Hello I am trying to use jQuery Mobile and faced strange behavior. I have a page P1, page P2, select data-native-menu="false" on P2. 1. When I change page from P1 to P2 using $.mobile.changePage( $('#P2'), { role: 'page', transition: 'slide', reverse: true, changeHash: true} ); and then open select on P2, close it or select something, I stay on P2. 2. When I change page from P1 to P2 using $.mobile.changePage( $('#P2'), { role: 'page', transition: 'slide', reverse: true, changeHash: false} ); and
Title under jQuery Smooth Div Scroll
Hello, i have a Smooth Div Scoll slider on my homepage. I want to see the title of the pictures under it. How can i do this. I need some help. Thanks Martin
Links on the Cycle Plugin
I'm using the Cycle plugin and it's working great and I even got links to work.. the only thing is that the slides (invisibly) with the links somehow extend to the left and outside of its' element blocking the nav menu. It only happens on the linked slides. You won't see it in the updated browsers but IE8 shows it. Either way while the linked slides are showing you won't be able to use the nav menu on the left. Site: www.thesarahgracefoundation.com Thanks heaps for the help!
removing and appending rows to tables
I have 4 tables on a page with similar structure. Differences are the table id's and the number of tds per row, two tables have 2 per row, the other two have 4. Basic structure is: <table id="mytable"> <tbody> <tr id="tempRowID"> <td class="delete"> <img src="myImage.png" /> </td> </tr> </tbody> </table> And the query is: $(document).on('click', 'table td', function () { var blankRowShort = "<tr id='tempRowID'><td colspan = 2>No Information entered.</td></tr>";
popup loads before content
Hi all, On my site, I have a popup div that appears to load (without format) before the content div. I have attached a screenshot that illustrates this. (Yes, the picture is of a desktop, but the same thing happens on my iPhone as well.) The code for the popup is: <div id="options" data-role="popup" data-history="false" data-theme="d" data-overlay-theme="a" data-disabled="false"> <a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-left">Close</a>
Simple jquery quiz based on checkboxes
Hi, I've got a problem with creating a simple quiz, based on checkboxes, where multiple answers are correct. Here is an example (first three answers are correct) http://jsfiddle.net/DUNK9/1/ Is it possible to do this with jquery in a simple way? If so, can you suggest me some methods or what should I check in documentation? I found some examples but all of them all based on radio buttons and only one correct answer. Sorry for this question, but I'm new to jquery library and javascript, I read
Problem in fadeIn with animate action
i have a problem plz solve it.i'm new in Jquery. $('#navAboutUs').click(function(){ $('.classAboutUs').animate({left:-200, complete:function(){$('.closeAboutUs').fadeIn(100) }}) }); fadeIn action is not working. in css: .classAboutUs is display:
JQxGrid , Knockout.js Delete issues
Hi, We are using JqxGrid with Knockout.js. A button "Delete" is bound with each row in a grid. and using the following code to delete a row: var DeleteReportRecord = function () { var rows = $('#jqxgrid').jqxGrid('getrows'); var selectedrowindex = $("#jqxgrid").jqxGrid('getselectedrowindex'); var dataRecord = $("#jqxgrid").jqxGrid('getrowdata', selectedrowindex); var ReportId = dataRecord.ReportId; selectedRow = rows[selectedrowindex];
validation message multiple elements
I have 3 elements on the same row (below) but I end up with 3 error messages on the same line, which is crap. Is there a way of creating a date and checking its validity and displaying ONE error message? : <tr> <td width="30%"><label for="dob">Date of Birth </label></td> <td width="40%"><input type="text" id="dobDay" name="dobDay" size="4" value="day" onFocus="this.value='';" maxlength=2 /> / <input type="text" id="dobMonth" name="dobMonth" size="4" value="month" onFocus="this.value='';"
How can I copy/paste jQuery API examples and retain indentation?
I've found the jQuery API code examples on the site to be very informative. I want to copy and paste so that I can adapt them for my own use. When I past the text into an HTML file, I lose all of the nice indenting displayed in the example on the site--code is all on a single line. Are these examples available somewhere else in text rather than html format? Or maybe there is a web app to do auto indenting? Thanks
jQuery Stop Watch
So i have been using jQuery Stop Watch to for a project that i need the user to be able to see how long they have been on the phone with a client but after they change pages the timer reset back to zero... Is there anyway to prevent this with out using PHP or something else to store a session? I am coding just the front end for this and i am not even sure what the backend will be but most stuff around here is Java which i know nothing about. here is my script for the timer... $(document).ready(function()
CSS problem in dynamically created div.
Hello, I have a application, where you can create draggable,resizable DIVs on a container. And, save it to the database. It also has a edit functionality, where you can come back, search and retrieve a particular record, and then change the DIVs created earlier OR add a few more as well. For this, I am storing all the information, like left,top, height,width in the database. On Edit request, I need to place the DIVs already created and place them on the container. For this, I have created a javascript
Controls inside each tab page in JQuery Tabs
Hi, I am a newbie to front end development. I need to create a 3 tab-pages. Each page has 2 or more input controls. The number of controls varies for each tab. I looked into lots of tutorial which explains how to create the tab page suing Jquery. Now, I created a text control in first page. What needs to be done in the js? meaning how do I bind the text control to the tab page? and how to read the value of the controls when the tab page is clicked? Here is the code snippet I used, <!DOCTYPE html>
change color
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type='text/css'> p { background:#dad; font-weight:bold; font-size:17px; margin-bottom: 10px;} </style> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type='text/javascript'>//<![CDATA[ $(function(){ $("button").on('click', function () { $(this).next('.content').find('p').slideToggle(); }).click(); });//]]> </script> </head> <button
How do we remove quotes "" out of a string??
Hello Everyone, I am tired of looking for an answer to remove quotes out of a string. Here is the scenario: var element = document.getElementById("DateTimeField"); var value = element.value; //value is "2012,10,30 10:30:24" did some string operations of split and concatenation and now value = "2012,10,30,10,30,24" which is in the form of "yyyy,mm,dd,hh,mm,ss" var d = Date.UTC(value); gives NAN, bacause of the quotes So i have to remove the quotes, This is what i have tried to remove quotes: value.replace(/['"]/g,'');
Accordion (vertical) with content scrollable (Horinzontal)
Hi all! I'm goin' crazy. I've made all my web site and it works good... well... I'd like emprove UI using jQueryMobile... I've made accordion and everythings works good... I think.. YEAH It's SIMPLE! bytheway I see <div> content of the accordion work like (overflow:visible) ... if I try to change it... I lost the content... I cannot get any kind of scrollbar... In my accordion content I put some tables and pictures... I'd like to have them scrollable inside the content and not overflow:visible
How do the same with ajax please: slide effect
How do the same with ajax please: slide effect, please: jsfiddle: http://jsfiddle.net/s3pBR/7/ When I need help on "a.registro" call another page (eg: loadUrl:'contPag1.php') Any ideas please? leaning.-
Passing php multidimensional array to ajax.
I have the following form elements for example as starting from subproduct[0] all the way to subproduct[6]. <input type="text" value="0" name="subproduct[3][quantity]" maxlength="3"> <input type="hidden" value="2108" name="subproduct[3][sku]"> <input type="hidden" value="Bianco Dessert & B&B Plate" name="subproduct[3][name]"> How can I pass these form values to my php page using the following jquery? $.ajax({ type: "POST", url: "includes/add_to_wishlist.php",
onclick href from xml?
ok so i made some progress today and was able to get the slideToggle with image swap working all by myself . Stuck yet again though. var obj={screenpath:$(this).find("screen").attr("path")}; $(data).find("chapter").each(function loopingItems(value){ var chapter = $('<li class="chaptertitle"><img class="img-swap" src="/images/plus.png" class="img-swap" /><strong>' + $(this).attr("label") + '<\/strong><\/li>').appendTo("#screens") if ($(this).is(':parent')){ var screens=$('<ul><\/ul>').appendTo(chapter)
(solved) Custom Script with jquerymobile not working
Hello i dont get a custom jquery script running, when i use it with jqm. I have included that script as a seperat file after jquery.min before jquerymobile. Anyone here who might help me with it? many thanks!
Slow Jquery Dialog open problem on remote server
Hello, I'm using JqueryUI modal dialog with ajax request. It works fine on my local server but when I tested it on my remote server(godaddy) dialog opens very slow. Here code I use; <a href="#" onclick="showUrlInDialog('menu_proj.php','New Project'); return false;"> function showUrlInDialog(url,title) { var tag = $("<div></div>"); $.ajax( { url: url, async: true, crossDomain: true, success: function(data) { tag.html(data).dialog( { modal: true, width: 800, title: title } ).dialog('open'); } });
Problem with postback inside the onchange event of dropdown
Hi, I'm using version jquery.mobile-1.2.0. I have a dropdown in my form and when I select an item I want to fire a postback. The code is below: <script type="text/javascript"> function cmbSiteChange() { __doPostBack('', 'CmbSiteChg'); } </script> ..... ..... <div data-role="page" id="page1"> <div data-role="content"> <select data-native-menu="false" name="" data-mini="true" id="cmbSite" runat="server" onchange="cmbSiteChange();"> </select>
UI of Checkbox and radio button not refreshed once having a label for it
Hi, I would like to report an issue. I am using JQM 1.2.0. I have a checkbox <input type="checkbox" name="neednow" id="neednow"/> And a jquery to update its value $("#neednow").prop("checked", true); It is working fine. But once I add a "Label" to it, I can still update its value but UI not refreshed anymore. <label for="neednow">With label</label> Below is my test bed. The one without label works while the one with label doen't. http://jsfiddle.net/kmleung/RMj35/ Please help! Regards,
Problem with position collision flip on autocomplete. Possible Bug.
Iam having this issue when occurs overflow. When you type "sc" occurs flip. OK :). When you type "a" dont't occurs flip. Problem :( http://jsfiddle.net/GKA5r/ This is a bug? Any ideas?
problem with div and display
Hello, i've got a problerm with the display of some divs with this function : function switch_divs_mobile() { if( document.getElementById("div_home_mobile").style.display == "none") { document.getElementById("div_home_mobile").style.display = "block"; document.getElementById("div_titre_mobile").style.display = "none"; document.getElementById("div_contenu_mobile").style.display =
How to implement functions with multiple Document.Ready Function...
Hi All, I have written down selected index changed event logic on 1st Document.Ready function and its working fine Now i have requirement in which i need write same logic for other dropdownlist within same page... So my question how can i write selected index changed event in two Document.Ready functions .... OR can i write in single Document.Ready function.. if yes then How...?????? If i giving alert its working perfectly... But selected index changed event is not working...?????
Checkbox in table selecting/deselecting using jquerry and html.
I have a table as below:--- "<html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"> </script> <script language="javascript"> $(function(){ $("#selectall").click(function () { $('.case').attr('checked', this.checked); }); $(".case").click(function(){ if($(".case").length == $(".case:checked").length) { $("#selectall").attr("checked", "checked"); } else { $("#selectall").removeAttr("checked");
Listview refresh after F5
Hello, My script is ok but only when i refresh my page or when i put a alert into my code. If i do not that, nothing is displayed. My Javascript : $(document).ready(function(){ var id_enseigne = $("#enseigne").val(); var output = ''; $.getJSON("portefeuille/magasin_load.php", {"enseigne": id_enseigne}, function(data){ $.each(data, function(key, val) { output+= '<li><a href=\"?p=3&id='+val.pdv_id+'\"><h3>' + val.pdv_ville + '</h3><p>'+val.Adresse+'</p></a></li>'; }); // Fin du each $('#listview').append(output);
.mouseup, .mousedown - paly sound
Hello. I´ve got a problem, trying to solve it for two days now, but wasn´t lucky enough to find solution so far. I hope you might help me. I need a script which plays a sound whenever I click on a picture, but when I release the mouse button the sound stops playing and another sound will play. (I´m trying to implement a piano on my web, the picture are the keys, first sound is the note, second sound is reverberation) This is what i´ve got so far: <section id="two"> <div class="inside"> <div id="nav-two"
jquery infinite carousel plugin
Hi all, i use the jquery infinite carousel plugin. http://www.catchmyfame.com/catchmyfame-jquery-plugins/jquery-infinite-carousel-plugin There are functions in the object like pause(), stop(). I would like to use them for stopping the carousel if the user clicks a button. But I simply dont know how to access them. Perhaps s.o. here knows how to create an instance to use the functions of the object. i tried severel things like that: test=$(function(){ return $(‘#carousel’).infiniteCarousel({
How to prevent hiding apple smart banner?
Hi, We are developing our mobile site using JQuery Mobile framwork. We have used newly supported meta tag from apple to display smart banner and when it gets displayed, its not part of the actual DOM structure. Currently, JQuery mobile framework calls window.silentScroll(yPos) on window load and it displays page in fullscreen mode on apple and it scrolls down below to smart banner. Is there anyway we can prevent hiding of apple smart banner?
problem with site using jquery script
Hello I have a site running jquery at almost 1 year but now without i do anything it's giving problems. Can anyone help me because i don't know what to do... the site is http://lemonnierfoto.com/ you have the menu on the bottom. if you click on portfolio theres a few users (me too) that don't see the 6 images. in my case after resize my browser they appear.. but before that nothing happends. if i open the site with the browser already in fullscreen then it works fine.. i can't understand whats going
I Need a Helper:
Need a jquery or ajax guru to help me on problems that arrise in writing a web page. Am trying to keep from loading whole pages and want to include areas of the home page as requested. Seems some document ready functions codes work great and some have no idea what was suppose to happen when the buttom in a ul was pressed. Reach me at scotth@guam.net thanks.
Help: Select multiple dynamic
I just need help to show the number of selections jsfiddle: http://jsfiddle.net/86PNB/26/ For example: No selection (choose selection): 3 selections: learning
Due to jquery mb.extruder, opened dialogs are not model and user can click on extruders
Hello, I an creating a html page using jquery mb-extruder. I am facing one issue for jquery Model dialog. I have scenario as follows: I used extruder that is open from right side, that extruder panel contain button. When user click on that button I open a model dialog. Here problem is that when model dialog is opened, I am able to click on extruder panel that should not be happens in case of model dialog. So plz can any body help me to solve this problem.
Isotope help
Hello people, I am trying to figure out how to use Isotope and Wordpress! So far I am quite lost but managed to get a simple page kind of working for Isotope! I need to know what this line of code does and how it works so I can adapt it to control when the class width2 is added. The main line of code that is confusing me is: if ( number % 7 % 2 === 1 ) { Also this means I need to add a class of .number with a number inside to make some blocks a different size. Is there a way to add random classes
twfile plugin not working in ubuntu 64 bit
Hi, I am working on twfile plugin and it is working fine almost all the versions of Firefox on Ubuntu 32 bit system.But it is not working in Ubuntu 64 bit system. Is there any solution for this issue otherwise is there any updated plugin to work 64 bit system. Please give reply ASAP. Dont mind this is very urgent requirement I hope i will get response soon. Thanks in advance. Venugopalan.S
Jquery Lavalamp Plugin with simple html navigation
Hi there! i want to use jquery and the lavalamp plugin to create a nice animated navigation bar. i found some tutorials on the internet to make this work. i finally figured out how to make it work.. http://www.workaholic4u.com/trash/test/index.html but, i want to navigate trough different html pages, now i havbe the problem, that the animated menu item, always returns to the first button. it should stay at the current menu item. i found so hints, that this is doable by applying a additional class
Next Page