How To Catch Page Hide in Version 1.4.2?
Hi: I am trying to use version 1.4.2. In the old version, I can just do $(document).on("#pageid", "pagehide", function(){ $("#pageid").remove();}); when I close a dialog and make sure the div is removed from the DOM. Now it is deprecated and I am supposed to use $(document).on("pagecontainerhide", function(){}); but this gets triggerred on every page transition, even before the dialog page is show. I want to attach a function to the event this "#pageid" gets hidden. How can I do that? thanks a lot
.each() loop only works after data is entered into first row of text inputs
Hi all, I've been flitting in and out of jQuery and PHP to see how best to validate my form, so I may've asked a similar question in another thread as I was trying to make some sort hybrid validation work. That got a bit complicated for my rookie brain so it's all/mostly jQuery now. Sorry my thread title couldn't have been a bit more useful, it's a strange problem (I think). I have 20 text inputs, two on each row. Each row I call a "pair" of text inputs. My starting criteria is: If all text inputs
Playing with swipe
$(function(){ // Bind the swipeHandler callback function to the swipe event on div.box $( "div.box" ).on( "swipe", swipeHandler ); // Callback function references the event target and adds the 'swipe' class to it function swipeHandler( event ){ $( event.target ).addClass( "swipe" ); } }); im new but I dont give up, im trying to UNDERSTAND how this works. I want to make swipe do another thing, BUT...do I need a jquery method to link an url or I can use html5 IN juery mobile? $(
Validation group fields using datepicker and validation plugin
Hi all, I want to validate a group fields using datepicker and validation plugin. My problem is when i change one value (textbox), all elements aren't re-validated. Ex: I manually select textbox to change value: -Textbox 1: 5/5/1987 -> (return true, because (now - date of birth) > 18). -Textbox 2: 5/5/2000 -> Error 2 (return false -> display error 2, because (issued date - date of birth) <14). If i change textbox 1: 5/5/1980, textbox 2 isn't re-validated and still display error2, although (issued
Dynamically populating a JQuery Mobile panel
Hi, My page uses dynamically created collapsible divs based on a Category Name. The collapsible content inside the div is a 'listview' that I populate. I need to use a dynamically updated panel, however, I do not know how to pass a variable to the panel. The variable could be either a string or the 'listview' item itself which I could retrieve the string from the listview item's text. The variable will be used to update the panel information. I simply need to get the "value.name" from the active
Is it possible to use ?
Is it possible to use JSON data to Table body content?
Re-arranging a link in a website
Hi Experts, i am new to jquery and dont know how exactly jquery works . i have a requirement . Thinking jquery can do some help here i have a custom application which i access using a URL . i have two links on the application webpage which are "Help" and "Getting Started" which are alligned exactly one below the other . my requirement here is to place them side by side i.e. "Getting Started" "Help" . can this be achieved . My application is Oracle Discoverer and its on linux . please let me know
Problem with rss feed
Hi everybody, today I've got a problem with rss feeding, here's my script : <script type="text/javascript"> google.load("feeds", "1"); function initialize() { var feed = new google.feeds.Feed("http://www.cndp.fr/crdp-limoges/index.php?id=155&type=100"); feed.setNumEntries(30); feed.load(function(result) { if (!result.error) { var container =
How to make a collapsible menu header link to a page in panel?
Menu header is not going to link given in header portion. <div data-role="collapsible" data-iconpos="right" data-inset="false" data-ajax="false"> <h2 style="margin-top: -12px; margin-bottom: -12.5px;"> <a href="cloud-erp.html" style="text-decoration: none;">Cloud ERP</a></h2> <ul data-role="listview" id="submenu"> <li style="margin-top: 12px;"><a href="cloud-crm.html" data-transition="flip"
jQuery Equal Height Columns on Nested Elements
I have several .row elements structured like so: <div class="row row-even"> <div class="container_12 content"> <div class="grid_4 box"> <div class="content"> <h3><a href="#">Corporate Transactional Services</a></h3> </div>
Get Json data from url source code
Hi, I want to json data from the website code source. Is it possible ? Web site url : http://www.betorder.com/SportFixtures.html?sportTypeId=1
XML parser not working except for IE
Hi guys! Trying to parse an xml using jquery. This seems to work only With IE 11 (didn't try older releases). Chrome, Opera and Firefox don't do anything.. <script type="text/javascript"> if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } else { xmlHttp = new ActiveXObject("Microsoft.XmlHTTP"); } xmlHttp.open("GET", "DataSources/XML/XMLCountries.XML", false); xmlHttp.send(); xmlDoc = xmlHttp.responseXML; var $xml
Shopping cart with json
I have been pulling out my hair trying to find a solution for this particular problem . I have built a shopping cart . Once a users clicks on adds to cart the session is stored in a multidimensional array . Everything works perfectly , my problem lies when I try to submit the data via json (I am submitting via json to prevent the page from refreshing). Please view my code below <a href="cart.php?add=2&rid=2&db=user" class="default"><img src="add_to_cart.png"></a> Here is the html code // This is
Strange behavior with Ajax and HTML Audio resources
I'm using Jquery's GET method to dynamically retrieve a recording and insert it in a element like this : $.get("getrecording.php", function (data) { var audio = "<audio onended='finiAudio()' src='"+data+"' id='mp3' preload='none'></audio>"; $('#somediv').append(audio); }); If I'm checking the src url with Firebug, or just doing an alert on the SRC attribute, I get the proper URL : http://testing.com/recording/call/REa989b3de9edf2c270c20007251268969.mp3 However, if I try to play the audio file with
JQuery increment maximum
I am learning jquery and have been given a little problem to solve and I cannot find the solution so hoping you can help me. I am creating a small increment calculator which i have pasted together from bits and pieces I found online. The problem I have is that i dont want it to go past 10, so if you press plus on teh calculator you cannot go any further. Also I dont want it to go past zero if you press minus, so no -1, -2 etc. How would I achieve this? The code i have is below. many thanks! Hayden
Getting datepicker to count number of days and show the days in between
Hi, Thank you for developing jQuery UI datepicker. It is so user-friendly and beautiful, we don't have to code a calendar all from scratch! I am using the datepicker to show 2 calendars and it is working great! But I couldn't get the number of days to show and I couldn't get it to list out the days in between... Please help me! It might be some stupid mistake I made hahah. For a start I couldn't even get it to count number of days... My code: <script> $(document).ready(function() { $(
Percentage Loader on Button Submit
Hi, I am using a Form uploading images and informations once I select submit I want a percentage loader until it is get submitted. THANKS IN ADVANCE
Jtable and JQuery
i'm displaying values from database to jtable through a list in java servlets. now i want to take 2 values from that list and perform some arithmetic operation and forward that to next .jsp file... any help please how to accomplish this jquery?
Is ajax safe to use in asp.net projects that also have scriptmanagers for their own ajax?
I have an asp.net project that uses their scriptmanager for managing ajax. I was wondering if this would conflict if I used the ".ajax" feature of jquery to make a call to a web service? Does anyone know? Thanks.
Different between jquery-1.10.2 and jquery-1.8.3 about $(obj).attr("href")
The different between jquery-1.10.2 and jquery-1.8.3 about $(obj).attr("href");? why my function $(this).attr(g.sysAttribute[j]) is ok in jquery-1.8.3, but error in jquery-1.10.2
Position Image based on height and width of Image inside div
Hi, I am trying to position the images, based on the image height and width inside a div. I have a 2 column div layout, and in that Image source is dynamic. some images have bigger height and some have bigger width. Currently I have centered the image, but based on the height and width of the image, I would like to re-position the image inside the div. By default, the image should be aligned as it is now, but based on the image height and width, the image position should be re-aligned. JSFiddle
How to restyle button (link or input of type button) on version 1.4.2?
here is my problem, i have a link <a data-enhanced="true" class="my-button ui-btn ui-btn-left ui-icon-back ui-btn-icon-left ui-btn-inline" data-rel="back">Back</a> now i want to restyle it with a different background color and foreground color, so I have .my-button {background-color:blue !important; color:red !important; } but somehow the "important" does not make the browser use the color i specified for my-button. I see that the link inherits a lot of classes such as
Cannot close dialog page, $.mobile.back() does not close my dialog.
Hi: I used the old version 1.3.2, when i do $(elem).dialog("close") it works. Now I am trying to move to version 1.4.2 and dialog widget will be removed. so i am trying to use the new method to create and close dialogs. Here is my code var dialog = $("<div data-role='page' data-dialog='true'></div>").appendTo(document.body); var header = $("<div data-role='header'></div>").appendTo(dialog); var content =$("<div class='ui-content'></div>").appendTo(dialog); var temp = $("<div style='text-align:center'></div>").appendTo(content);
Autocomplete search result with only one record problem while selecting
Database query result: <dict> <product> <id>12345</id> <value>Product Name</value> </product> </dict> Js code: $(element).autocomplete({ source: function (request, response) { this.$autocomplete(function (result) //server side function to fetch data from db { response(JSON.parse(result).root['dict'][product]); }); }, minLength: 2, position: { my: "right top", at: "right bottom" }, select: function (event, ui) { console.log(ui.item
Using Jquery animate() with a delay to load 2 different div
Hi, I am new here, and I hope I post in the good section. I'm currently working on a mini-educational game for the primary school where my children are. I have some basic html, php, mysql, but I am a newbie with jquery ... I built a quiz, and when the schoolchildren get good answers, they win a fish to place in a virtual aquarium. The fishes are png files, and I found a great way on the web to animate them with this code <script type="text/javascript"> $(document).ready(function() {
swipe of touchSlider plugin not working properly on mobile chrome
I am using touchSlider plugin the slider swipes perfectly on ios, but VERY bad on devices supporting chrome. Yet it is working perfectly when I decrease the width of my desktop chrome browser! I have no idea why it's happening. HTML of my slider: <div class="gallery-holder centered"> <div class="gallery" id="gallery2"> <div class="holder"> <div class="list"> <div class="item"> <div class="pro ibox"> first box </div> </div> <div
jquery.ui.menubar.js and css download links
Hi , I was using jquery.ui.menubar.js in production with a ref to CDN GET http://view.jqueryui.com/menubar/ui/jquery.ui.menu.js 404 (Not Found) home:26 GET http://view.jqueryui.com/menubar/ui/jquery.ui.menubar.js 404 (Not Found) home:27 GET http://view.jqueryui.com/menubar/themes/base/jquery.ui.menu.css 404 (Not Found) home:44 GET http://view.jqueryui.com/menubar/themes/base/jquery.ui.menubar.css 404 (Not Found) But now im getting 404 for all the required files. where can i download them, its very
same event on different divs all executing at once
I have eight hidden divs, which I am trying to fadeIn one at a time, in sequence, with a pause between each one. I have tried creating an array of the individual div id, and putting the fadeIn effect in a for loop, and using the incremented value to advance from one div to the next. But all the fadeIn is executed on all the divs at once. And more puzzling to me, when I add an alert function to execute prior to my fade in, to show the array element for each div as it progresses through the for loop,
jQuery Validation Plugin - 'Cannot read property 'type' of undefined '-error, when DOM element is not on the page.
To validate if the form data is correct, I send the data via AJAX to a Web API. When the entered data is invalid, a list of error results are send back to the client. I'm using the jQuery Validation Plugin 'showError' method to map the error results to the right DOM elements. Some times the Web API can send back more error results then there are DOM elements on the page, in this case the 'showErrors' method will throw an error ('Cannot read property 'type' of undefined'). It would be nice if the
Having trouble using jquery to add an "null" attribute to form submitted by javascript submit() only.
I have a form that submits by javscript's submit() function only (no button or mouse click) and I am trying to add an attribute to it using jquery when this submission is activated. Since the code is lengthy, I am including only the form code itself, the javascript line that triggers the submission, the jquery code that is being used (it creates a message box warning the user that they are about to leave the page and the jquery that I have written that does not work. The jquery intent is to create
jquery mobile multiple page, tinyscrollbar missing bar
I try to implement tinyscrollbar (tinyscrollbar.js) into jquery mobile with data-role=page. On the first page it works perfectly fine. but on the second page, the bar is missing. until i clicked on inspect element. I tried tinyscrollbar_update(), update(0), slideToggle().promise()... non works. They all give me different kind of errors. <div class="scrollbar1"> <div class="scrollbar" style="height: 200px;"> <div class="track" style="height: 200px;"> <div class="thumb" style="top: 0px; height: 32.6530612244898px;">
Using .slide on 2 separate elements.
Hi All, I'm using the code below to show and hide a div. jQuery(document).ready(function() { $('#blag-booking-drop-down').hide(); $('#blag-booking').click(function(e){ e.stopPropagation(); $('#blag-booking-drop-down').slideToggle(); }); $('#blag-booking-drop-down').click(function(e){ e.stopPropagation(); }); $(document).click(function(){ $('#blag-booking-drop-down').slideUp(); });It's working great for one div. I've replicated the code for another div on the same page and it works
flexslider - image only showed a few pixel height with jquery delayed
Hello images only showed a few pixel height during the first about 50i seconds (with jquery delayed). Plse see /*jquery delayed*/ above. Where is the mistake? I have a jquery which should load one image immediately with the slider, the rest of the images should load a bit later... thks. <link href="css/style.css" rel="stylesheet" type="text/css"/> <link href="css/flexslider.css" rel="stylesheet" type="text/css" /> <link href="css/mainfluid.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"
Datepicker plugin - date question
Hi there, I've been given the task of modifying an existing booking calendar for a hotel. I didn't code it initially and I am admittedly not a jQuery/Javascript coder so my language may be off. The booking calendar can be seen here: http://www.thelistelhotel.com/ (top right dropdown, in red) Essentially, the powers that be would like for the "check out" calendar date to default to the day after the date chosen for "check in". I have tried various 'minDate' and 'maxDate' configurations to no avail.
Anyway to put a space between dialog button name
When I try it I get js erros buttons: { Do Stuff: function () { doStuff(); }, }
Jquery Mobile vsdoc intellisense
Dear friends, I'am working with JQM on visual studio 2012 and I curious to know if somebody know where can I get an intellisense file for JQM js functions? Thanks in advance
SlideDown issue when height is auto
Hi guys, I got to show correctly the content of my div (description). when i click "Readmore" i show all the content, otherwise, i show only 40px of height. i tried to make the view beauty by adding a slideDown and SlideUp but that's not working. Can someone help me please ? thanks. this is my code : $(document).ready(function($) { var expanded = 0; $(".description .readmore").on("click", function() { if(expanded == 0) { $(this).siblings(".showhalf").css("height", "auto");
Create events dynamically for listview
Hi All, Dynamically created the listview elements. I have to create event for those list items. I tried like this : $.each(singles, function (key, value) { $("#Div1").append('<h4></h4><ul data-role="listview"><li><a href="#ShipsRef" onclick="fnTest(' + value.SHIP_CODE + ');">' + value.SHIP_CODE + '</a></li></ul>'); $("#Div1").trigger("create"); }); function fnTest(obj) { alert(obj); } If
Image rotator
Okay guys,I am trying to make simple image rotator. So I have one div container with overflow hidden,and one div containing the images about 1000px long and I need to animate its 'margin-left' until the end of the div. The problem is that I need it to actually rotate these images,in other words I need it to never stop (except on hover). So what is the best way to do this? Should i .clone the div every time the div hits the end? Or is there an easier solution to this problem? Thanks.
Datepicker plugin - non-contiguous dates
Can datepicker be configured so that only certain non-contiguous dates are selectable (and visibly so)? - I need to set up an enquiry form for a resort which has pre-set trip dates throughout the year, occurring roughly every 3-4 days, and allowing booking up to two years out into the future. It's based on flight dates so if they could choose arrival and departure dates - both from calendars showing only the available flight dates, it would be perfect!
Next Page