Help!!!! Need jquerymobile help!
Help Im using jquery mobile but its not working! I connected the stylesheets and the javascript files but it doesnt work! Im developing with cordova and eclipse. i put the code in an editor and nothing was wrong with it! Here is my code: <!DOCTYPE html> <html> <head> <title>Simple Calculator</title> <link rel="stylesheet" href="jquery/css/jquery.mobile-1.4.2.min.css" type="text/css"/> <script src="jquery/jquery.mobile-1.4.2.min.js" type="text/javascript" charset="utf-8"></script>
getJSON - how to retrieve data and images in .json file and display images in html
Hello All, I'm new to JQuery and I'm having a tough time with a problem I'm trying to solve. Using $.getJSON function, I need to retrieve the data in the .json file and display the images in a gallery. The gallery should display each image at roughly thumbnail size with its caption below it in a 3-column grid at desktop resolution. I can get the .json data to output on the HTML page, but I'm stuck after that. Any help or suggestions are much appreciated. Thanks! output so far: URL: images/image_1.jpg
jQuery elastic plugin
I am using the jQuery elastic plugin in a slightly unusual way. My textarea input comes from a database, and is not directly typed into the textarea. The elastic functionality doesn't seem to kick in until something ityped in the text area. Is there someting I can do in js to kickstart it so that it doesn't need keyboard input to stretch to it contents?
Creating variables inside $each confusion
Hello, Im thinking I have a complete misunderstanding about something.Which is nothing unusual ... If I'm creating variables inside an $each loop what happens in this example. $.each($arr, function (i, v) { var $xxx = i; var $yyy = v; do something ... }); Is there more than one $xxx and $yyy variable?
Dynamically add Dialog button broken
The addButton code below no longer works since at least jQuery-UI 10.4. It does work when there's already a button in the dialog. We are using jQuery (UI) 1.11 JS and CSS. <div id="messageDialog"></div> <script type="text/javascript"> var frameHeight = ( $(window).height()*0.85 )-1220; var frameWidth = $(window).width()*0.85; if (frameWidth > 920) { frameWidth = 920; } $('#messageDialog').dialog({ html: '<h1>hi</h1>', autoOpen: true, height: $(window).height()*0.85, width: frameWidth, position: "left+"
Passing links from JSON in listview
Hi All, I have been looking at the listview autocomplete demos online for local and remote data. In the remote data demo a list of cities is loaded from remote data, but there are no links in the 'search results'. See here: http://demos.jquerymobile.com/1.4.3/listview-autocomplete-remote/ However, In the local data example the list generated contains links to the search content (see below - eg if you search audi, you can click the list item 'Audi' to be taken to audi.html). < ul data-role = "listview"
Autocomplete
HI, I have noticed if i have an array like below: Apple Acceridated Cat Car Baby Background. If i put in c it brings in these options: Acceridated cat car Background So basically it searched for keyword anywhere in the array , unless i type 2-3 more letter and then it stars making sense , so how can i change the above to only show Cat,car when i enter C . Also for the above if i am adding a Turkish keyword which is like : İstanbul So putting I for the textbox does not bring in "İstanbul" however
Problem in ajax load an tabs cause "Error: Syntax error, unrecognized expression: :nth-child"
I use post ajax to load an HTML code with data-role="tabs", inject into page and trigger("create"), after that, javascript console display a problem "Error: Syntax error, unrecognized expression: :nth-child" Does anyone encounter the same problem?
Flipping Page how is it done?
Hi i visited the wacom website http://www.wacom.com/en/us/ i think the navigation can be achieved by adobe edge animate, but what i felt is very impressive to me is the page flip when i click the "About Wacom " button, any idea how they did that ? is there is any script which can do that?
Panels - Create a panel coming from the bottom of the page
Hello, I visited the following link : http://demos.jquerymobile.com/1.3.0-rc.1/docs/demos/widgets/panels/ It exists data-position="left" and data-position="right" but not data-position="bottom" because I would like to have the panel goes up from the footer. Is it possible ? Thank you
phonegap application containing SQLite database testing by qunit
hii, I am new to Qunit. I want to test PhoneGap application containig SQLite database coding by Qunit.Can anyone give me suggestion,How I can do that? //This is javascript code:- window.addEventListener('load', function(){ // Wait for PhoneGap to load document.addEventListener("deviceready", onDeviceReady, false); }, false); // PhoneGap is ready function onDeviceReady() { var db = window.openDatabase("Database2", "1.0", "DigitalNoiz", 200000);
Create options of a select element dynamically - JQuery Mobile
I have created options for select list dynamically. When i tried to add options dynamically through jquery it works properly but i want show first item to be selected which is not working. But if i specified it hard coded then it will automatically take first option as a default. <select id="Domain" data-shadow="true" data-mini="true"> </select> <script type="text/javascript"> $(document).ready(function () { $("#Domain").append($("<option>").attr("value", "0").text("---Select Field Name---"));
Transparent background checkbox in controlgroup
I have a controlgroup containing checkboxes, and I'm trying to get the background transparent. I've tried several methods, but it looks like I can't set the background to transparent without setting the checkbox to transparent as well. One of the methods is: .ui-checkbox label.ui-checkbox-off { background: rgba(0,255,255,0.2) !important; } .ui-checkbox label.ui-checkbox-on { background: rgba(0,255,255,0.2) !important; } The result is that in the unchecked checkboxes, the underlying actual checkbox
How to remove undefined item from array.
I have an array of the type, myArray = [ ["string1" + variable1], ["string2" + variable2] ]; the variable following the string is based on value selected via form. i.e. var variable1 = $('input[name="var1"]').val(); var variable2 = $('input[name="var2"]').val(); How can i remove a particular array that has value undefined / .val() == "" ,from the main array? For example, in the form if variable2 = ""/undefined/not given any value by the user,
Drag and drop datalist items
Hello, i am new to JQUERY, i need to drag and drop datalist items to another panel in the page, without removing the item from the list using asp.net. any one can help me with an example?
jQM adds black border to header and footer when select box is opened
Can anyone tell why jQM (structure only CSS) adds a black border to the header and footer when the select box is opened? http://jsfiddle.net/frank_o/y7jf4/10/
bug with jquery-mobile radio button display
hi i m creating a mobil apps and i have a probleme with my radio buttons, they randomly change apparence. I don t get why. on navigator it's fine, but on mobile phone it's very ugly ... champ mobile and tel are requested by an ajax request(dont know if it matter). took 2 screen this one look to not bug on mobile phone http://www.hostingpics.net/viewer.php?id=142626Capture.png this one look to bug (it comes more often than the first) hostingpics.net/viewer.php?id=775202Capture2.png made a jsfiddle jsfiddle.net/xED4q
Load accordion content on dropdown
I am wondering is it possible to load content of accordion only on accordion dropdown? I don't want to use ajax calls either since I already have all the html markup on the same page as accordion html tags. This is mainly the reason I want to load stuff only on request because right now everything loads on page load and this takes a while! Contents of accordion are in the same file as accordion meaning everything is in the <div> when user clicks that <div> it drops down, displays a loader .gif and
How to understand the jQuery mobile css name?
I want to study its css, but I didn't know the meaning of the name, such as ".ui-page", "..ui-corner-all", "..ui-btn-icon-bottom", etc. I hope I can customize css content, please help me.
Download theme from ThemeRoller
Hi guys, please help me, how to download custom theme from ThemeRoller w/o CDN link? I've save as files from CDN, but my theme still broken.
itterating through select controls for validation
I have a web page below with some jquery to catch the submit of a form ...now in that code before i submit the form I want to check the select box combos c#p# and make sure there aren't duplicates. ie $( "#C0" ).val() + "-" + $( "#P0" ).val() is unique so $( "#C3" ).val() + "-" + $( "#P3" ).val() doesnt have the same value I was thinking I could itterate through the table and concatenate the strings 47-2694;64-2697...etc and then just check each value for a match as I go and if so alert the user
Form validation
Hi, I'm newbie on jQuery, I need to validate a form I have tried to do : jQuery(document).ready(function() { jQuery("#submit_btn").click(function() { //get input field values var user_name = jQuery('input[name=name]').val(); var user_email = jQuery('input[name=email]').val(); var user_message = jQuery('textarea[name=message]').val(); //simple validation at client's end //we simply change border color to red if empty
Keith Wood date picker, consecutive dates validation
Hi, I've started using this amazing datepicker by Keith Wood for my web project and was wondering if anyone could help me out. I am trying to make it so when the user selects a day in any week, they can only choose 3 days more consecutively. What I have tried was using the multiselect however this allowed me to select any 4 days. I have also tried using the custom range method, which got me closer, when I tried to add an onselect function to the custom range method where the end-date selection have
Event handler inside of event handler
This is php string with is echoed out: $('.$name input').on( 'blur', function(e){ $('span.$name div ul').on('click', 'li', function(ev){ var value = $(this).attr('value'); var html = $(this).html(); console.log(value); $('span.$name select').val( value ); $('span.$name input').val( html ); $('span.$name div').hide(); }); }); So I have a handler when its input loses focus
jQuery 2.1.0 | Delete variable-length substrings in delimited string
I need to delete all substrings ending with a $ symbol within a semi-colon delimited string. Sample string may look like this (spaces between semi-colon delimiters only for code clarity). Substrings are of variable lengths: dgtrs534u$hi874hbf45 ; kk4746hghf ; 86dgdhdt65jdbsgdb254sf $277dhcbh74 ; re6hdgf554 Final string should look like this: hi874hbf45 ; kk4746hghf ; 277dhcbh74 ; re6hdgf554 (these values are always same length each) I'll use code below. It's the "replace" method I can't figure out.
[jQuery] Submit a form (POST) to a Thickbox panel
I'm working on a CMS application, and want to create a preview button. What I want it to do is take the form content, pass it to a preview page which will be loaded into a Thickbox (or similar) overlay, but not submit the main form. The content of the form is likely to be too long to send as GET data, so POST will be required. Any ideas? Seb _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
Image slideshow
What I'm trying to make is a slideshow of 3 images that repeats itself over and over again. Let me start from HTML code: <img src="panoramas\panorama1.jpg" class="slides active-img" /> <img src="panoramas\panorama2.jpg" class="slides inactive-img"/> <img src="panoramas\panorama3.jpg" class="slides inactive-img" /> CSS: .active-img{ height: 500px; width: 100%; } .inactive-img{ display:none; } Finally, jQuery: var currentImage =$('.active-img'); var nextImage = currentImage.next();
manage the events of mouse and selection on iframe
I have a big problem and I don't know if it can be resolved or not. I want to manage the behavior of a user in the iframe (when he move mouse or click or select a text from this iframe) but the problem that I must do some treatment in my the session of the user so I must manage the mouse events via servlets but it seems impossible . Know i'm trying to use JQuery but I'm not sure if i can get the session from the servlet and also transmit it to the servlet. please have you any idea about this problem
Need a simple function to store/get a variable/element value to/from a cookie
Hi, I have a jquiry/javascript the first line of which is : document.writeln('<div class="dc-rnav"><a href="javascript:history.go(-1)" title="Go Back">Go Back</a> | <a href="login.pl" title="This will log you out">Log out</a> | <a href="" title="" >$user</a></div>'); You would have spoted $user which does not fit there, therefore what I would like to do is to add a function to this scrip which which will get the user name from the cookie as long as the session last. I believe it will be
Page visible to specific member category
Hi folks, My site has three member categories here http://richinvestor.ning.com/members SUCCESS, VIP and WEALTH. I want to make this page http://richinvestor.ning.com/forum visible to WEALTH members only. Can anyone help me with the Jquery code? Thanks
zooming problem in safari ipad
Hello Jquery mobile experts, I am facing a problem with zooming in Ipad web application. The problem is when we zoom in a page after some extent the safari is getting closed. What to could be wrong? Is there any solution for this? plz help? Thank you
.trigger.click button(div) in parent window without ad-block issues, HOW?
I want a button in my Iframe to click a button in its parent window. I got this to work with a few lines of code, but the adblocker blocked that code in some browsers, now I am looking for an alternative. I was thinking about something like this: the button in the iframe: Symbol.bindElementAction(compId,symbolName,"${_Rectangle }","click",function(sym,e){ window.parent.functionid (); }); the script in the parent page: <script> $(document).ready(function functionid (){ $('#u181' ).trigger('click');
how can i get the value/text of an input field embedded in a column(td) ?
hi, i have tried searching around about this topic but i couldnt find solutions so far. here is my problem, initially i have a table with only tds, when one clicks the edit button, all contents are turned into input fields but with the table contents reserved, now i am trying to get the content of the input fields when one clicks the save button. below is the initial table code: <table border="1" cellpadding="1" cellspacing="2" id="mytable"> <tr> <th>Title</th> <th>Genre</th>
$("#menu-categories").animate({height: "toggle", width: "toggle"} - Problem
Heyho! i got a problem with a selfcoded Wordpress theme in which i use JQuery for all that nice stuff. And i got a problem, where i do not know where it is nor how toe fix it. Maybe you can help me? :) First of all, the problem is here on that homepage: http://nick.jaussi.eu/portfolio/ If you move the mouse too fast over the menu (sometimes several times in a row) the menu does not slide open anymore. Or it opens half or just some pixeles. Only a refresh of the page resolve the problem temporarily.
have a problem with fullscreen in video tag
my problem is when the video is paused and i want to press play . the play on the screen is work, but the play in the bar of the player doesn't meaning is not respond . how can i fix it ? (My main goal is to go to fullscreen when user press on the play on the player so if someone have another suggestion insted of my script happy to hear) $("#my_video").on("click", function(){ if (this.paused) { this.play(); // go full-screen if (this.requestFullscreen) {
custom slider - previous next buttons not working
I am learning jQuery and this is my first project.. so sorry for any silly mistake you may found. I have two problems [1] Previous and next buttons not working. I have been trying since last 2 days! [2] Slider is not looping properly This is live url This is HTML <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Slider</title> <link rel="stylesheet" href="style.css"> </head> <body> <div id="slider"> <div id="slides"> <img src="images/image1.jpg" height="400" width="600" alt="" id="1"> <img
How to use jQuery to modify phone extension
Our phone extension has been changed from 3 digits to 4 digits. All 3 digits extension need to add number 5 For instance Ext. 234 should be Ext. 5234 I am not sure how to use the following RegEx in jQuery to replace extension (( |x|ext|ext.|extension|Ext|Ext.|Extension|#){1}[ ]?([0-9]){4}){0,1}$
detect mouse click
Hello, I want to detect mouse clicks on all .selectall:not(. desactivated ) elements. I have tried the 2 different solutions here : [code]$(document).on('click', ".selectall:not(.desactivated)", function(){ [/code] [code]$('.selectall:not(.desactivated)').unbind('click').click(function(){ [/code] The first solution works on some elements only : it does not apply to some elements in the page. The second solution works on all .selectall elements, even if they have the . desactivated class. Could someone
Looking for Delphi's TDataSet equivalent
Hello. I am evaluating the chances for replacing our Delphi based application by a JS based version. Data aware components and a TDataSet equivalent are essential for this. To my surprise I was not able to find much in this respect: http://misoproject.com/dataset/ Here my questions: Q1: Can anybody give me a hint where to search? Q2: Is the lack of the components possibly the result of the insight that the concept does not work with JS? Regards, Richard
Why is autocomplete slower in 1.4 than 1.3??
Hi All, I'm making a simple web app and i want to use the autocomplete feature of list view. I noticed that for some reason the JQM 1.3 demo is much faster than the JQM 1.4 demo for local data. What i mean by this is when you type in the 'search box' in 1.3 there is no noticible lag in filtering down the search results, but in 1.4 there is quite a big lag in populating the exact same list (of cars, in this case). Check it out http://demos.jquerymobile.com/1.3.0-rc.1/docs/demos/widgets/autocomplete/index.html
Next Page