JQuery Remote Autocomplete from local text file
Hi Expert, Use jQuery mobile and I want to use remote auto complete from local text or xls file. How can I do?
Jquery validation:: multiple forms validation problem with ignore: []
Dear all, I have multiple forms on a page and each form have its separate rules and its Validate() method. I have different tabs in one of the form so some of the controls are hidden when I try to submit my form. So for that I have added ignore: []. in rule and it is working fine. But other 2 forms are the part of 2 separate popups .And these popups open on click of button which is part of first form. and when I open these pop up and add some data in popup which contain form (to insert data in first
jquery date picker - for mobile screens
Hi all, I am using bootstrap datepicker . Its working fine for large screens (attached file - Large.jpg ) , but for small screens , its switching automatically to a minified version (attached small.jpg) Which property should be used to open always in the default look ? ie as in Large.jpg
jquery fileupload
Hi, I am using jquery fileupload in .net mvc application. everything works fine when i click fileupload and get the open dialogue to get file from user. But now i am in the scenario, such that, i have the file in my server or some machine path, i need to upload this file using jquery fileupload, without poping out the open file dialogue to the user... how i can do this....help me out please... Thanks Shree
JQuery .js files
I noticed there are multiple .js files for JQuery. What are the differences and do I need to include all of them in my HTML? I have a process moving an item from one listbox to another that I cannot get to work yet someone else has it working. But he has a ton of other .js files in his code. I do not know if I need to add all of them or there is some other error. I have attached the stripped own code which I cannot get to work either. Don't know what I am doing wrong. I LOVE JQuery but find it difficult
Creating time lag before a change of text.
I want the words "Daily Double" to appear when an element is clicked on. After about 4-5 seconds, the Jeopardy clue should appear and replace "Daily Double". I have come up with the following: if (eventTarget.id=='51') { var display_clue=function(){ $(this).text("OFTEN CALLED THE WORST SUPREME COURT DECISION"); }; $(this).attr("id","daily_double").text("DAILY DOUBLE").setTimeout(display_clue,5000); } However, I notice that the text just stops at "DAILY DOUBLE"
Event handler function not being responsive
I wrote the following lines of code, but my event handler function is not working when the element is being clicked on. What am I doing wrong here? My HTML code: <html> <body> <div id="jeopardy-round-one"> <li class="row-1 column-0"><p id="10">$200</p></li> </div> <script src="jquery-2.1.4.min.js"></script> <script src="jeopardy-round-one.js"></script> </body> </html> My jQuery code function showClue(e){ var eventTarget=e.target; if (eventTarget==$( "p#10" )) { $(this).text("This
Having Issue on Mousedown + Mousemove Smooth Functionality
Can you please take a look at This Demo and let me know what I am doing wrong on adding Mousedown and Mousemove event to the animation? As you can see even the button not working after mouse event and I cant pause the animation! function toLeft() { $('.container').animate({ 'background-position': '-=1' }, 1, 'linear', toLeft); } function toRight() { $('.container').animate({ 'background-position': '+=1' }, 1, 'linear', toRight); } $(function () { $(".pause").click(function
Adding Scroll to Div Function With UI Auto Complete
Can you please take a look at This Demo and let me know how I can enable scroll to div of selected item from auto complete? $(document).ready(function () { $('#tags').on('change', function () { $('#tagsname').html('You selected: ' + this.value); $('html,body').animate({ scrollTop: $("#"+ this.value).offset().top }); }).change(); $('#tags').on('autocompleteselect', function (e, ui) { $('#tagsname').html('You selected: ' + ui.item.value);
Problema con val() AJAX en While PHP
Hola chicos. Tengo un problema con AJAX para enviar y mostrar el val() en un bucle PHP, El proyecto trata de una ventana modal. Y el problema es que queda con el resultado (del val()) solo de un div pero no de los otros. Aquí el código: js: function openVentana(){ $(".contenedor_ventana").fadeIn( "slow"); } function closeVentana(){ $(".contenedor_ventana").fadeOut("fast"); } function ampliarImagen(){ var nombreBD=$('.contenedorImagenesComprobantes').find('input.nombreBD').val(); var dataString
Can you remove the icon from data-rel="back"?
Hi, if I have a back button in the header of my pages set with the following code: <div data-role="header" data-theme="c" data-add-back-btn="true" data-rel="back"> Is there anyway I can remove the icon and how would I do it? Also, using date-rel="back" can I reset it and if so how? Thanks.
Understanding the usage of the .data() method .
I have a question about the $.data() method , actually about JavaScript terminology , HERE , is the documentation for the data() method and there is the following example: var div = $( "div" )[ 0 ]; jQuery.data( div, "test", { first: 16, last: "pizza!" }); now in the above example i can describe, the usage of the .data() method as follows: "the data method is being used to associate arbitary data to the <div> element. " now i was going through the code of animateSlider.js and came across the
Problem with .append() and jquery code
Hi i have problem with the method .append() With an ajax call i load some elements with the .append() method in this way $('#notice').append('<div class="'+data[i][9]+'">');...........ecc.. and this works fine, than i add also two buttons: $('#notice').append('<a class="btn btn-success conf " title="'+data[i][9]+'">Conferma</a>'); $('#notice').append('<a class="del btn btn-danger" id="'+data[i][9]+'">Elimina</a> '); The array data is not important. As you can see this buttons has class ".del" and
How Can I add Loop to Div Background Position Animation in jQuery
Can you please take a look at this demo and let me know what is the best trick to add endless loop to .container element? $('.container').css({backgroundPosition: 'right'}); .container{ background:url(http://www.bhphotovideo.com/explora/sites/default/files/Panorama_NYC_X3000.jpg); width:400px; height:670px; background-position:left; -webkit-transition:background-position 40s linear; -moz-transition:background-position 40s linear; -o-transition:background-position 40s linear; transition:background-position
JQUERY JSON load page into div not working
I am really lost here.....i have written a little function to check if the username/password of a certain user is correct using a json query. If result is ok i want to load a certain page into a div, if the result is error i want to load a different page into a div. Any help / explantion would be really much appreciated Normally i would use $('#test').load("members.php"); to achieve this but it just isnt working (my div has an id of test - members is the page to be loaded. function dologin(){ var
How to input accordion code?
Hi there! I don't actually know how to use jQuery. The code below ins't working and I don't know why. One of them is for the menu, and the other one is for the accordion. Is there something wrong? Should I put it in another place? PLEASE, help-me!!! (Sorry for my English, I'm brasilian) <!-- Scripts --> <script src="assets/js/jquery.min.js"></script> <script src="assets/js/skel.min.js"></script> <script src="assets/js/util.js"></script> <!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
Javascript function not executing because input field is hidden?
Hi, I'm trying to use this credit card validation library (http://jquerycreditcardvalidator.com/ ) and the primary method you call must have this structure: $('#card_number').validateCreditCard(function(result) { }); My form is a javascript multi-step wizard so the "card_number ( <input id="card_number" />) field isn't shown on step 1, it gets shown once the user reaches step 4 so when the page loads the above code doesn't really do anything because
.load() when getting remote content thats dynamically generated
I am using .load() to grab a remote div from an external site, the Jquery successfully locates and loads the remote DIV but not any of its content. I assume that the content of the remote div is dynamically generated/inserted since I get a DIV response without the internal content. So, I assumed that the .load() function waited for DOM READY before actually getting and parsing the remote page, but it seems not. How can I tell my local .load(); to wait for ('document').ready(); on the remote site
Avoid duplicates in array
I'm sure this question has been answered before but the answers I have found don't seem to apply. Insert code: (pretend this is in the code box) var arrayEngineSizes = new Array(); array1.forEach(function(entry) { if (entry.model == y) { var loc = $.inArray(entry.enginesize, arrayEngineSizes); alert(loc); if (loc == -1) // supposedly prevents duplicates, but not really, always says -1 //arrayEngineSizes.push(entry.enginesize); { arrayEngineSizes.push(entry); alert('pushed value containing
code issue
i have calulation code that is working in one file but in another file code is not working is there any solution?
Problem with moving item from select1 to select2
I am trying a new tactic to get a list of medical procedures performed. I am loading select1 with procedure codes and having a person click on add to add to select2. But I cannot get it to work. I followed the code closely but I am sure I am doing something wrong being new to JQuery. Appreciate any and all assistance. In script area: $().ready(function() { $('#add').click(function() { return !$('#select1 option:selected').appendTo('#select2'); }); $('#remove').click(function() { return !$('#select2
Please Help - Event on scroll
Hi, I have a problem to understand how to run my function properly. My function is like this : $(window).on('scroll', function(){ x = 40; while ( x > -1){ do something... x--; } }); My mistake is, event if the while is not finish, if I finish to scroll, my function stop ! But I want the complete execution of my function. So I want it start my fonction when I scroll and finish my function when x = -1. I try to use on('scrollStart'... but I function don't
Using Bootstrap Panels for Navigation
1) I am trying to use bootstrap panels and collapse for navigation. When I select a body item, I want the title of the body item to show up in the panel title. 2) But the first thing I need to figure out is how to change the panel-title content after selecting a panel-body item. As you can see below, I am trying to use the replaceWith() function. But no matter what I try, it doesn't work. I thought about putting a variable in the panel title, setting the variable when the page loads and then
How to deal with jquery magnify plugins after changing the image to magnify?
I have a little bit issue on how to deal with jquery magnify plugins. See I have a jquery magnify plugins which I used to zoom in. I have a series of thumbnails beside the main image to hover. My issue here is when I change the image to magnify or zoom in it will keep on magnifying the first image or the default image. I need to update the content of the magnified glass every time the image changes. Here's the details of what I've done so far. Please advise me. HTML Mark Up: <div id="thumbimgdiv">
JQuery UI, Replace and Push Down the Item Instead of Sort
I am new to JQuery, Trying to understand what can I do to extend the Sortable UI What I want to achieve is: I have a list | A | B | C | . | E | F | G | H | Where . is consider an empty spot. If I drag A to B, instead of swapping places that looks like | B | A | C | . | E | F | G | H | I want it to look like (A push to B (Original A spot opens), B push to C, C push to Open Spot) | . | A | B | C | E | F | G | H | Another example if I push B to C it becomes | A | . | B | C | E | F | G | H | Also if
How to disable link entering in textarea?
So I have a contact form on my website. Can I somehow, using jQuery, prevent people from sending links in messages? I've googled it, but haven't found anything for jQuery. Regards to all.
Drag and Drop with a Listbox to a Text Input
I have a web page that lists medical procedures in a listbox. I want to drag a listbox item to an input text area. I am new using JQuery so I am having a problem getting it done. I noticed that all of the examples use a <div> in order to work. Is it possible to do what I am seeking to do? Can someone provide an example please. Again, new to JQuery. Just (finally) finished creating tabs using JQuery and love it. Want to do more with it but am learning very slowly. Thanks for any and all help. Mike
Where can I get a minified copy of the jquery.js found in the external package?
In the getting-started page https://learn.jquery.com/jquery-ui/getting-started/ it specifies that you use the jquery.js bundled in the external directory. However, the jquery.js is not minified. If you want a minified version, do you have to go to the jquery page specifically, and if so the current version of jquery.js (1.11.4) bundled with jquery ui is v1.10.2, which doesn't seem to be available anymore, see http://code.jquery.com/ Where can I get a minified copy of the jquery.js found in the
Mouse Click not working when the html element is of type (field type = "submit")
Hello. I have made use of the following files in my code 1. jquery.mobile-1.4.5.min.js 2. jquery.mobile-1.4.5.min.css 3. jquery-1.11.3.min.js I have downloaded these form Jquery site. These work as expected on IE, Chrome. But once i used it on the latest Microsoft Edge browser, the mouse click event on the input (field type ="submit" in the jsp) is not working . I have included a sample file, that contains the html code , which also contains the references to the above files. I have also attachecd
Tabs with tooltips
Hi, I use tooltips (https://jqueryui.com/tooltip/ ) and tabs (https://jqueryui.com/tabs/ ) on my site. Texts with tooltips are part of tabs. Everything is ok when I use default behavior of tabs (https://jqueryui.com/tabs/#default). But, when I use loading of tabs with ajax (https://jqueryui.com/tabs/#ajax) and the code with tooltips is in external file which is loaded, tooltips don't work. Is there any solution of this? Thank you very much.
JQUERY dialog with different possible forms.
Hey All, First of all very new to jquery so sorry if this is a stupid question. I have a page which gets data from a database and loads it into a div on my index page. Within this page i have information about a certain user. (Name, Age etcetc) This information is outputted as a button which opens a dialog when clicked upon. Within this dialog i have a form. As things stand everything works perfectly but i have a lot of code because every form has its own dialog function. Is there a way to combine
Save donut chart as image
Hi, Donut legend is not showing when i save the donut as Image. Could you please let me know how to resolve it? Thanks in advance, --Madh
Question about HeadJS and RequireJS
I have a web app thats getting much bigger than expected, and it has quite a few JS files. I was looking for a way to load them quicker, and preferably asynchronous and with dependencies, meaning don't load them ALL at once, but load the ones that don't have dependencies (but ARE dependencies) first, then if they are loaded fine, load the ones dependent on them, etc etc. I looked into HeadJS (HJS) and RequireJS (RJS), and I had a few questions about both. I first started to use HJS, and it looks
Validate multiple values based on selection using jQuery Validation
I created a jsfiddle that demonstrates my problem. I'm using Knockout.js attached to a couple radio buttons. When one is selected, it changes a specific set of controls for that selection. I need to validate the values for one of the selections (Ambient Temperature). So when Ambient is selected, it displays a text box to enter a temperature, and a couple radio buttons for Celsius and Fahrenheit. I need to require the temperature and a temperature unit (C|F). My fiddle has it basically working,
Dialog close when clicking link
Hey everyone, I have a made a page which show data from a database. When clicking upon a field a dialog box is opent, within this dialog is a form. This page is loaded into an index page using the .load function. Everything is working just except when i load a different page into the index.php the dialog stays opent. Is it possible to automaticly close a dialog when loading a different page into the index.php. i load the page using this function function info(){ $('#test').load('info.php'); } and
loop increment incrorrect
the problem i'm having with this loop is when selecting 2 files in the input the files gets read with the read_file function, then when debugging my var id it always shows up as 2. as the id is increasing while in the loop i expect a result of 0, 1 or 1, 2 (maybe) =/ here is my fiddle if someone can please tell me what is happening here. https://jsfiddle.net/7ume34ea/1/ thank you
trigger fade on scrolling section change
hoping that someone can help me out here - i have this 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" /> <title>Untitled Document</title> <link rel="stylesheet" type="text/css" href="/css/normalize.css"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
Jquery Selectable Disable
Hi I have managed to use the Jquery selectable grid and store the selected points into my database which allowed me to load the selected list items when the page loaded, however i would like to know is is possible for me to make items which have not been selected disabled so that the users will not be able to select from the items which have not been selected in a previous process?
Auto Populate dropdowns in a <table>
Hi, I have a table tableSearch in a page, rows can be added and deleted by the buttons on each row. the 1st dropdown (ddlType) drives the value of the 2nd dropdown (ddlSearch) on each row. The show and hide of the ddlSearch works fine by referencing $(this).closest('tr').find('.ddlSearch'). However after calling the webservice, populating the dropdown doesn't work (please see the red script below). Is there anything done incorrectly? The script works fine if the dropdown ddlSearchASP is not in the
Problems with navigation and json request
Hello, i have problems with navigation on my html site. I use the bb-bqq.js and jquery. Code Example: In one external javasrcipt file i started the standard json request and use the .push function for the result. the main file called the javascript by clicking button. The result will be pushed in a div and will be show - thats noch problem. i have problem to get back before i started the request by the button. I think the soultion should be easy, because it's a standard way in using mobile sites.
Next Page