How i can use swipeleft and swiperight in JQM 1.3.1?
Hi, i have some problems with the use of swipe in my app . I have a div : <div class='box'>Content</div> I would create some actions when a user swipe left on the element, so i create this simple script: $( document ).on( "pageinit", function() { $( document ).on( "swipeleft", ".box", function( ) { alert($(this).html()); }); }); This is the onlyone script that work for me but when i swipeleft on the element the alert appeare three times? Why? Thanks for help !
jQuery and iframes
I am using a menu system that slides down from a button below the logo. Once the button is clicked, the iframe that contains the menu slides down and displays all the links. The iframe is coming from a file that is within my root folder. All the links within the iframe menu system, open in a new tab. My question. I want the original start page to close the iframe window after any of the links inside the iframe window are clicked. I can get this to work, if the menu system is within the start
Automatic redirect to first page even after changePage in Google Chrome
Hi, I have a problem with a jqm app, it seems a jqm bug with Google Chrome. I've made a concept proof with just a bit of code here: http://www.net-monsters.com/demos/jqm/foo.html As you can see, at the pageinit event, it just declares a sample object "foo" and instances it, after that, it redirects to a dialog page "#page2" The problem is that, though the code redirects to #page2, it finally ends at #page1. There are three "solutions" by now: 1. wrap the changePage in a setTimeout function ( really
DOM elements don't get refreshed in pageinit/pageshow event after navigating using $.mobile.changePage with reloadPage=true
I have got two html pages each containing JQM page. If I move from Page1 to Page2 (by clicking the button in the example using $.mobile.changePage with reloadPage=true) and then move back to Page1 then assigning any value to txt1 textbox (inside the pageshow event) doesn't work - textbox remains BLANK. However in the second trip (i.e. Page1->Page2->Page1 using button click) it works. Code example is here: Page1.htm <!DOCTYPE>
<html>
<head>
<title>Page-1</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
Draggable position: Fixed
I'm trying to build an app with the function to annotate documents. I want to use draggable as marking points. So the user drags from the toolbar onto a document, new draggable is then created and so on. The problem is that when a document is being scrolled down the draggable elements always stay on the top (they should go down with the page). I've tried to remove fixed position on the 'drop' event but still not there Please look at my fiddle http://jsfiddle.net/sUPsk/3/ Thanks
error with my jquery file...
i am new to jquery and i download the jquery 2.0 for my personal development but when i called the src file....and input a jquery function it won't work please i need help.. this is the script code..... <html> <head> <title> testing jquery... </title> </head> <body> <script type="text/javascript" src="/var/www/jquery.js"></script> <script type="text/javascript"> //alert ('akosua'); //alert($('#happy').html()); $("#blink").hide(); alert($(:input).val()); </script> <div id="happy"> <p>haha</p> <p>hahaha</p>
jquery autocomplete with checkboxes removing as search
On a page I have a search (input) box and below a few checkboxes with labels. The idea is as people type the variable projects are searched and the results in the list are replaced with the result. this would probably mean losing the whole list and re-writing it here is the js i am using var projects = [{ value: "open", label: "Open", },{ value: "inprogress", label: "In Progress", },{ value: "reopened", label: "Reopened", },{ value: "closed", label: "Closed", },{ value: "another", label: "Another
Jquery Mobile and jquery ui datepicker
Hello, I am using jQuery Mobile 1.3.1 with jquery 1.9.1 and jquery ui 1.10.3. I am using a multi-page template for the application. On the index page I am loading the required JQM css and script files. Infact all my html pages have the same script and css files loaded. On a certain page I want to display a datepicker, so, on that page I load the jquery ui css and script files along with the JQM files. The datepicker shows up only when I give data-ajax="false" on the anchor tag the loades this page.
Current Market Share Numbers of jQuery Mobile
Good day! Currently, I am writing on a paper for my university and I am looking for current market share numbers of jQuery Mobile. Unfortunately, the only source I found on the internet is from 2011[1]. Does anybody have current numbers? Thanks! Greetings [1] http://trends.builtwith.com/Reports/Mobile-Web-Technology-2011/Mobile-Web-Technology-2011.html
can anyone tell me how to slide a login panel on page load.?....I m using jquery and i dont want any click
$(document).ready(function() { // Expand Panel $("#open").click(function(){ $('div#panel').slideDown("fast"); }); // Collapse Panel $("#close").click(function(){ $("div#panel").slideUp("fast"); }); // Switch buttons from "Log In | Register" to "Close Panel" on click $("#toggle a").click(function () { $("#toggle a").toggle(); }); }); I m using <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
http://www.eljamesauthor.com/landing/
Hello, I'm working on a school project, and saw this landing page. Its perfect for my school project. I've downloaded the website, but it didnt work on my local disk(Probably because of php scripts). Is there any way to reconstruct this landing page in Jquery? Sorry for the bad English http://www.eljamesauthor.com/landing/
How to export data table in predefined formated excel ?
can anybody tell me how do i export my data table in to predefined formatted excel ?
Jquery.find in event.handlers is much slower than old quickIs
http://jsperf.com/jquery-1-7-2-quickis-vs-jquery-1-9-1-find With jquery 1.9.1 scroll on ios becomes very laggy because of event handlers of touchstart and touchmove bounded to document.body. Patching jquery with old quickIs resolve this problem. Is it possible to return quickIs in addition to current mechanic?
Sliding submenus
Hello, I tried searching for this, but I couldn't find any answers; sorry if I missed something. Anyway, here's what I'm hoping to do: I have a listview populated (via ajax) with comments. I'm hoping for it to be able to do two things: Respond to a tap/click by loading replies (already implemented). Second, I'd like the user to be able to swipe the <LI> from right-to-left to reveal a sliding panel with other options pertaining to the comment; this panel only covers the comment list item (give
Best way to handle results from a search
I'm using .post to send a search field to a server side page that processes the search and returns results to a div. That works well. However, I want to be able to have those results go out to another (different) page on the server and return data into another div. How? I tried returning the search results as an html hyperlink but the path will not work. I'm using html5 so there is only one page on the client side (index.html) and the search form is contained in a div on that page.
Jquery Cookies
Im creating a mobile apps using Icenium(html,css,jquery mobile,java script). One of the features of my apps is to have a save username and password of persons who log-in. and many said it will work using plugin. But i tried many plugin but it didnt work. Is there anything you can help about my problem?a example of simple code when use cookies taht will work in my apps. Hope you can help me. Thanks
How to make the se grip handle larger for a jQuery-UI resizeable?
I'd like to make the SE grip handle of a resizeable DIV larger so my novice users won't be as likely to drag right or down when t hey mean to drag diagonally. It looks about 16px x 16px now and I can see that the icon assigned is ui-icon ui-icon-gripsmall-diagonal-se It seems like there should be a ui-icon-gripslarge-diagonal-se somewhere, or a way to use my own icon and choose the size. I'd like to end up with a grip handle about 32px x 32px. Thanks for any ideas.
Jquery Mobile 1.3.1 on code.jquery.com?
Hi all, I was just wondering if JQuery Mobile 1.3.1 will be on code.jquery.com soon? Thanks!
Please solve this issue
Dear all, I am trying to create DragAndDrop plugin this is my code. It gives no error nor it functions correctly. I don't understand what might be the actual problem. Please solve my issue. Regard's B. Jagadeesh <html > <head><title> </title> <script type="text/javascript"> function EventTarget() { this.handlers = {}; }; EventTarget.prototype = { constructor: EventTarget, addHandler: function (type, handler) { if (typeof this.handlers[type] == "undefined") { this.handlers[type] = []; } this.handlers[type].push(handler);
How to use OR operator in this function? Instead 3 show functions how can I use OR operator so that it will be one function?
$(document).ready(function() { $(":radio:eq(0)").click(function() { $("#second_datepicker").hide(); }); $(":radio:eq(1)").click(function() { $("#second_datepicker").show(); }); $(":radio:eq(2)").click(function() { $("#second_datepicker").show(); }); $(":radio:eq(3)").click(function() { $("#second_datepicker").show(); }); });
Any issue using PHP INCLUDE for the head section ?
Hi, Ok, so I've got a site up and running (Using individual html files/Not multipage) Would there be any issue with jquery if I used a php include for the head section of each page, placed just below the title tags? Example: A file called head.php <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <link rel="apple-touch-icon" href="images/apple-touch-icon-iphone.png" /> <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-ipad.png"
A nice image display/gallery method? (Not Flexslider)
Can people suggest some nice ways/scripts for displaying images other than flexslider? I've tried to get it to work (As posted here) but can't...and it's stopping me developing the rest of the site. I've still got flexslider running LINK REMOVED but you have to refresh the page for it to load and I can't manage a fix. PS: It does load if you visit that link directly...Annoyingly. Something that either flicks through images via touch or click, or something that displays x amount of images all displayed
Ajax -POST call with Jquery - cross domain
Hi, Tried this..and this works on FF and Chrome..not on IE..though call goes to the function.Any pointers? And is there any other way to make a cross -domain POST call.. Can we do it with JSON instead of JSONP? function (url, requestData) { var jqryXHR = $.ajax({ type: 'POST', url: anotherDomainurl, dataType: 'jsonp', contentType: 'application/json; charset=UTF-8', data: { requestParams: requestData } }); }
iOS Datepicker
I've got my jQuery page that displays the native date picker on iOS. When a user selects the date it is displayed spelled out like May 22, 2013. I'd like to format the date as 05/22/2013. Is there a way to use the native date picker in iOS and have it format the date as 05/22/2013?
Where is the documentation for things like this?
tabs("add", "tab"); tabs("remove" , "tab"); I am still very new to trying to use this library and am having a very difficult time locating the documentation that supports these options that are shown in many pieces of sample code. Any help in getting pointed to the right stuff would be appreciated.
This JQuery sum works in JSFiddler but not when try and open it in a browser? It must be something silly!
<!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>Untitled Document</title> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> </head> <body> <select class="quote" name="quote[50]"> <option value="0">0</option> <option value="10">1</option>
How can jquery detect when an image map is clicked?
I am using a chart control that is generated from asp.net. Its a bar chart,and each bar has a tool-tip. (The tool-tip is a 'title' attribute). There is an image-map that describes each bar area as a rectangle. I can capture ordinary clicks on the chart when they are outside of the bars. But when they are inside of the bars, they don't get captured by the usual on.("click") jquery code. Ideally, when the user clicks inside a bar, I would like jquery to capture the tooltip. If I can do that,
Clear html on button click
script type="text/javascript"> function clear() { $("#monitor").html(""); } </script> <div> <button onclick=clear()>Clear</button> </div> <hr /> <ul id="monitor"> </ul> The monitor html does not get cleared ?????
Timer problem when window minimized
Dear friends, I am a .NET WEB APPLICATION DEVELOPER... I just started using JQUERY and liked it so much. I developed an asp.net page and used some jquery code on it. Shortly, I put a timer bar with 900px width. I use an animate function. Function adds 5px every second and if width of the bar exceeds 895px, timer stops and width gets 0px. You will find the code below. The problem is if I minimize or open another window while timer works, width of the bar exceeds the 895px but timer does not stop.
Box Slider callbacks beforeSlide and afterSlide
I have the box slider plugin working as it should, but now I'd like to make it a bit more fancy and make use of the callbacks with animation etc... But I just don't understand how it works using the options. so my markup for each list item looks like this. <li> <div class="text"> <h2>Heading</h2> <p>A short description of the slider</p> </div> <img src="some/image/path.jpg" alt="image description" title="image title"/> </li> I want to animate the text out
Mega Hover Over
Hi All, I am currently using the mega hover over jquery on my website for my navigational menu at the top of my page. i would like to make it so when i hover over an option in my menu another menu will appear. it that possible using this query? this is the code. $(document).ready(function() { //On Hover Over function megaHoverOver(){ $(this).find(".sub").stop().fadeTo('fast', 1).show(); //Find sub and fade it in (function($) { //Function to calculate total width of all ul's
validationEngine validates on blur but posts data anyway if errors exist
I have posted this to the correct forum as I somehow selected the Developing jQuery instead of Using jQuery Plugins which is were it belongs! I seem to be having an issue with the validationEngine on a new page currently under development. For some reason, on a blur event the validation works, but when I submit the form, instead of showing the errors, the pages flashes the validation error messages for every field and posts the form data instead of disabling the form submission. Relevant code
Replace in string
Hi, i have this text: <div class="blog-class-nxcms"><div id="prepare-for-put-div-42" class="prepare-for-put-div"><delnxcmstag><div id="put-here42"><div class="test-nxcms"><delnxcmstag><div id="prepare-for-put-div-41" class="prepare-for-put-div"><delnxcmstag><div id="put-here41"><div class="blog-image-nxcms"><delnxcmstag><div id="prepare-for-put-div-43" class="prepare-for-put-div"><delnxcmstag><div id="put-here43"></div></div></delnxcmstag></div></div></delnxcmstag></div></delnxcmstag></div></div></delnxcmstag></div></delnxcmstag></div>
A fundamental question on how modern browsers cache resources.
Scenario 1. ---------- If my home page (index.html) has a link to an external CSS file and a script tag with an external reference to a JavaScript file, as follows: <link rel="stylesheet" href="css/style.css"> <script src="js/script.js"></script> If my index.html has an anchor tag which references a child page, ie: <a href="contacts.html">Contacts</a> However contacts.html also contains the above CSS and JS references - Q. is this an inefficient way of loading a child page, or does the browser cache
Is there a way to add a validation without attaching it to an input field?
is there a way to add a validation without attaching it to an input field?
Remove css class or div, but without content
Hi, how can I remove some classes and divs, but without content, somethig like that: <div class='i-need-it'><div id='i-want-to-remove'><div id='i-need-it'><a id='i-need-id'><a></div><div></div> <div class='i-want-to-remove'>blah blah i need this blah blah</div> Thanks.
Using <div>s as slides instead of images in ImageFlow Slider
I am using ImageFlow for making an image slider. I want to use <div>s instead of images for slides. How can I do it?
Slideshow Control problem, one side does not work
Hi! I am new to jQuery and am trying to adapt a slideshow to fit my layout. I have one end of the slideshow working fine, as you can scroll left with no issue. However, on the right control, the button does not seem to be clickable. The link to the page is here. Here is the template page's code: <!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"
hello, iam trying to onclick on one div send the content to another div
hello, iam trying to onclick on one div send the content to another div i can send the content from one div to another the problem now its to send only the one that its clicked on [removed] <script> document.getElementById('there').appendChild( document.getElementById('eee') ); <form action="projectAdd-step4.php" method="post"> <h3>Contractors</h3> <p>Choose some existing contractors in the left column by clicking their name or delete in the right column by the same way</p>
Problem with a collapsible class in jqmobile
Hi i dont understand why is not working my collapsible role... the code is: the fragment of the html: <div data-role="collapsible"><h3>Standard equipment</h3> <div id="div_equipamiento_standard"> <!-- Here is the elements charged from .js--> </div>The fragment of .js var eq_standard = ''; $.each(objVehicle.equimapiento_standard, function (i, item){ //Titulo de la seccion eq_standard = eq_standard+'<div data-role="collapsible"><h3>'+i+'</h3><div class="texto"><span id="equipamiento_span">'; $.each(item,
Next Page