Wait till user finish typing
Hi, Am trying to get some data from DB , here am checking whether username is registered or not , if he register am getting some data related to that user and displaying on window . I want function to wait for untill user finish typing his username , then run the function , Below is my code , $(function (){ var minlength = 2; $("#username").keyup(function () { var that = this, value = $(this).val(); if (value.length >=
jQuery Mobile doesn't seem to raise focus event for radio buttons
I am trying to show some help text for some form inputs when a user focuses on them on a tablet. I am using jQuery Mobile to render the controls. My problem is that jQuery Mobile does not seem to raise the focus event for radio buttons, or checkboxes as well for that matter. The documentation suggests that this should work: http://jquerymobile.com/test/docs/forms/radiobuttons/events.html Example code: <!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css"
Scriptmanager Does not work on partial postback Only on FirFox
I am facing very strange problem. I have tried many thing but could not get it solved. Here is the scenario. I have a GridView with 40 records. I am registering a script in OnRowDataBound Event of GridView. I registered using ScriptManager.RegisterStartupScript. GridView is inside an UpdatePanel and UpdatePanel is refreshed after one minute. When first time Page is loaded , My script works fine. But after Partial PostBack it stops working on FirFox. It is working on Chrome, IE, Safari and Opera.
A problem where page URL contains "?"
Hi all! I have a problem: where URL of page contains question mark, in the tab content area loads whole this page again by same URL without "?" and parameters after it. This happens after any tab button clicking too. UI version is latest (1.9.2). To compare: With this URL jQuery.tabs displays as expected With this URL there is the problem
Onselect insert value of div to textarea using Jquery
<html> <select id="select1" class="selected"> <option value="box1">clicked box 1</option> <option value="box2">clicked box 2</option> <option value="box3">clicked box 3</option> </select> <select id="fs" class="selected"> <option value="Trebuchet MS" selected="selected">Trebuchet MS</option> <option value="Times New Roman">Times New Roman</option> <option value="Arial">Arial</option> <option value="Verdana ">Verdana </option> <option value="Impact">Impact </option> <option value="Comic Sans MS">Comic
JQueryMobile Listview border bottom and border top
I am working on JqueryMobile listview, before this i has problem with there is a slight gap which is causing the border bottom and border top to appear as a 2px width border instead of 1px. I manage to fix it with margin-bottom: -1px !important;my goal is to make it as dotted line between the border bottom and border top. Thanks my html code <div data-role="fieldcontain"> <ul data-theme="f" data-role="listview" data-inset="false" id="listview"></ul> </div>my css .ui-btn-up-f { border: 1px solid #bbb
JQUERY selector not working in IE7
JQUERY selector not working in IE7 but worrking in IE8 and all other browsers.. Example::: $(th).find("div[ID='CONTAINER_TYPE'][CLASS$='enableBtn']").attr('TYPE');
Has anyone tried out Davinci?
I recently came across a new HTML5 dev tool called "Davinci" used for mobile apps... from what I've gotten, it is something similar to Sencha, but includes a jQuery framework. Is this worth trying out? Any opinions?
Why JQuery doesn't trigger added eventlistener?
I have recognized, that eventhandler added with addEventListener where not influenced by$.trigger. The special reason for that question is, that I have several self created html elements which implements some logic without using external libraries (only pure js). Now in my main project I want to use these controls and further there I have external libaries like jQuery. Now for example I want to trigger the change event (remember...events are added with element.addEventListener("event", function))
Jquery easy confirm dialog.js - Open url with parameters
Hi, I'm implementing the plugin jQueryMobile - SimpleDialog I managed to make it work, but now, after the confirmation I need to open a url with a parameter taken from a variable-php. Ho provato cosi ma non funziona l'eliminazione del record. <?php $idCliente = mysql_real_escape_string($_GET['idCliente']); ?> <script type="text/javascript"> $(document).delegate('#simplebool', 'click', function() { $(this).simpledialog({ 'mode' : 'bool', 'prompt' : 'Vuoi Cancellare il Record?', 'useModal':
JQueryMobile+Phonegap+Android GUI Bug: When changing page some of the components are misplaced
So my problem is sometimes, when I transition through my pages the whole page is not in the proper place. Additionally, when the user clicks anywhere in the screen that is blank, the page will be back in the right place. From the attach pic, you'll see that the header (red highlighted box) and the body is out of place. the correct place should be inside the yellow highlighted box. //Additional: The bug seems to occur more often in samsung galaxy note.
Sliding image by passing parameters through jQuery
body> class="goaslider hideonload"> <img class="goaslider_bgimage" id="6" src="01.jpg" width="1350" height="900"> <div class="goaslider_customhtml"></div> </div> <div class="goaslider hideonload"> <img class="goaslider_bgimage" id="7" src="02.jpg" width="1350" height="900"> <div class="goaslider_customhtml"></div> </div> <div class="goaslider hideonload"> <img class="goaslider_bgimage" src="03.jpg" id="1" width="1350" height="900"> <div
Making some text fields required.
I am working on a new feedback form for my site. I have the basics working fine, the form can be submitted and the data is handled just the way its supposed to. I'm looking to make it so a name and the feedback is required but the email is not. I would also like to add a human check to this. I'm moving over from php and had a remove the text as my human check. Last question, is this the best way to be doing this? <script src="http://code.jquery.com/jquery-latest.js"></script> <script type='text/javascript'>
jquery mobile page templates?
I have a multi-page jquery mobile site m.whitewatertours.com where the top nav. bar and footer code are on each and every page (about 40+ pages). I need to create a template for these items so I can make changes without having to change every single page, but am not finding that a possibility... has anyone done this and if so could you share? Thanks for any input! Jenny
ASP.Net 4.5 - Checkbox and hidden div...seems like it should be easy. :\
I'm definitely a novice but this seems like a no-brainer, to me. I'm using ASP.NET 4.5 in VS 2012, using jQuery 1.7.1 and UI 1.8.20 (what VS comes with.) I've got a single checkbox and hidden div. When the box is checked, I'd like it to BE checked, and slide the div open...and vice-versa. The sliding div works great...no problems there. However, the checkbox is not obeying and will not check or un-check. It sticks in its original state, or automatically checks and unchecks itself faster than
how to implement pinch to zoom in jquerymobile app runnign on android 4.0?
Hello, i am trying to implement pinch to zoom in an android app. Right now i just point to an image in content tag. <div data-role="content"> <!-- <img src="picture3.jpg" width="600" height="830"/>--> </div> Now how can i implement pinch to zoom on this image?Any suggestions?
Jquery Komodo
Hello, This, I know is the wrong forum. But I couldnt find any help anywhere. Im ...trying... to use Komodo as my editor. But I cant get it to accept the jquery autosuggest/autocomplete library How do I get it to suggest jquery. Ive gone into edit/preferences/javascript libraries and put a jquery download into there. But, alas, no autocomplete. How do I do this? Can anybody help, Im tired of using wordpad.
Creating a custom input type for jEditable.
I'm using the jEditable plugin and the following code to toggle between On and Off for a series of settings on a page. $(document).ready(function() { $('.editable_select').editable(''http://someexamplepage.com/save.php', { indicator: '<img src="/images/spinner.gif">', data : " {'✓':'✓','✗':'✗'} ", tooltip : 'Click to Edit', type : 'select', onblur : 'submit', style : 'inherit' }); }); And then this in the html: <b class="editable_select" id="setting1" style="display:inline">✓</b>
loaded element changing the content of a div
I have a page, containing 2 boxes. A the start of the page 1 of the boxes is loaded with a page, the page has a button. What a would like: pressing the button the second box loads an file. the page: <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <meta name="author" content="janbe"
Newbie needs help with slideshow
Hello out there, I've used jQuery for a slideshow and it works fine. To be honest, I copied just a slideshow from a tutorial and only used my pictures for the slideshow. But I want more I have up to 10 jpg pictures and 10 transparent png files containig text. The slideshow should work like this: fade in a jpg, wait about 2-3 secs, fade in the corresponding png-file, wait about 3 secs, fade all out and fade in next jpg, wait about 2-3 secs, fade in the corresponding png-file, wait about 3 secs, fade
Autocomplete and custom _renderItemData
Hi I have tried to modifu format of item using _renderItemData (or _renderItem) and used with remote source , it works fine till user press Arrow up/down and i get error: Uncaught TypeError: Cannot read property 'value' of undefined L:6460 I have value field in my JSON source, when i remove _renderItemData , it works fine? Thanks P $.widget( "custom.beachcomplete", $.ui.autocomplete, { _renderMenu: function( ul, items ) { var that = this, currentCategory = ""; $.each( items,
Different settings for call made to a plugin
Hey, I started making a plugin yesterday that full screens the image you click on What I am wanting to be able to do is send custom settings to the plugin for each object that calls it, at the moment the plugin just adds all the settings sent to a global settings variable. (".images img").imagebox({"transition" : "fadeIn"}); while another class might call it with different settings so (".bigImages .img").imagebox({"transition" : "none"}); What is the method to make the plugin refer back to the settings
Cannot able to remove tab from remove button ? Please help
<script type="text/javascript" src="js/jquery.tools.min.js"></script> <script type="text/javascript" src="js/jquery-ui-personalized.js"></script> <script type="text/javascript"> //<![CDATA[ var dyna_tabs = { tabs: null, init: function (id) { var tabs = $('<div></div>').append('<div id="'+ id + '"></div>'); $('body').append(tabs); var list = $('<ul></ul').append('<li><a href="#"></a></li>'); tabs.append(list); tabs.tabs(); // remove the
Jquery Datatable Plugin - Adding new row with pagination
HI, Can someone help in adding a new row in jquery datatable. I tried adding row with pagination. It always adds to the last page. Is there anyway to add the new row in the page where we are adding? Or it is better if the user is taken to last page where the row is added. Any help on this.
Inputs, keypress, change, blur and auto-format
Hi there! Well, what I'm trying to: auto-format an input type as user writes down Suppose a form input, type text, which will cotain numbers, and I want to format them with the correct number format; i.e.: (EU format) "2222,222" --> "2.222,222" // (US format) "2222.222" --> "2,222.222" Ok. So I'm developing my own jQuery plugin "numberFormat" which registers for any object the listeners for keypress, change and blur events. Right now, I can format the number as the user is writting down or changes
Multipage document doesn't work. What am I missing?
Im about to pull the hair out of my head on this! I've stared at it now for hours and maybe I'm missing something simple here... it usually is... The 3 buttons on the first page, although linked correctly to each page (in my mind), will not work. I could really use another set of eyes to help me see what I'm missing or incorrectly coded. Any help would be MUCH appreciated. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,
Is jQueryMobile ver1.2.0 interchangeable with ver1.1.1?
Please teach me if I upgrade my application using jQueryMobile 1.1.1 to using jQuery Mobile 1.2.0, can it work as ever? I'm simply planning to change my code as follow: <link rel="stylesheet" href="css/themes/default/jquery.mobile-1.1.1.css" /> <script src="jquery.mobile-1.1.1.js"></script> ↓ <link rel="stylesheet" href="css/themes/default/jquery.mobile-1.2.0.css" /> <script src="jquery.mobile-1.2.0.js"></script> After this change, is
Cannot remove tab from Remove button in jquery
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title> </title> <style type="text/css"> /* ---------------------------------------------------------------------------- jQuery UI Tabs */ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left:
jQuery.ready() no longer displays piecemeal?
Greetings, We recently upgraded jQuery all the way from 1.3.2 to 1.8.3 and have noticed an irritating change in page loading behavior. With the new 1.8.3 on a slow processor a new page load will blank the screen for 2 to 3 seconds before suddenly displaying the entire well formed page. With the older 1.3.2 it would display piecemeal while it was building the screen. For example, it would show a div folder containing widgets, then add a menu to the display, and finally add some tabs to the display.
Jquery dialog box with accordions and form elements in it.
Hi, Can you please help with Jquery dialog box with accordions. Each accordions has form elements. Dialog box will have submit button to submit all form elements value. Appreciate if someone can give a demo code for this.
including jquery file
How we include a jquery file in .js file that can work in .html file also what is the code in <head> element
Initial landing page based on condition
I have a main.html with 2 pages (data-role = page) Now I see the splash screen then page 1 and page 2 my functionality required that I go to page 1 or page 2 depending on some condition. Currently, it shows page 1 and if condition is true goes to page 2 but i dont want that way, i want page 2 visible after the splash if the condition is true, please gimme some ideas how can I achive this thanks in advance :) regards j
Custom theme misses some icons (for buttons)
Hi, I am using a custom theme. This theme was done with the ThemeRoller-Tool from the jquery-mobile-Site. But when using this theme, some icons are lost/wrong. Example: <a href="index.html" data-role="button" data-icon="edit">My button</a> With the original theme a pencil is shown. But with my custom theme, a "plus" is shown. I am using: <link rel="stylesheet" href="/css/my_theme.min.css" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile.structure-1.2.0.min.css" />
Back button after external link loses dynamic content
Within my app a user eventually navigates to an external link by going through a few dynamically populated listviews (Each listview click ajax loads content into the next listview) All the pages are contained within the same HTML file. However, after visiting the external link, if the user then clicks back, all the previous listviews are now empty (so they have to click back 2-3 times to reach the home page) Is there a way of caching this so back functions as a user would expect? I've tried setting
Toggle multiple elements.
Guys; I have multiple DIV's that I'm I'd like to toggle with both classes as specified in the function below but it switches just between 2 of the DIV's only and never get to the others. Any ideas of what the problem could be. <script> $.fn.slideFadeToggle = function(speed, easing, callback) { return this.animate({opacity: 'toggle', height: 'toggle'}, speed, easing, callback); }; $(document).ready(function(){ $("div.faces:not(:first)").hide(); $(".lefter,.righter").click(function(){
including jQuery file in .js file
How we include a jquery file in .js file that can work in .html file also what is the code in <head> element
Forward navigation works but backwards did not work
Hello, I described my problem already at this page: http://stackoverflow.com/questions/14233145/jquerymobile-forward-navigation-works-but-backwards-did-not-work I've also added two comments. Maybe someone here can help me? Best regards, Stefan
Multiple Dropdown - Selecting Value
Hi, I am very new to jquery.I am trying to implement below logic for multiple dropdown. 1) If user has selected multiple values and then "NoValue" option is selected, deselect all the options except for "NoValue" option. 2) If "NoValue" is first option selected and then user selects other option , deselect the "NoValue" option alone. Basically user must not be allowed to select the "NoValue" option and other options at the same time. <select id="multiple" multiple="multiple"> <option value="NoValue">NoValue</option>
Listview: Refreshing so no item is selected.
Hi, if I have a listview and say for example with one item chosen, how is it possible to refresh it so that nothing in the list has been chosen. Thanks.
combining multiple images and zoom that image like a simple image.
hi , this is my first . I have lot of images [thumbnail and original size ] , i want to combine all thumbnail images into a single image [look like] , and zoom that image like Google map . Is any j query plug in is available for this ? thanks in advance
Next Page