Storing xml data in the browser so it can be used in the html markup.
I have been tasked with create pages that load data from an xml document. Then use that data in the html markup. I can load the xml but how do I make the data reusable variables? Thanks
Animation only works on refresh.
Hi there, I've made a simple animation of a cannon shooting a ball chosen by the user. Basically, I want my user to be able to drag the ball to the cannon, drag the lid over the ball, and have an animation play. I've got it so that it works most of the time, but on (what seems to be random) occasions the animation won't play. What's really strange is that if you select the blue ball the animation wont trigger on the first open of the site, but does just fine after you refresh the page. I've got
Help with youtube video on my jquery mobile web!! please!
Hi!, i'm having trooble with videos from youtube in my web. when I press play (android phones and only mobile devices) to the video, the settings menu from the video apears blocking the video, I leave you photos and code, please help me! i'm creating a page for a cinema and I don't know what to do I'm really noob in jquery mobile! thank you. I leave you an attach photo from the issue, and the link to try it for yourself! thank you! (the issue only happens mobile devices) http://www.tiraderagol.tk/jq/#p1
show pdf file
Hi all, how can I show a pdf file using jquery ... I just click on some link/ or picture (smaller image of pdf ) ... doesnt matter ... and it show me that file for reading ... something like google has ... i hope you understand what I want :-)
$.getScript with url hash
I'm using Weinre for debugging my jQM app. I'm trying to load the Weinre's script with .getScript() but it's not working since it's removing the hash part of the URL: original: http://192.168.0.4:8080/target/target-script-min.js#bla getScript: http://192.168.0.4:8080/target/target-script-min.js As result, I can't get my debugger env to work. Why getScript is not respecting the entire URL and how can I solve this? Thanks. PS: I need to load dinamically, not from "<script src..." (this way works good).
Can we store custom rules for validationEngine.js in database
Hi friends i am new to jquery i was using validationEngine.js for my Form validation. normally we store custom rules in validationEngine.en.js file instead of those file can we store the custom rules in database.it is possible or not. please help me friends. thanks in advance..
I want to add an animated image in auto complete.
I am using jquery ui to make an auto complete . i am using a gif image while searching when user enter a letter . Image working while search but i want to remove image when user select . where i put my remove class to remove that animated image . Full code is given below , any suggestion <link rel="stylesheet" href="css/stylesheet.css" type="text/css" /> <script src="js/user.js"></script> <script src="themes/jqery-themes.js"></script> <style> .image{ background-image:url(images/animation_processing.gif);
Applying focus to text field, that is linked to a JQuery Calendar Ctrl, after failed validation
I am having trouble with the JQuery calendar control, because it’s triggered off of a text input field. Important Note: User needs the ability to manually enter the date. Technologies used in this issue: ASP.NET using the 3.5 .NET Framework C# jQuery JavaScript Library v1.10.2 jQuery UI - v1.10.4 All css and image files associated with the smoothness jQuery UI theme Basically what’s happening is: User navigates to text field JQuery Calendar control triggers and pops-up as expected User decides
What is the difference between valid and validate .
I am using jQuery plugin for validating form , it's working . But I want to know the basic difference between Valid() and Validate().
AutoComplete loading XML source Not Working
Hi all and thanks in advance!! Kinda of a Newbie with JavaScript... I had this script working on another server with another xml source but can seem to get this working. What I've done is added 2 more columns to my Data source (XML) as I'm wanting to use the same source on 3 pages just with slightly different outputs. 1. A jQuery search Suggest/Autocomplete 2. A jQuery A to Z list 3. A jQuery Department/Speciality list. Ok the first problem seems to that my data source has 2 more sections in it and
Elements wont be created!
Does anyone know, why this Code does not create any of the elements (<li>, and <ul>)? Thank you! :) var makeTabs = { init: function(){ var $pages = $("div.tabs"); if(!$pages.lenght) return; $pages.addclass("dyn-tabs"); $pages.first().show(); var tabNavigation = $('<ul id="tabs" />') .insertBefore($pages.first()); $pages.each(function(){ var listElement = $("<li />");
Adding an iPhone style "swipe to delete" button to a listview
I needed to add this functionality to my company mobile website (http://m.goba.mobi) last week. I decided to also write up an article on how to add it to your own website: http://andymatthews.net/read/2011/02/18/Adding-iPhone-style-swipe-to-delete-button-to-a-listview-component-in-jQuery-Mobile Hope it helps someone.
popup not showing
I have a basic popup for language selection on site A. When i navigate to different page, i cannot show this popup anymore. As i understand, when navigating to page B, page A is hidden - with popup div on it. How can i solve this problem? Thanks
App version
Hi... I have an app into app store and google play. Sometimes I need to change the version of the app. I want to develop a way to send an alert notification to the user when there is a new app version available (I'm using Jquery mobile + phonegap) My idea: Into the app (apk, ipa) maintain a variable with the version Maintain a text file in the server with the current version IF Current version (in the text file at the server) > Version (into the app) send an alert to the user If the app is dormant
Autodivide / create month headers for list of dates
Has anyone any idea on how to complete any of the following using Jquery: Go through a list of dates e.g. <ul> <li>10/07/2014</li> <li>20/07/2014</li> <li>11/08/2014</li> <li>21/08/2014</li> <li>11/09/2014</li> <li>22/09/2014</li> </ul> and automatically add the month headers (July, August, September) to delineate each month in the list. Ideally this would simply add an extra <li>MONTH</li> just before the first date in each month. If this can't be completed after the list has been rendered I've
Need a very small tweak in a plugin. Who can do this?
I'm using the following plugin on a website to preload webpages when hovering over their links on the navigation panel. http://instantclick.io/click-test It seems to be working very well so far, but I am looking for someone who can tweak it to preload all webpages without hovering. I am going to be using this on a very small website of 4 pages so I am looking forward for someone to tweak this so the whole website preloads in the background when we visit the first page. Thanks
use .load with .before?
OK, so jQuery is making more and more sense with everyday. I'm using it with more confidence and experiencing less errors, and needing to pop my head up in this forum less often. But today I've found something I need a bit of help with, and I'd be very grateful for a bit of wisdom: I have a long string of html that I want to insert with the .before function. It works, but only if I put all the html on one line, which makes for some pretty ugly code, which is a real pain to edit. I'd like to be able
Ajax Jsonp Cross Domain
Hi, I'm writing the following function to check on an other server if an user in a db exist or not. Unfortunately my function isn't working. I googled a lot but couldn't find an solution. Ofter i read i have to user async:false but i used this from the beginning. Has anyone an idea how i could implement this right? When i to an alert on the end of my function, i'll get a result, otherwise i don't get an return value. thanks function checkuser(id){ var res = ""; $.ajax({
how to show a loading msg
hi all I have a large listview,estimate 300-500 entry . model as follows: I want to expand listview through this command: $("li[data-role='collapsible']").collapsible('expand'), and before expanding show a loading message,after collapse hide the loading message.I tried many methods, but still can not achieve this effect. <ul data-role="listview" data-inset="true" class="contentRightpos" > <li data-role="collapsible"
validation page error show .
In my form validation I use captcha , ask question to user and email validation. I use jquery it work 100% but error messsage is displayed more then one .for every validation. If i press 5 time submit button then the error message is five time show in continuese. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript" src="<?php echo base_url(); ?>js/jquery.validate.js"></script> <script> $(document).one( "click", function(event){
Comparing two arrays to get the union set. no can do
I've got two lists on a page. I want to hide items in one list when items of the same name (text) are found on a second list. I can create the arrays ok but having difficulty understanding how to use the [i] value as a variable when comparing the two arrays. The value "Application to Use Radioactive Materials" is in both arrays but my code cannot discern it. I want to hide the tr for "Application to Use Radioactive Materials" on List one because it is a hidden block of text on List two. But the
searching for a jquery plugin for time selection
I am making a booking app.In it the business user will be able to select days/time ranges where his store will be open. That being said I am searching a plugin where he will be able to do so-I have not found anything like that. To be precise the way I want the times to be selected is something like this:fiddle Go in the weekview of the calendar displayed in the fiddle and see how time selections are made. This is how I want to do it... What do you propose?
Any examples of an A to Z list loaded from a XML source??
Hi just wondering if anyone knows of any good A to Z lists (needs to have URL links) loaded from a XML source into a page using DIVs?? The XML would look something like this: <?xml version="1.0" encoding="UTF-8" standalone="yes"?> <keywords xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"> <key> <label>A to Z</label> <url>search-a-z.htm</url> </key> <key> <alpha>a</alpha> <area>area1</area> <label>A-heading</label> <url>alink.htm</url>
how to refresh the page in jquery tabs
Hi, in my application iam using jquery tabs.there are 3 tabs. first tab contains gridview and on load event it will display all records second tab is add record after inserting record and goes to first tab ,last added record is not displaying.it will only display after refresh the page. how to solve to display all record with out refresh the page. my code has no error. and i have checked ispostback on load event. Regards Baiju
JQuery UI Select menu widget
Hi, I have a query like Jquery UI SeletMenu Widget supports in ie7? Thanks, Sudhkar
Slidetoggle
I'm using the jQuery slidetoggle and I am having trouble keeping the slidetoggle open, what i need is when the slidetoggle is open and there are links within the area and the user selects a link and then hits the browser back button, we need the slidetoggle to remain open, can someone help me write this code?
Sortable Divider
Here's the dilemma. I have a sortable list that works perfectly. I want to add a draggable divider (like a styled hr tag) in the sortable list. So this divider can be moved between sortables but not part of them. This would not be part of the sortable accepted items. This is what I've been playing with. It sorta works and the helper get appended after the closest element, but the style of the helper gets thrown off as is placed wrong. Any thoughts of an easier way? $('.hr').draggable({ containment:
Need Help Creating a Scroller
Hi all, I am trying to find a jquery scrolling text tutorial just like the example http://s530207904.initial-website.com/ it's the testimonial bar on the left side of the "critical characteristics" so i would like for someone to point me in the right direction on how I can do it. Thanks.
How to load a div every minute
Hi all, What is wrong the code below, I can't refresh the div I want. function fn60sec() { // runs every 60 sec and runs on init. var pathname = window.location.pathname; $( "#user-card" ).load( pathname + " #user-card"); } fn60sec(); setInterval(fn60sec, 60*1000);
[How to?] how to add a dynamic option like this picture and how it works in database?
how to add a dynamic option like this picture and how it works in database? it created as a field in database? and how to make the effect to add more ?
Jquery Fenster Pop up - How to Close this popup
Hi Team, I have a Div , Inside Which is have form , Along With Submit and Cancel Buttons for the same. I have applied this div a J query Fenster Property and Made it as Pop Up. But When i Click Cancel Button , My Pop up Does not gets Close.
Fire event without change
I'm trying to fire an event without change happening and I'm having some trouble figuring it out. I have the Kendo UI widget on my webpage and the default value is #000000 when the color picker loads. If I click the Apply button in the color picker the 'change' event doesn't fire because I didn't change anything. If I change the slider and click 'Apply' then the value changes and is also put into the 'input text' field. How do I get it so the value #000000 is set when I click Apply without changing
Change from overlapping list to list that breaks into 2 lines
I have a PhoneGap app that displays an unordered list utilizing jQuery mobile's layout. When you view the app on a smaller screen, the text overlaps and you can't read it anymore. I can't figure out how to have the line "break" so that it appears as two lines when the screen size is reduced, and one line when it is not reduced. When the app is run in full screen: When the app is run in a reduced screen: Is there a way to have the "Less Sales Returned..." become two lines? The HTML chuck: <div
current date and prev-next month icons doesn't show in datepicker calender
Hi all, I downloaded datepicker widget with no theme. It works, but the calender doesn't show current date and "next-previous" month icons (however, when I click the top corners of the calender, it goes to the next and prev months). How can I make show current date and next-prev month icons? Thanks.
Bottom
Hello dear gurus, I’m very very new in jquery world and need your help. I have a list with jquery tmpl defined in HTML. In javascript rendering all data from data base and obtaining my list values. Now I need to define a toolbar bellow these list but need to show this toolbar only in bottom side. Currently my toolbar repeats when the list data is more than 1. Below is my example. <script id="tmpl-my_list" type="text/x-jquery-tmpl"> <div some style here> //main div <div>value1</div> <div>value2</div>
dropdown list and ajax load notifications
i have a dropdown list that if select every item of this dropdown we have a ajax call that load a php file with this begin of ajax call for loading php file $(document).on('change','[id^=vijegi]',function(e){ e.preventDefault(); and php file echo echo'<input id="title" class="onvan" type="input" class="form-control" value='.$postvijegi.' placeholder="Enter a title ..."/> <input id="message" class="pay" type="input" class="form-control" value='.$postvijegi.' placeholder="Enter a title ..."/> <div
Testing using Qunit & Mockjax
I am currently learning how to use mockjax together with Qunit but have no idea how to test the following 2 functions.. the following is the code i am making use of which includes both javascript & JQuery, Could anyone help me by giving advice on how to achieve this? $(document).ready(function(){ $("button").click(function() { var htmlFrom=$("#from").val(); var htmlTo=$("#to").val(); $("#ResultTitle").hide(); $.get ("myHTML") departure:htmlFrom, destination:htmlTo }, function(data,status) { parse(data,status,htmlFrom,htmlTo);
M trying to validate through selector by using validation plugin ,but after submitting the form hidden text boxex are also submitted , how i submit only current selected field only .
how i restrict other value from submitting
How to replace iframe embeded urls with ajax?
I'm considering replacing my iframe embeds with ajax calls, however before doing this i would need to know how to prevent links from being followed by the master page. In essence i would like the behavior of an iframe without the hassle of an iframe. Back-story: I've integrated moodle and joomla. Joomla is the master page and currently runs moodle within it using an iframe but i am told ajax can do this better. So far i have this: $('#contents').load('url); It works but the links are followed by
Combination of Dialog and Autocomplete not working in server environment
At the moment I'm quite confused. I created a function which works as expected when run in a local html-file. But when I move the code to a js-file which I include in my asp.net-page it's no longer working properly. The dialog gets displayed, but soon after (I guess it's the data processing) it gets closed and I get a postback on my page. I tried debugging it using firebug and as it seems the event defined in 'source' is not fired. I have no idea why. var tag = $("#txbSearchDataSource").autocomplete({
Next Page