Looking for form restore plugin
I am gonna use ajax to add and update data, I will get json data from api, and restore it into the form for edit, any plugin can do the restore thing?
Newbie here trying to use external javascript
So I was using CDN to use javascript through JQuery in the html, but for organization's sake, I would like to have my javascript externally, but I can't get it to recognize the JQuery anymore when its on an external file. Can anybody let me know how to use CDN for Jquery and have Jquery/javascript in an external file? Thanks!
Tap event on Radio Button
Hello all. I am trying to add the tap event for radio buttons widget and it does not seem to work. Can someone help me out here? The JS is here... $(document).on('pageshow', function(){ $("input:radio[name=cuisine-choice]").on("tap", function() { console.log($(this).val()); }); });The HTML is here... <fieldset data-role="controlgroup" id="cuisine-choices"> <legend>Choose your cuisine</legend> <input type="radio" name="cuisine-choice"
Need assistance with JQuery File Upload implementation issue...
I'm trying to figure out how I broke the JQuery File Upload plugin as my "Add Files " is no longer a button but text, does anyone know how to fix that problem? (see attachment) I'm pretty new to JQery and jscript.. go easy on me. Thanks,
Passing info to an iframe in jquery.mobile
I have used the map from the example here http://demos.jquerymobile.com/1.4.0/popup-iframe/#&ui-state=dialog If you look at map.html (which is the source of the iframe) it has lat/long co-ordinates How would I pass these co-ordinates from the parent page? I have tried lots of things but nothing. When the parent page loads - it loads the map.html page before I get chance in the creating page javascript to be able to pass in the lat/long I have also tried in the parent page, when I get the lat/long,
jQuery Mobile style doesn't affect the app after visiting an external link
I've created an mobile app using jQuery Mobile and Phonegap. When I visit my app features by pressing the buttons,jQuery styles works fine. But when I visit other web links through my app and come back to the app again, the app styles and interface appears with no jQuery mobile style. Here is the screen shot- Before visiting external web link: After visiting external web links through the app: Here is the code for this page- <body> <div data-role="page"> <div data-role="content"> <div data-role="header"
Being able to select multiple stylesheets with this styleswitcher plugin?
Its not possible unless the plugin's code is modified. I've contacted the author about this but I don't think he has time to make it happen. He does like the feature idea though. https://github.com/camsjams/jquery-style-switcher So what can we do to the core file to make it happen? You know to be able to select two themes so to speak at once. I could make several themes, one series for colors, one series for background changes, one series for layout changes and so on! This would allow the end user
How do I create auto resizeable button and text using jQuery Mobile?
I am trying to create an android mobile application using phonegap and jQuery Mobile. I've created the interface of my app, created some buttons and some other basic stuffs. This runs into android flawlessly. The interface, buttons are fine in my tab. But when I installed it into another android device of lower screen size the interface became awkward. The button size was all ok, all the buttons had equal height and width but the button text was not fitted with the button width. Text of longer length
jquery ui draggable not working properly when changing the angle of parent element with css rotate
When I change the angle of the parent element which is specified for containment of a draggable element draggable is not working properly. The draggable element is going outside the containment element. Its working properly If I didn't rotate the element. jsFiddle is here Here is my code <div class="container"> <div class="draggable"></div> </div> $('.draggable').draggable({ containment: ".container" }); .container{ width : 250px; height : 250px; margin: 70px 0 0 70px; border : solid 1px #333; -ms-transform:
div... scroll out of view, up or down, trigger event...
So, i have been at this for a few hours, searching for jsfiddle examples i can modify to fit my needs... if a div scrolls out of view or into view, i want to trigger a example event like ( hide,fade, alert or anything) if the div is above the screen? if the div is below the screen? if the div is center of the screen? the example bellow is missing the "if the div is above the screen?" this was my attempt, but i fail... its as close i could get... else if (objectBottom < windowBottom-500) {//the
Click function for map marker syntax
I'm writing a script to call a unique bootstrap modal depending on which map marker is clicked on a google map. I can't get the modal to launch within my click event of the for loop. If I write a click event for each marker independently it works fine, but I don't want to write 50 click events... I know its how I'm writing the click event thats the problem, I just don't know how to write it properly. var map; var mapOptions = { zoom: 8, center: new google.maps.LatLng(43.819201,-79.535474),
DataPicker CSS color issue... where to change?
I'm using an earlier version of the Date Picker on my site and like the format of Orange.. as opposed dingy grey. (see attached) Where can I make the changes so that my Calendars are synched p from a CSS perspective? Thanks,
jQuery populate list like ng-repeat
I am wondering what is the best way to create repeating elements for a list in jquery, such as posts in a blog etc. I guess I'm asking if theres something more like ng-repeat with just jquery. Right now, I'm just manually creating every element with jquery, giving them an id + the position in the array. This doesn't seem like a very elegant solution to me, and makes reusing components even messier. I read into html templates, but that seems to be manipulated using pure JS without a jquery solution.
how to dynamically assign rowspan to td based on number of rows in the table by creating Handlerbar template
Lets say in a div i want to dynamically create table based on the collection which i assign the handlerbar... Lets see the below code.. <div> <table style="width:100%; table-layout: fixed;"> <tr> <td style="background-color:green">Old Value</td> <td> </td> <td> </td> </tr> <tr> <td style="background-color:Gray" rowspan="4">New Value</td> <td>Team A </td> <td>Player1,Player2,Player3</td> </tr> <tr> <td>Team B</td> <td>Player4,Player 5,Player6</td> </tr> <tr> <td>Team C</td> <td>Player7,Player8,Player9</td>
Updating jQuery Plugin (Camera Slider) to work with current jQuery
Hi, After scouring the internet for longer then it probably should've taken me, I finally found the perfect jQuery Slider that fits my needs. It has a responsive design, and it has awesome transitions. The problem is it uses an outdated jQuery (1.4 I believe). It also uses a customized version of an outdated jQuery Mobile, but I don't plan on using jQuery Mobile for anything else on the site, so I don't foresee that being a problem. Does anyone know how I might go about updating this plugin to work
jquery-1.4.5.min.js referred in the template site is missing
Hi Where can the file jquery-1.4.5.min.js be obtained? It is not available here: http://code.jquery.com/jquery-1.4.5.min.js
What is the purpose of styles() method in jquery ?
i was just going through the source of jquery css() method and came across the following lines of code : function (name, value) { return access(this, function (elem, name, value) { var styles, len, map = {}, i = 0; if (jQuery.isArray(name)) { styles = getStyles(elem); len = name.length; for (; i < len; i++) { map[name[i]] = jQuery.css(elem, name[i], false, styles); } return map; }
CharacterSet Problem
I am using jQuery .load() to load some html files into my "master" page. The users who are creating the html files are using MS Word. I've noticed that MS Word inserts this meta tag: <meta http-equiv="Content-Type" content="text/html; charset=windows-1252" /> Because I am loading the pages using .load(), there are some characters that do not get encoded correctly and little boxes show in their place. Can I override that meta tag inside the html files created in MS Word? If not that, what would be
Using Jquery Mobile without data-role="page"
Hello everybody, I know, it is not a good idea to combine Bootstrap and Jquery Mobil. But I like the responsive layout features of bootstrap and its navbar and I also like the possibilities of jQuery mobile (style, including swipe events, listviews etc.) and transitions. But Jquery Mobile always needs the data-role="page"- container which doesnt allow me to use just the listview-widget of Jquery mobile. And I didn´t find a simple way to use the widgets without this page-Container. Can anyone help
Assign json respone to variable & access out side ajax function
$.ajax({ type: "POST", async: false, dataType: "json", url: "get_data.php", success: function(data){ charts = data; } }); //ajax fucntion end; in above code i assign json response to variable i am getting {"two":[[20,22,30,40],[2,20,24,34]]} as json response. but i assigned this response to charts variable. but how to access that variable in out side ajax fucntion alert(charts.two[0]); it is giving error
jQuery UI Position to set “right” and “bottom” instead of “left” and “top”
Is there any way to make position of element calculated using “right” and “bottom” instead of “left” and “top” css style?
jQuery/JSON processing order
I hope I've got enough code here. From what I can tell with my console logs, I am executing my javascript in the order I want. The problem arises that at console log 3, there is no data to process. I hope this is clear, as I am at my wits end trying to figure this out. My html page calls retrieveData, passing in a path for the selected page. From there, I parse the data and most of the time it works, but sometimes No data gets appended to my page. I need someone to show me how to structure my code
get span text in each li
Hi All, I am having some html rendering I would like to get text with comma sparted of span who is having class green for each span in li. The whole html is under dropdown who is having class mipartrel Please find the image Thanks in advance
Carousel for switchung iFrames or Web Applications?
Hello, I am a developer of business web applications, experienced in Javascript, HTML5, jQuery (itself) but haven't developed own jQuery plugins yet. I now need the expertise of experienced plugin developers, about feasability of the following scenario: I am evaluating possibilities to develop a "Windows-like" app switcher, in carousel style, which shall allow business users to switch between several web apps, loaded at the same time, but only have one visible in the foreground at a point of time.
Unable to make imports to work
Hello all. I am creating a small form based in a given json, but my dynamic imports are not working properly, it add only after the function is called causing a function to not be found. In order to make this import I did this small function: function include(scriptName){ var head = document.getElementsByTagName('head')[0]; script = document.createElement('script'); script.src = scriptName; script.type = 'text/javascript'; head.appendChild(script); } It works as it should,
using backstretch for a background....but wanting it to fade out.
Hi people, This is my 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" content="text/html; charset=UTF-8" /> <meta http-equiv="refresh" content="4; URL=home.html"> <title>Untitled</title> <!--[if gte IE 6]> <script type="text/javascript"> $.backstretch("rotate/intro_with_logo01.jpg", {speed: 550}); </script> <![endif]-->
open page from link
hy. I have a site with index.html where it's a div content where i change contents with ajax calling to files that are into a folder called contents. All is right, but when I link the url the browser open the page in the folder but not the structure of index page. Anyone could help me?
Geo Location
Hi, I'm trying to retrive visitor latitude and longitude to pass like a parameter in a php script. this is my code: function getPosition(){ if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(getLatLong); } else { x.innerHTML = "Geolocation is not supported by this browser."; } } function getLatLang(position) { var lat = position.coords.latitude; var long = position.coords.longitude;
blockUI - changing message for specific ajax when set for all?
I am using the jquery blockUI plugin and have set it to block/unblock on all ajax starts and stops : $(document).ajaxStart($.blockUI).ajaxStop($.unblockUI); What I have found is there are certain parts of my site where while I still want to use the blockui functionality I do not want to display the message. For instance, in a form I am doing ajax call on a username input field to check if the username is available or not... well, as of now my message shows on every keystroke input in the field.
The Mask Pluging does not work in my code
Hello, I have controls in my code : required : true, messages, control email, and Mask. Only Mask does not work, I don't know why, I am lost. I precise that my function Mask works normally in once page, but I have two pages that are linked by the function AjaxRequest. And it is because that, the Mask doesn't work. Please help me. Thanks
How to link from webpage.php to jQuery function
Hi all, I'm trying to check if user is logged in or not. So I'm using sessions for it. Now my doubt is, if I had user name in the session I want to hide the Login button. I'm validating session using php so I want to invoke a jQuery().
Check whether .toggle() or .hide() has hidden an element
I'm working on some code that shows and hides elements in response to filtering options and I'm trying to determine whether an element's visibility needs to be toggled or not. I know whether the element should be visible or hidden. If it should be visible, I want to first check if it is already visible. If it's not, then add it to an array of elements to call toggle on later. I tried using .is(":visible"). The problem is, this tells me whether the element is actually visible, not whether it was specifically
accordion loading data fromn database not working
I have an accordion and a sql database, below is my html My problem is it does ALWAYS bring out data into the accordion when I click on the Link. Sometimes it can be two clicks. Any ideas how to fix my problem? <script> $("accordion").accordion({ autoHeight:false, heightStyle: "content",cache:false }); $("h2,"#accordion").click(function(e) { var contentDiv = (this).next("div"); contentDiv.load($(this).find("a").attr("href"); }); </script> <div id="accordion"> <h2 id="<%=lnkPid%>"> <a href="load.asp?pid=lnkPid"><%=strPerson%></a>
Autocomplete - search form does not submit.
Hello, I added the 'autocomplete' function to my search engine. Well working as to be seen at http://test1.sphider-plus.eu to place any suggestion into the input field of the search form. But I am unable to trigger my search engine without pressing the 'submit' button of the search form, after the suggested keyword is placed into the input field. I searched the forums for solutions and found http://forum.jquery.com/topic/autocomplete-enabled-field-not-submitting-when-pressing-enter Unfortunately
Jquery finding and concat option value
I am new to jquery, hard time finding solution for this. Could someone help me on this. I have a form as shown below. <form id="a" name="fn" > <section ....> <div ....> <select id="sid" name="sname"....> <option data-attribute-value="1" value="1" > 1</option> <option data-attribute-value="2" value="2" > 2</option> <option data-attribute-value="3" value="3" > 3</option> <option data-attribute-value="4" value="4" > 4</option> </select > </div> </section> </form> I would like to append values of
JQuery combogrid for autocomplete
JQuery combogrid for autocomplete is not working in IE11. It works fine in lower version of IE.We are using the below version of JQuery and JQueryUI. Let me know if there is any quick work around to make this working with same version of js. Also help me which version of js is best suited for IE11. jQuery UI - v1.8.20 jQuery v1.7.1
jQuery lightbox chaining
Hi, I have the code below and I want to programmatically reproduce it with jQuery so that it can handle a variable number of photos from Flickr. I want to use jQuery.wrap() to wrap each tag in a link back to the original image on Flickr using method chaining. I want to set a unique ID attribute on each image. Its value is to be based on a loop counter in the for-each block ( using “ attr() ”). Then I want to refactor the code to pop open a lightbox style dialog when clicked, i.e. reuse the wrap()
Wordpress theme and Superfish
I am building a site using the Revoke theme from Tesla. In that theme I have 2 different header.php files and have enabled in the functions to have 3 menus.. The primary one calls 2 instances of Superfish menus (WP menus 1 & 2) on one page and both of them work. The secondary header calls for a different (and only) menu (WP menu 3) using the same settings as the primary header. However, and this is the tricky part, the "sf-js-enabled" class (which works in the primary header) is interpreted as "sf-arrows"
Error in jquery paging
Hi , I want to make clientside paging in my application. following is working fine in my application var cnt=4; var $pagenumbers = $('<div id="pages"></div>'); for (i = 0; i < cnt; i++) { $(' <a href=\"#\" id=' + (i + 1) + ' class="page">' + (i + 1) + '</a>').appendTo($pagenumbers); } $pagenumbers.insertAfter('#st'); this will display 1 2 3 4. my requirement is add anchor with << and
DOM7011: Error on Dialog Close button. Please help
First of all jQuery Mobile is so amazing. Thanks jQuery Mobile Development. Im facing only one bug in IE 9 - I test it by IE Debug tool. When i try to close dialog. It display the following error: DOM7011: The code on this page disabled back and forward caching. For more information, see: http://go.microsoft.com/fwlink/?LinkID=291337 Im searching everywhere and not able to find the solution. But otherside i test jQuery Mobile Documentation example dialog page. Its working perfectly fine in IE. Its
Next Page