Unable to get correct activePage when processing pagecontainerhide event
Demo is here, as you can see, there are two pages, i want to do something when p1 hides or before p1 hides, i tried to get the activePage, but it seems whatever the event is, the activePage always is next page, for example: p1 -> p2, i got p2. How can i get the page which is hided?
Unable to get FastClick working with jQM
Hi, Does anyone know why it's impossible to click the `Open panel` button in jQuery Mobile when FastClick is enabled (using Chrome's mobile emulation)? http://jsfiddle.net/frank_o/kV85c/1/embedded/result/ Thanks!
loosing jquery mobile look when adding something dynamically
Hi everyone, I'm developping a mobile web site and I have to dawnload a JSON list, this is working. Then I want the slider "On/Off" for each element of my list, so I did this : function affichage_intensite() { var i; var $lampes=$('#lampes_intensite'); for(i=0;i<3;i++) { window.console.log("<label for=\""+tableau_lampes[i].name+"\">"+tableau_lampes[i].name+"</label>\n\ <select name=\""+tableau_lampes[i].name+"\" id=\""+tableau_lampes[i].name+"\"
perform animations -> when complete, wait for a click to perform another action, animation repeats. Gurr.
Here is my code snipit $wrapper = $("div.box"); $wrapper.each(function ( i) { var div = $(this); setTimeout(function () { div.fadeIn(800); }, i * 800) }).stop(); $("a.imp").click(function(event){$(this).parents("div").css('z-index','2');return false;}); The loop with the setTimeout function works fine. And when run alone, the click function on the link
Overriding Jquery UI methods
So currently I am trying to use the Jquery Autocomplete widget in my grails project, however, using a jquery-ui-1.10.3.custom.js , the grails integration plugin for jquery-ui automatically includes a lot of addons for Jquery (Sortable, Draggable, autocomplete, etc.) I am however, using a seperate script for sortable (http://johnny.github.com/jquery-sortable/ ), as it provides functionality for nested lists. However, it seems that the Jquery method definition for sortable overrides the external scripts.
Is Autocomplete Completely Broken?
Using browsers: Chrome, Firefox, Opera, MSIE, Konqueror, Seamonkey Running on: Windows 7 Pro, Windows 8.1, Ubuntu 12.04, Ubuntu 13.1, CentOS 6 Testing jQuery's own API URL: http://jqueryui.com/autocomplete/ fails. I don't get any autocomplete activity, including: 1) No "class" modification of the sample text field (should append 'lookup ui-autocomplete-input', but doesn't) 2) No dropdown to select from 3) No javascript errors of any kind It's like it's not firing, at all ... or not getting any response
html 5 native validation is not working in jquery ui dialog box
I have a dialog box with some form fields.When I click on the submit button inside this dialog box the form is not validating using HTML5 attributes.But I can validate the form using Jquery validate plugin.But I need to do HTML5 native validation on button click, this is not working. My code is as below. ===================== $("#popup").dialog({ autoOpen: false, title : "View/Edit Screen", dialogClass : "pop-content pop-header-colr pop-button pop-float", width:800, height:650,
Console undefined error
Hi I'm getting a console is undefined error in IE8. What is the issue? with my code? function appendIndividualDetails(individualResponse) { var creditscore=false; for (var i = 0; i < individualResponse.length; i++) { if (individualResponse[i].hasOwnProperty('value')) { console.log(individualResponse[i].tag); if(individualResponse[i].tag=="SCORE") { jQuery("#input_24_65").val(individualResponse[i].value);
Confirm dialog on submit returns to page
I am using jquery confirm dialog instead of the usual javascript confirm() so that I can easily format the buttons on the alert. After that I want the submit the form on the page when users clicks the accept button on the confirm alert. However, after submitting the form it redirects page back to the form. That is not what I want, it should submit and allow the page to continue. What I am I doing wrong? $(function() { $( "#dialog-confirm" ).dialog({ autoOpen: false, resizable: false,
My draggable function has broken
Hi! I had a draggable function and it was working nicely. But when I add NO-2 function, my draggabe function and my close button(button which included the div) broke down. Need help. HTML codes: <div id="draggable" class="yeniyorum_div"> <div class="yeniyorum_baslik"> <span class="basliktext">Yeni yorum oluştur</span> <button class="closebutton" type="button" id="hideshow" >×</button> </div> <form method="POST" action="javascript:void(0);" class="yorumform"> <textarea name="yazilan_mesaj"
Re: Problem with form submittal
I am relatively new to web design and have a problem with a Form submittal. I have listed my code below. I have used Font Awesome to render the icons on the web page. I have used Parsley from http://parsleyjs.org for the form validation which works perfectly. I have used the jQuery Form Plugin from http://malsup.com/jquery/form/ to handle the form functioning. I receive the contact form email perfectly. However, I also have a dialogue box alert pop-up with the message "undefined", when I would expect
inArray() behaving badly for me please.
I can make and array as displayed in the alert, but when i try to use inArray to identify an item in the array it doesn't see it and gives back -1. What am I missing? thank you. jsfiddle: http://jsfiddle.net/vhabhsrosed/QG8YU/ jquery: $(document).ready(function () { var newArr = []; var xtext = $("i"); $(xtext).each(function (index) { newArr.push($(this).text()) }); alert(newArr); if (jQuery.inArray("Other IRB Site", newArr) != -1) { alert("jjjj");
Need Help Creating a Basic Nested Plugin functions
I creating a jquery Plugin like this: (function($){ $.fn.gthnx = function(options){ var settings = $.extend(true,{ g1: null, g2: null, g3: null, g4: { j1: null, j2: null, }, },options); return this.each(function(){ // I dont know how to start here for the nested functions I know how to use g1,g2,g3 but g4 don't where to start? can anyone help me. }); }; }(jQuery)); Thanks, much appreciated if you could help
Tab strip touch slider using Jquery mobile
I want to have a Tab strip touch slider and page content touch slide/swipe functionality like that of Google Play or Facebook mobile app using Jquery Mobile. Can anyone help me with this requirement? Please find the screenshots below: http://i.stack.imgur.com/BSKRM.png http://i.stack.imgur.com/KsQBF.jpg
JQM Swipe-Page
I have a JQM site that is using JQM swipe-page.js. just swipes thru 6 different pages. the script is working as long as there is nothing on the page (no div content) here is the script $( document ).one( "pagecreate", ".demo-page", function() { $( "#header" ).toolbar({ theme: "b" }); $( "#footer" ).toolbar({ theme: "b" }); function navnext( next ) { $( ":mobile-pagecontainer" ).pagecontainer( "change", next + ".html", { transition: "slide" }); } function navprev( prev ) { $( ":mobile-pagecontainer"
Issue on Adding Animation to jQuery toggleClass()
Can you please take a look at This Demo and let me know how I can add Animation / Speed or Duration to the following code $("#ecolomodel").on("click",function(){ $("#ecolomodelno").toggleClass("switchshow switchhiden"); $("#ecolomodelyes").toggleClass("switchhiden switchshow"); });using this mark up <div class="panel panel-default"> <div class="panel-heading">Switch</div> <div class="panel-body"> <div class="row"> <div class="switch col-lg-offset-1 col-md-offset-1
tabs, link out, how to return to the same tab you left ?
Hi, I am using three tabs in a page called page.jsp, one of the tabs has a link to another page page2.jsp, this last page has a link (goBack). the problem when click that link, only the first tab open but not the one I was in. any help is appreciated. Thanks
jquery validation, jquery mobile: Errors not removed after corrected -- jQuery Validation Plugin interaction with jQuery Mobile Custom Select Menu
Hi, How can I get jQuery Validation to remove the validation errors when the user makes a valid selection in a jQuery Mobile custom select menu? Thanks
Jquery Form Plugin Breaking in IE
Hello all, I'm trying to implement the jquery form plugin for a client. The form is working in Chrome, but in IE(11) it's not working. I've looked through the core as much as i can but can't seem to figure it out. HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Agent Submission Form For Auto
Modify ajax request
Hi, I am not sure if this is possible but thought I'd ask. Essentially I want to modify the jQuery.ajax.data property after the event has been triggered but before the request is sent?. The reason I ask is because I am using jquery-ui autocomplete on a number of fields on a page and the data parameter will need to be modified depending on which input triggered the request, EG if the input field had the name 'code', data would 'code=' + req.term, if the input name is 'name', data would be 'name='
Need help firing an event only once using .change()
Hey Guys. I have created a "Tip" selection drop down menu for a restaurant ordering website. When the user reaches the checkout page, it will automatically add the default tip of $2.00 to the subtotal amount. Here is the function will execute when on a document ready event function changeAmountsBasedOnTip(){ var $tip = $('#tip').val(); // Select the value of the tip var $subtotal_elm = $('#sub_total').text() Select the value inside the subtotal div element var $subtotal = returnAmount($subtotal_elm)
select widget -> visit page 2nd time -> refresh selects
Hello, i have a problem, again, with this Jquery Mobile Page-System: I have some Selects (Selectmenu Widgets) on my site, i.e. for Color: BLUE and Size: 6. When i choose Color RED and Size 7, the Page changes to another Page. So the Problem is, when i go BACK: The Selects are still on RED and 7, cause i have choosen this on the first site. But i want it to be refreshed, BACK ON blue and 6... How can i do that? Its not working like that: $(".ui-select").each(function( index ) { $(this).on( "selectcreate",
How do I know to which block the user is drag with Sortable Lists?
Hello, I have an example at http://www.familiekant.nl/toernooimaker/club/drag.php I have a few users which I want to divide into 2 (or more) poule. I can drag and drop these users with the plugin sortible-list but how can I make the change in the mysql database when a user is released in a poule? So when eg user Arie Thuis was released in poule 1, the record of Arie Thuis must have updated the number '1' in the column poule. I have a user table with a column poule and a poule table with the ID of
JS - dependent radiobutton choices, compare their value and then show image
Hey everyone, I am new here. Regarding my studies I am in a problem with JS and JQM at the moment. I'm trying to develop an interactive map of a building, showing the floors and some special rooms there. These options are represented by two "controlgroups" with JQM and three buttons each. I know want to find out which of these buttons are pressed and depending on them show an image below. Example: Button FLOOR 1 is pressed and then Button RESTROOM – now I want to load an image that shows exactly
carasoul error
I found this really nice carasould in a Jsfiddle online JsfiddleLink , but i want to modify it a little bit i.e. 1. i want to to be paused and 2. i want it to slide to the next slide only when i click on the <li> associated with the slide , or when i click on the next or prev button on the carasoul . i acheived the 1st objective by tweaking the code a little bit . i.e. $(function () { $('#homeCarousel').carousel('pause'); });But now how do i add the complex part , By which i mean ,
Drag list of DIV into a 3x3 table.
Hello all. I'm very very new to JQuery and i'm having a bit of difficulty getting what my mind thinks as easy on to the screen. I know I need JQuery draggable but im unsure how to get what I want from it.. On the left, I have a 4x4 table which is empty, and on the right are a list of items, I want users to be able to drag the items into any of the table cells then remove the item from the list, but they also need to be able to take the item back out of the table and put it back into the list. They
Target an area with Jquery
Hello everyone! I've a button and this button opens a div. I've figured that when I target an area except this div it should be hide. This is my codes but it doesn't work perfectly (actually it works slightly). <!--show hide div--> $(function(){ $('.mybutton').click(function(){ $('.mydiv') .show() }); $('html').on('click', function(event){ var target = $(event.target); console.log(target); if (target.is('.mydiv')
Help with finding a Jquery plugin
Hi guys, I'm building an interactive site and there's an interactive effect I'm trying to achieve but I'm having trouble finding a plugin that would do the job. The effect I'm after is a type of hidden image slideshow that requires the user to hover their mouse to uncover squares of the image beneath. Here's an example from a site that does something quite similar. For my site, it wouldn't have to be identical, but I'm going for a similar 'uncovering' effect. After clicking on the link, it's the
I need a little help about arrays+json+ajax
Hello, I am developing an application that creates a series of menus from a database and collected json. Here you can see my development. although, the submenus are created manually. http://jsfiddle.net/7teVR/ the JSON array I get is the following: ["Option1", "Option2", "Option3", "Option 4"] I was trying to do the JSON array like this: Note: the number that appears next to the subcategory indicates the amount of files that have that category. code: { "Menu1": { "SubMenu1": { "Category1": "0",
How to create unique cell ids when creating dynamic tables in jquery
I have the below code which creates dynamic html table. The 4 rows get repeated based on user's choice. The current code crates unique id for tr but i am interested in giving unique id to td elements. Can someone please let me know how to achieve this. <table id="master_table" border="0"> <tr> <th>COL1</th> <th>COL2</th> <th>COL3</th> <th>COL4</th> <td> </td> </tr> <tr> <td> <input type="text" name="col1" class="col1"/> </td> <td> <input type="text" name="col2" class="col2"/> </td> <td> <input
Issue on Checking Check box State On click (Checked or Un Checked)
I am using a Bootstrap Switch component instead of core html check box and I am having issue on getting the state of the check box on click. Can you please take a look at This Demo and let me know how I can enable my code to get the state of the checkbox change and alert in different states? $(document).ready(function () { $("[data-toggle='switch']").wrap('<div class="switch" />').parent().bootstrapSwitch(); $('#test').click(function () { if ($('#chkSelect').attr('checked')) {
Generate jQuery element from HTML, and find from it
I wrote the code as follows, but it didn't work well. var f = jQuery('<h1>foo</h1>').find('h1'); console.log(f.size()); // expect 1, but actually 0 console.log(f.text()); // expect "foo", but actually "" What's wrong?
unable to scroll down pages on android
My App works perfectly (phonegap local build) on ios and android. yesterday i tested on samsunga galaxy Android 4.x and i was stupified that i couldn't scroll down ( touch screen) on any page in my App !
jQuery mobile: pageChange, pageinit, and swipe
Hello everybody, This is my code: actually it 's a listview and I want to get to a matched page whenever any item in the list got swiped. can somebody help me to see it doesn't work? Thanks!!! <!DOCTYPE html> <html> <head> <title>My portfolio</title> <meta name="viewport" content="width = deivice-width, initial-scale =1"> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" href="themes/myThemes.css" /> <link rel="stylesheet" href="themes/jquery.mobile.icons.min.css"
jQuery Cycle not working in Chrome
I am using jQuery Cycle on a site and for some reason it works in IE, Firefox but not in Chrome? Any ideas? It is running on www.stfrancisbayproperty.co.za
estimate of release with standard datepicker?
Hi. I saw the roadmap said a datepicker would be in the next release. Any estimate of when this release will happen? (I've had some great success with jQM, but burned time on the datepicker wrapper before finding that others had already encountered the same problems I had. Specifically, click events going through to jQM widgets below the calendar in pop-up mode, inability to set the date programmatically in inline mode, and a few smaller problems discovered while trying to work around those.
jquery hide and unhide
hi guys i did a jquery for when i click in check box hide and unhide a div. if somebody select the checkbox appear the div (I HAVE THAT) i want when the checkbox is unselect appears another div. any ideias? jquery: $(document).ready(function(){ $('input[type="checkbox"]').click(function(){ if($(this).attr("value")=="red"){ $(".red").toggle(); } }); }); html: <label><input type="checkbox" name="colorCheckbox" value="red"> red</label> <div class="red box">You have selected <strong>red checkbox</strong>
How to improve jqPlot parseOptions/jquery.extend performance
I have an app that uses jqPlot and I want to make it perform better - i.e. have it render the charts faster. Using the Firefox profiler, I'm able to drill down on the time being spent in the various parts of the code, and I've found that the call to jqplot takes ~85% of the time. Of that 85%, ~60% is spent in the jqplot.draw routine and ~20% is taken in the jqplot.parseOptions routine. In addition to the static configuration data (legend related stuff, grid related stuff, cursor and highlighter stuff,
Remove data-iconshadow="false" from JQM Collapsible title
I have been trying to do this for a while with CSS and also data attributes but it is driving me up the wall. It's easy to remove data-iconshadow from buttons, but from collapsibles, not so. In the Developer Console I can see JQM is applying "data-iconshadow='true'" even after I told it not to using this code (in several places): <div data-role="collapsible-set" data-iconshadow="false"> <div data-role="collapsible" data-theme="f" data-collapsed-icon="baby" class="ui-icon-nodisc"
addint value to a table column wise
I have two tables A and B I have a table full of values in table A. I want to have a button for each row and when clicking on it. I want to check the values of the coressponding row and want to add a row value of Table A to Table B (column wise) Please help Thanks in advance
Next Page