jquery mobile docs
The docs here are just confusing. I would be glad to help out create examples and better docs, but I need a help myself figuring out what is alive, and how the new stuff works. Suggested Topics and Changes Show depreciated items in docs in different color Show examples of each API item, please (having someone new try to do the example would be smart testing) Common mistakes to avoid Tips
Having slight problem with nested UL LI structures ---
Hello All. I am facing slight problem with a nested UL LI UL structure. See the fiddle: http://jsfiddle.net/bw2zr3qj/18/ As you can see, I'm trying to check which parent li has children ul elements with subsequent li elements in it and if there is, show those elements and show an optional pop alert. For example Wine has a number of children elements, but Vermouth and Tequila don't. If you understand what I'm trying to say. If you click Wine, the different types of wine are shown but not so for Vermouth,
How to evaluate value of the variable
Hi there, I'm running SQL query against a table in SQLite table. I'm passing the results object to a function to display the table. But I'm getting error Uncaught TypeError: undefined is not a function where I use row.eval(strItemName) in my code below. E.g. strItemName is holding the name of column of a table - bikes. so I want row.bikes but I don't know how to do this. Thanks for your help and time. Joe Green function displayDrugCIGN ( transaction, results ) { var listCIGN = $( '#cign_data'
download only passed items
Hey everyone, i'm beginning with learning Jquery, Javascript I have some code that needs an adjustment but i can't figure it out myself. It is a spinner that is downloading playlists from a radiostation. All playlist are loaded @ 00:00h so you can view the playlists of that day. Thats what we don't want because then there is no suprise in a program that uses a chart from 30 to 1 for ex. So what i want to do is ajust the spinner so you can only go back in time. If it's 17.00h i don't want to see the
Is there a mobile site maker like codiqa? And free.
I'm searching for a mobile site maker I discovered codiqa and i find it goob but all the plans are paid. So is there an alternative to it? Free, Many pages, Supports jQuery mobile, with drag and drop, can edit the code, and so much more. Feel free to answer.
jquery checkbox action not working in firefox and chrome
hello sir i've used checkbox. When i clicked on checkbox then open a new window . But problem is that it does not work work first time checked in Mozilla and chrome. On second checked it works. it works only internet explorer. $(document).ready(function(){ ` $('.chk').change(function () { //Here for new Windows open code }) }) Note: I am using struts 1.1 and ajax. Jquery libery 1.9.1
understanding scrollTop
Hey guys, Just a small difficulty in how scrollTop works , I have the following HTML and css code : <body> </body> CSS : body{ height: 4000px; background: #eee; } Jquery code : $( "html" ).scrollTop(5000); now if i say : $( "body" ).scrollTop(5000); scrollTop does't work .. Why ?? my difficulty is also listed in the fiddle : Fiddle
Why this easy settimeout doesn't work?
[Question] Why does this alert message show up even after the full page is loaded within 3 seconds? <!DOCTYPE > <html> <head> <script type="text/javascript"> var slowLoad = window.setTimeout( function() { alert( "This page took 5 seconds or more."); }, 5000); document.addEventListener( 'load', function() { window.clearTimeout( slowLoad ); }, false ); </script> </head> <body> Your downloading will not take 5 seconds or more. </body> </html></dob
Add to JSON object
Not sure where this question belongs so I'll try here. I am trying to add { "tag" : "bridge"} to the end of a JSON array of objects. I have manipulated the return query in php like this: $DB="bridge"; } echo json_encode(plainQuery($DB, $query)); } function plainQuery($db, $query) { //echo "query 53 ".$query."\n"; $cxn = mysqli_connect(HOST,USER,PW,$db) or die("line 22 bridgeQueries.php - Couldn't connect to server"); if (mysqli_connect_errno($cxn)) { printf("Connect
Conditionally create ajax url parameter to use with jQuery Validate
Hi all, I have an issue. I need to dynamically append some data to the url in the remote method when doing an ajax request with jquery validate. Below my script which is not working. Any ideas to make it work?? rules: { "addressName": { required: true, noSpace: true, remote: { url: "https://localhost:8443/mysite/myaccount/addresses/isExistingAddressName",
jQuery UI Dialogs
This is what I am trying to build 1) Trying to integrate jQuery UI Dialogs into my application Effort is to open different html views into the same dialog based on a click on different href links. Enclosing a small snippet a) This is the container <!--Start : report Dialog Container--> <div id="reportDialog" style="display:none;"> <iframe frameborder="0" scrolling="no"></iframe> </div> b) To open a dialog var open = function (reportId, description) { var opt = {
selectmenu
Hello, Jquery UI selectmenu-widget works fine on desktop but if I try to select item under Firefox browser for in android device it does not work... any suggestions ??? I think I don't neet to publish the code.... Other question: any idea how I could use the both jquery ui and jquery mobile on the same responsive website? thx
Issue with replaceWith() and conditional functions.
I'm not sure if this is considered a bug or expected behavior but just in case can you take a peak at this StackOverflow question and letting me know if it is or isn't? Thank you. http://stackoverflow.com/questions/29132459/jquery-replacewith-using-conditional-function-not-behaving-as-i-expected?answertab=votes#tab-top
Newbie: Question regarding multiple jQM HTML pages and ajax
Hi, When using and linking multiple jQM separate HTML pages - that may have one or multiple jQM pages - with or without ajax, is it required to include jQM css and js files in each page? It looks like when NOT including jQM css and js in each HTML page, that may have separate jQM or jQquery plug-ins, the pages are not enhanced properly by jQM. Only when jQM css and js are loaded in each HTML page and without AJAX , all is good but each page transition (even when off) looks slower on Android and
The best tutorial for handling CRUD data with jquery
Hi, I'm looking for the best tutorial out there to get started with data fetching. The purpose is to help a trainee who's starting to build a simple page+jquery for fetching an online database (only CRUD access with REST controllers). I've read this post about fetching specific data records but other resources would be more helpful. Thanks
Problem in android lollipop
Hi Friends, I'm trying to remove a class from class. like $(".abc").removeClass("asdsv"); However it is not working properly in android lollipop. working fine on all other versions.
Jquery mobile page display google map
i want to show a map with my current location and set route() to the shop nearest to my location! my code on index.html <div data-role="page" id="paginaMapa" data-url="map-page"> <div data-role="header"> <h1>Ruta a la tienda mas cercana</h1> </div> <div class="ui-content" id="map-canvas"></div> <a href="#paginaConsultaProductos" id="goback" class="miBoton posicionBoton" ></a> </div> my map.js http://jsfiddle.net/zqLxrp1y/ the ref "#paginaMapa" is on my json + listview
jQuery TE Paragraph Tag Issue
I have an issue with the paragraph tags not wrapping where they should. I get: first sentence<p></p>second sentence<p></p>thirds sentence<p></p> when it should be <p>first sentence</p><p>second sentence</p><p>thirds sentence</p> For some reason it is placing the text outside of the tags. Any ideas anyone? :-)
Newbie: jQuery mobile 1.4 icons?
Hi, I downloaded the jQuery mobile 1.4 and I see images folder with two subfolders icons-png and icons-svg. Is it from these folders the standard icons are used then? As for jQuery 1.3.1 I understand the images were only the below that had all the standard icons: icons-18-black.png icons-18-white.png icons-36-black.png icons-36-white.png Are these images not used any more? If so, when having jQuery mobile 1.4 hosted along with a Web application (and not accessed from a CDN), does it mean all of
Maintain resizable within RadListBox after postback asp.net
HI - i'm using jquery to resize a telerik radlistbox which works fine - problem is its lost on postback. I was wondering if anyone had any ideas on maintaining the resize position on postback. Thanks! <telerik:RadListBox ID="cboQuestionsListBox" RenderMode="Lightweight" DataTextField="ROW_TEXT" DataValueField="ROW_ID" runat="server" Skin="WebBlue" CheckBoxes="true" Width="300px" Height="340px"> </telerik:RadListBox> <script type="text/javascript"> $(document).ready(function () {
How to block the window
Hi, I am display a div loading progress when doing a process. The div is shown properly at the center but I want to know if there is any wad to block the window too just like a window form modal dialog. Thanks, Jassim
Problems to load content from html file into div
Hi there, i use dynatree as a plugin and i want to load the content dynamicly given link url into a div on the page. The link works and the event is alos fired ... but the code just loads the url but not into the div ... what am i doing wrong ? so i added that script to my page: <script type="text/javascript"> $('#main_menu#).dynatree({ clickFolderMode: 1, selectMode: 1, onActivate: function(node) { document.getElementById('main_content').src
Validate Plugin - Checkboxes won't validate after update to v1.13.1
Hi Folks, I am validating a group of checkboxes - and it works in jquery.validate.js v1.13.0 - but when I updated to v1.13.1, the checkboxes no longer validate. Any help would be appreciated Here is my js ... $('#reg').validate({ rules: { 'titlechoices[]': {required: true, minlength: 1}, }, messages: { 'titlechoices[]': { minlength: 'Please select at least {0} options' } }, errorPlacement: function (error, element) { if(element.attr("name")
Not able to access aside tag using jquery
HI Team, Below is the html code <section id="product-selector" class="no-edit"> <div class="steps-options first-step hideOption" data-step="1"> <div class="steps-options" data-step="2"> <div class="two-thirds column-right-margin column"> <div class="one-third column no-margin-right"> <aside class="tip-box" style="background: #C75300;"> <div class="img-content"> <img alt="" src="/content/dam/assets/products-and-services/construction-materials/images/BI-NA-Envelope-Product-Tool-New-Construction-498x250.jpg">
selector for text element within another element
Hi, I am very new in JQuery.. If I have something like this <div class="myDiv"> <span> Test </span> </div> If the text inside the span changed I need to do something.. for example if "Test" inside span has been changed dynamically into "Test2" I need to do something.. Can you help me how can I approach that? I mean what kind of selector should i use to select "text" in span element within the div with class" Many thanks
PC crash when i use Chrome
Hello, I have a problem when I use jqxChart with Google Chrome or Chromium ... When I run my index.php file, my mouse is idling and my PC is very slow. I have to reboot to make it back to normal. But when I run my index.php in Mozilla Firefox, I have no problem and my graphic display normally. Do you know what is the problem with Chrome / Chromium? Thank you in advance index.php : <!DOCTYPE html> <html lang="en"> <head> <title id='Description'>jqxChart Stacked Column Series Example</title>
JQuery rollover image
I have 3 main images on my page. (but i want to put 9 images there - (image1) (image2) (image3) (image1b) (image2a) (image3a) (image1c) (image2c) (image3b) ) the page will be like this (image1) (image2) (image3) I wanna know whats the jquery for ...: When i hover over image1... i want image 2 and 3 to change to image 2a and 3a... When i hover over image2... i want image 1 and 3 to change to image 1b and 3b... When i hover over image3... i want image 1 and 2 to change to image 1c and 2c...
data-xxx attributes disappeared
Hi! If i put the data-xxx attributes with jQuery .data() method, theese attributes disappeared after i insert element to a container. If i put the data-xxx attributes with .attr() method, the attributes remains. Why disappeared with .data() method? http://jsfiddle.net/6zvgL45t/11/
2 form actions - submit a form twice to different scripts
Hi, for some reason I need to transmit a form to 2 different scripts at the same time. Any idea how i can do that? Any help would be appreciated. Greetings Remcha jQuery("#form1").validate({ debug: true, submitHandler: function() { var dataString = jQuery("#order_form form").serialize(); jQuery.ajax({ type: "POST", url: "checkout.php", data: dataString, //dataType: text, success: function(msg) { jQuery('#order').animate({ left: '400px'},
Why this easy js code doesn't work??? Why
<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="styles.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script type="text/javascript"> function fn_01(var vn_name) { if ( fn_02(vn_name) == true ) { alert('Jack, hello!'); } if ( fn_02(vn_name) == false ) { alert('You're not Jack!'); } } function fn_02(var vn_name) { if ( vn_name == 'Jack') { return true; } if ( vn_name <> 'Jack') { return false; } } </script> <style> #div1
Replacing a string with another on button press
Apologies for lack of code but I'm really struggling to get started with this one. This is the code I'm looking to manipulate I'm wanting to change the target when the appropriate button is pressed <embed type="application/x-vlc-plugin" name="video2" autoplay="yes" loop="no" hidden="no" width="100%" height="96%" target="udp://@239.192.2.1:1234" /> So the buttons will have the following values attached so that when pressed they will replace the default target value in the code above
tab is not working after written jquery events onclick and live function for field
I have written live and onclick event for a field after that when i am trying to press tab button it is going top of the screen can any body will tell the solution for it..
Form sumbit focus element
Dear Friends, I have a form i need to duplicate all the values i am copying after generating new form with new id the control has to move to one element below is my code.. var weight=$('#weight').focus(); $('<form></form>') .attr('action', 'create_order.php') .attr('method', 'post') .append($('<input>') .attr('name', 'duplicate') .val(orderNumber) ) .appendTo('body') .submit();
autopopulate option in cascading autocomplete if it is the only option
Hi trying to create cascading autocomplete e.g. 1. CITY 2. STREET 3. NUMBER and once the 1st autocomplete is selected then child elements get autopopulated with option(s) if it is the only one. E.g. there can be the only one street in the city and the only one building number on that street so I' like to be STREET and NUMBER automatically to get their value in such case. In case there is more options then classic widget will be shown. Could you please nudge me closer to solution how to extend autocomplete
datepicker skins
Hi. On line 5 of the code below, I have chosen one of the default skins, vader, for the datepicker. It works great but I want to use one of the other default themes. Please see http://jqueryui.com/themeroller/ On the left, in black, chose the GALLERY tab. There are 24 skins available. When I try the skins that have one word, like smoothness or vader , it works great. When I choose a skin with two words, like UI lightness , I get only a shell of the datepicker. Help? <!-- -------------------------------->
Jquery not showing up in browser (Using carousel plug-in: Camera)
Hi everyone! So I'm trying to build a website but jquery doesn't appear on the page. I've scanned my html/css meticulously and couldn't find any errors...and I tested the file paths using the page source code with Mozilla Firefox, and they all loaded fine. Plugin I am using: http://www.pixedelic.com/plugins/camera/# So it's not the file path. I followed this guide to troubleshoot jQuery: http://css-plus.com/2010/03/6-steps-to-take-if-your-jquery-is-not-working/ I got to step 4, where I removed all
Get value of two dates field
Sorry, I'm beginner in javascript, I want to get the value of date from and date to. How can I do that? <div id="reportrange" class="pull-right" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc"> <i class="glyphicon glyphicon-calendar fa fa-calendar"></i> <span></span> <b class="caret"></b> </div> <script type="text/javascript">
how to disable and enable form field based on the value of another field
I have three drop down lists that are dependent on one another <select class="form-control" id="StatusId" name="StatusId"> <option value=""> </option> <option value="1">Pending</option> <option value="2">Approved</option> <option value="3">Declined</option> </select> <select class="form-control" id="DeclineReasonId" name="DeclineReasonId"> <option value=""> </option> <option value="1">Incomplete Documentation</option> <option value="2">Too many loans</option> <option value="3">Fraudulent Intents</option>
Redirect after Ajax Post
Hi, I am using below code to post form data to MySQL.. It's all working fine except the redirect after post success. I don't get any error in the console and data are being submitted successfully as I have see in MySQL but the redirect is not happening so it will just stay on the same page. Where is the problem? with thanks... <script type="text/javascript"> $(document).ready(function() { // $(function() { $("#btnSave").button(); }); // $(function() { $("#btnCancel").button(); }); $("#btnSave,
two submit buttons in the form?!
Hi, I have a form with: <button id="btnAccept" type="submit" style="width: 200px;">Accept</button> when the user clicks on it then it will post to accept_leave.php I also have decline_leave.php so there should be another button: <button id="btnDecline" type="submit" style="width: 200px;">Decline</button> my current form is: <form id="frmLeave" method="post" action="review_leave.php"> so how can I deal with the btnDecline? How to put it in the same form but when the user clicks it then it should post
Next Page