jquery AutoComplete and AutoFill Issue
I have a secure web-based application consisting of several modules, one for customer information that contains a form with several input fields. The first field is for the customer code. I have implemented the jquery AutoComplete script for the field. I would also like to implement an AutoFill script so that once the customer code is selected via the AutoComplete (and tabbed to the next field) the remaining fields could be entered by the system. The AutoComplete works just fine but I cannot get
refresh #page2
Hi-- I have a simple 2 page jquery.mobile app. I'm using #page1 to gather parameters for a <canvas> object drawing on #page2. I cannot figure out how to refresh the drawing (and other content) on page two after I make changes. If I push f5 it refreshes. My question is how do I programatically refresh the page? --DrBill
Load jQueryUI from Plugin
For my plugin to work, jQueryUI needs to be loaded. I have tried loading it before the self.setup(); Which loads the plugin, but apparently first after my code is finished setting things up, so the jQueryUI rules doesn't become apparent. (function ($, window, document, undefined) { var Ob = { init: function (options, elem) { var self = this; self.$elem = $(elem); if (typeof options === 'string') { self.site = options; } else { // Object passed self.site = options.site; self.options = $.extend({},
validation of code
I am trying to pass a string to a jsp file, and then I hope the jsp file will do something with the string. I don't know jsp though. I just want to make sure that my logic is correct. My code "works", but I want to make sure of what it does. I think I am posting the val of the string to browser's memory and calling the test.jsp file. Is that what is happening? <!DOCTYPE html> <html> <head> <title>Page Title</title> <script src="http://code.jquery.com/jquery-latest.min.js"></script>
jQuery validation Pllugin with Obout Combobox
I am using obout controls in my project, I am having tough time using jQuery Validation Plugin with obout Combo box. It never works. Can you please send me some sample code.
Problems with bubbletip extension on Internet Explorer 11
Hello here, I am struggling to understand why the following page shows correctly bubble-tips when you move the mouse over the two links if you open it in any browser but Internet Explorer 11: http://www.virtualsheetmusic.com/ziolo1.html Any ideas? The browser seems to ignore the CSS or what? Any thoughts are very welcome! Thank you in advance. Fab.
jQuery Mobile 1.4.0 RC1 collapsible events (collapse/expand) happens too late
Hi, would like to ask, when did the naming of the events changed? When I was using 1.3.2, I used the events 'collapse' and 'expand' for collapsible to add in animation when the collapsible is expanded and collapsed. However, in 1.4.0, the name changed to 'collapsibleexpand' and 'collapsiblecollapse'. Even if I bind the events to allow animation when expanding or collapsing the collapsible, the events were triggered too late, and the contents is already displayed when the 'collapsibleexpand' event
Iam getting Handling JSON objects alone in web page,my script file is not working
My index file(index.html) <!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="js/script.js"></script> </head> <body> <p>Handling JSON Objects</p> <span id="acc-list"></span> </body> </html> My Script file(script.js) $(document).ready(function () { alert("welcome"); var data_url = "data/data.json"; $.ajax({ type: "GET", url: data_url, dataType: "json",
jQuery Media Plugin Creates Object Without an ID Attribute
I am using the jQuery media plugin (http://jquery.malsup.com/media/) along with the ElementIT Flash Uploader (http://www.element-it.com/multiple-file-upload/flash-uploader.aspx). I am using an old version of the uploader (v 1.7) but everything has been working great, until I updated the jQuery media plugin to the latest version. Once the media plugin embeds the flash object, it is missing the ID attribute. $("#flashloader").media({ width: 350, height: 210, autoplay:
jquery dialog custom close button event throws error?
Hi, I am using custom close button for a dialog, but when click on close button , I'm getting error. what's wrong with this code ($(dialogDiv).dialog('close');) input type="button" id="closeDialog1" class="btnClass" value="Close" style="width: 80px;" /> var dialogId = 'uniqueName-' + Math.floor(Math.random() * 1000) var dialogDiv = "<div id='" + dialogId + "'></div>"; function loadDialogResult(dialogDiv, result) { $(dialogDiv).html(result).dialog({ modal: true, resizable: false, title: 'Test',
jQuery slider redirect on 4th click
I'm using the jQuery Superslides plugin here: http://dougalpaterson.com.s69396.gridserver.com And I want to redirect the user to the main website on the 4th click of the .next arrow (after the last slide), rather than looping through the slideshow again. I've managed to add the address to the href using this js: $('#slides').superslides({ animation: 'fade' }); var clicked=0; $('a.next').on('click', function (e) { clicked++; if (clicked >= 3) { clicked = 0; $("a.next").attr("href", "http://www.google.com/");
Combine swiperight event and slider on a same page
Hi, On my mobile website, I implement a hidden panel on the left side. This panel is called with two classic event : swiperight to open, and swipeleft to close. On a specific page, I have a slider. Technically, no problem, but ergonomically, use of slider (sliding cursor to the right i.e. ) launch the event "swiperight" and open the panel... Problem of big finger ! :D Slider (with default theme) is too thin, and finger move could be interpreted as a swipe event on page.. It's difficult to use these
separating list items in listview
I am not sure if my problem is jquery or jquery mobile related but here goes. I have an array which contains 3 arrays... numbers as strings. I change the class of each element to appear as a circle. When I enter them into a listview I would like 1 array per line but I am getting all 3 as the first list item, then the 2nd and 3rd as the second list item, and finally the 3rd array as the final list item. I am thinking my problem is something to do with my $.each loop but I am baffled. Link to my fiddle: myfiddle
How to Query JSON Data in Ajax Request
I have a json file as: {"markers":[ { "latitude":11.58655, "longitude":122.755402, "type":"A"}, { "latitude":11.00698, "longitude":124.612801, "type":"B"}, { "latitude":10.30723, "longitude":123.898399, "type":"A"}, { "latitude":11.24775, "longitude":125.003502, "type":"C"}, { "latitude":11.03693, "longitude":125.719498, "type":"Z"} ]} and an ajax request as: $.ajax({ type: "POST", url: 'data.txt', dataType: 'json', success: function(data){ locations.length
drag image in circle path and rotate the image with angle centered to circle
Hi need a jQuery effect. on click i need to add an image to circle, that image will be draagable on circle path. if circle contains multiple images other images move accordingly. same thing is developed in flash but now i need in jQuery. Demo : https://www.chamilia.com/is-bin/INTERSHOP.enfinity/WFS/CHA-Web_US-Site/en_US/-/USD/SPAG_DesignYourOwn-ViewFlashApp Demo2 : http://www.pandora.net/en-us/explore/inspiration/create-combine/bracelet-designer Select the bracelet and beads to have effect. thanks
Horizontal Scrolling with vertical scrolling
3 down vote favorite 1 I want to implement horizontal scrolling with vertical sliding .Something like picture given below. For doing the same I search and found this one http://developingwithstyle.blogspot.co.uk/2010/11/jquery-mobile-swipe-up-down-left-right.html But the code written in this blog does not make sense to me. I also downloaded the demo provided at http://www.idangero.us/sliders/swiper/ and try to modified according to my need. But could not able to do the same. If any one have Idea
How can i add mask filter to a jquery sliding drop down panel
I made a sliding panel with jQuery to add login form in it. I wanted to make something like xenforo login system Link : http://xenforo.com/community/ After you toggle the slideing panel in the link above the whole page background dims out and this is effect of masking seen in modal boxes and i need this to be done to the sliding panel i have made. Here is the example fiddle i made : http://jsfiddle.net/envira/yEzke/ Here is the code i am using : <div class="panel"> <div class="panell"></div> <a
Initialize Datepicker when called or similiar?
Hi, i am trying to use datepicker as part of a booking engine. I currently have pass a array of dates that are unavailable to beforeshowday and this stops people from selecting these dates. But obviously because the datepicker is initializing at document ready (am i right all the settings are executed here?) the array cant be changed without refreshing the page. I have 2 functions at the moment to do this but need a method to either: 1. initialize the datepicker when its text box is clicked and
datepicker : onSelect, remove highlight class
Hi, currently I have a datepicker that by defoult will highlight entire week (mon-sun), i'm stuck with the onSelect function, I want that onSelect only the date that have been select will highlight. Meaning that onSelect I want to remove the highlighted week. Here my code : $('#datepicker').datepicker({ dateFormat: 'yy/mm/dd', firstDay: 1, beforeShowDay: highlightDays, onSelect: function(dateText, inst) { $("#datepicker").removeClass('highlight'); var dateString = dateText; var year = dateString.substring(0,4);
How to validate form controls data size not more than 2.5 mb?
I have a form which has controls like first name, last name, etc and also file upload attachment. I need to calculated all the data should reach more than 2.5 mb. How can we do that with jQuery and show validation error on that page? form action="/ContactSubmission" class="form-horizontal" enctype="multipart/form-data" method="post" role="form" novalidate="novalidate"> <div class="form-group"> <div class="col-sm-5">
jQuery image slider stop when in position
I have a continuous scroll of images being pulled through from a database and I want to make the scroll stop for 3 seconds every time one image from the scroller moves into a certain position. Then after 3 seconds, the next one scrolls to the position and does the same thing.
set datePicker values
Hi, I am using the jquery datePicker like this: <script type="text/javascript"> $(function () { $("#dateClosingDate").datepicker({ dateFormat: "dd-mm-yy", changeYear: true, showOn: "button", buttonImage: "http://www.mywebsite.com/images/calendar.gif", buttonImageOnly: false }) }); </script> <input type="text" id="dateClosingDate" name="dateClosingDate" value="<?php echo $member_date_of_birth; ?>" autocomplete="off" readonly required> I want to set
enable and disable <select> on <select> change
Hi, I have two <select>s in my PHP website. cboSalary and cboCurrency. I use a blank value as null for both like this: <option value="" selected>[Unspecified..]</option> I want to know how can I enable the cboCurrency only if a value was selected in cboSalary therefore disable the cboCurrency when value in cboSalary was set to blank? Thanks, Jassim
javascript exception thrown only after load() and only in IE
I am using a in-browser pop-up (hidden div) with a full screen overlay set to 50% transparency to make the pop-up the center of focus. I utilize show() and hide() with no problems as long as the content of the pop-up div is hard coded in the HTML. However I need to have the content of the pop-up div be generated via a .load() or .ajax() (I have used both the problem is the same with each). The content loads no problem and the pop-up div is visible. However, when you click anywhere on the screen
Unreasonable behavior when dealing with variables ouside the callback.
var repeat = 1; function RefreshPage() { $.post("php/getchatmsg.php", function(data) { repeat = 0; }); alert(repeat); } This code will alert the value 1 on the first time the function RefreshPage() is run, but will output 0 on the rest of the calls, furthermore this code: var repeat = 1; function RefreshPage() { while (repeat == 1) { $.post("php/getchatmsg.php", function(data) { repeat = 0; }); } } just makes my browser crash UNLESS
Submit form with one image and show all results on same page without refresh with the help of Ajax,Jquery,php and mysql
please help me friends i want to Submit a form with one image and show all results on same page without refresh just like----- Name:........................... Email:.............................. Image:............................. Date:................................. skill:.................................button for Add more skill submit show result bellow after submit without page refresh....just like--- S.No.----,Image----,Name-------,DOB------------,Email------------------,Skills 1----------,@--------,Nadeem,----10-06-89-------,ha@gmail.com-----,
Photoslider using ken burns plugin?
I'm looking for a free photoslider script with a Ken Burns plugin, or somethings that looks like that. I found the WOW slider, but it is not free for commercial use. Can soemone help me find a free working one?
default date is not getting set
Hi, I am using this code to set the default date of the datepicker to 7 days from today but it's not working and I am getting the datepicker blank. what's wrong with the code please? <script type="text/javascript"> $(function () { $("#dateClosingDate").datepicker({ dateFormat: "dd-mm-yy", numberOfMonths: 2, changeMonth: true, changeYear: true, minDate: +1, maxDate: "+90D", setDate: 1,
Photoswipe <li> images took dinamically from a folder
Sorry for my English, I am a new to jquery mobile and only have basic knowledge about javascript languages in general; I was playing around with a single page website mobile ( I usually use Dreamweaver CS6) and I reached a good result with photoswipe and everything was good since I had just few images. I have added a lot of them so now I would get the images' link dynamically. In short, I want to start from a folder on my ftp and read all images file within it and create the <li> items for each one.
Buttons behavior between PC and Touch devices
Basically I am a web designer and I don't know much about jQuery so I'm a little bit lost. I wrote some jQuery scripts to manage buttons but they don't have the behavior as I would like on PC and on Touch devices. I have two families of buttons to manage. The "images" buttons (swap) and the CSS buttons (background color change). I would like to disable the "hover" effect on Touch devices because it's mismanaged but keep the mouse clicks on Touch devices AND PC. But the drama is there. Here is a model
Does google js api make XHR?
I am trying to deconstruct an autocomplete that someone else wrote who is even more clueless than me. She basically did a cut and paste of an example she found somewhere and it worked. This example uses google apis, so I am trying to find out if google api makes the XHR or what is going on because I want local copies of jquery, ui, etc. Let me show you the code and please if there is a brief explanation as to why it would work but attempting the same with latest versions of jquery, and a theme roller
Team selection
I’m currently using a script/form that has served a purpose for me for some time but I keep thinking back to a vision I had some time ago that I was never able to master. The closest thing I can find to what I want is shown here http://www.dhtmlgoodies.com/scripts/drag-drop-quiz/drag-drop-quiz-d2.html but it’s still not exactly what I’m after (im not looking for a quiz) Basically I am creating a team selection page for my users (there only a handful of them) What I would be doing is list on the right
jQuery Css Selector
Hello, I have a question about jQuery and Css Selectors... My HTML is: <div id="rev_slider_3_1"> <ul style="Something"> <li style="Something"> <div class="slotholder"> <div class="tp-bgimg defaultimg" style="background-color: for example blue"></div> </div> </li> <li style="Something"> <div class="slotholder"> <div class="tp-bgimg defaultimg" style="background-color: for example
jQuery Menu
Hello! I want to know how i can do it that if i press at a link at my navigation (#home) then the div with the id home should be visible at the content. and if i press at another link then the other should be visible and the home should be hidden. how can i do this, im new to jQuery so i have no idea, please help me, thanks
regex expression isn't working in my page
I'm experimenting with jQuery and jQuery validator. They're amazing, and I'm SO close to what I want the page to do. This particular regex isn't working for the "work phone" field: ^\d{3}-\d{3}-\d{4}[\s\w]{0,13} I want a phone number in the form NNN-NNN-NNNN and then the user can add an extension or some other text up to 13 characters long. I've validated the regex in several validators; I can't figure out why it's not working here. The other regexes are working fine. I'd added this to the page
listening to DOM events 4.2 tutorial question
Hello: I"ve been working on the jquery tutorial and have been trying to understand the difference between the following code $(document).ready(function() { $("#tour").click('button', function(){ }); }); $(document).ready(function() { $("#tour").on(‘click’,'button', function(){ }); }); the correct answer is the second bit of code, but I'm not sure why it is more correct than the first. The error message that comes up is as follows: "You'll need to target all 'buttons', so pass that in
Script not working after navigation
Hello, I passed the last days reading through the internet to find a solution... Maybe someone here can help me. The problem: Javascript works only on the first access to the page. If you navigate to another page and then back to the initial first page, the scripts are not working anymore. (Nothing happens) Page A is the page with the scripts. 1. Direct access to page A -->> Script works 2. Change (click link) to page B 3. Go back to page A (click link) 4. -->> Script is not working anymore If the
Is there a workaround to this Autocomplete feature?
Hello Experts, First, hope it is ok to post a link from another source. On the link below: http://harvesthq.github.io/chosen/ we are very much interested the Standard Select part of the <SELECT>...</SELECT> option for two reasons. 1, it allows for autocomplete 2, it is beautifully designed. However, the issue we have run into is that it doesn't work for dynamically populated data. For instance, the code for SELECT box below, uses ajax call to a webservice to populate the buildingId
Can't Set Height Style in Accordion.
Hello there. I'm totally new to this and have made it thus far on sheer luck. I have on my page a FAQ with a query accordion widget. I can't set the height style to content because I don't know where to put it in the code. Would someone please take a look at my code and tell me where I should put it? Thanks a million in advance. Thomas. </ul> <head> <meta charset="utf-8"> <title>jQuery UI Accordion - Sortable</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
"Unexpected call to method or property access " error
Hi, I am pretty new to Jquery. And I got this error with IE 11. I attached the code causing the error, but I didn't see anything wrong since I used like this before. And I tried Chrome which gave no error but no data. Basically, I am using script to get data though web service. And I believe the code on the backend is correct since I can get the data. Please help me out. Thanks <script type="text/javascript"> (function () { PageConfig = { GetPositionDetails: HS.BaseController.PositionUrl
Next Page