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.
The asp:dropdownlist is not populated
Hi I have the following script which retrieves dropdown values from a web service, it works fine after making the call to the web service as it returns the 1st items if I display the value using "alert". However, it doesn't populate the <as:dropdownlist> ddlSearchASP at all Please see below for the script. Am I missing anything populating the dropdown? Thanks in advance. Your help would be greatly appreciated! <script> $(document).ready(function () { $.ajax({ type:
hiding header not working with multiple-page template
Hi there, I'm using version 1.4.5. Structure is like this: <head> ... <script> $(function () { $("[data-role='header']").toolbar(); $("[data-role='panel']").panel(); }); </script> </head> <body> <div data-role="header" data-position="fixed" ...> <a href="#tocpanel" class="...">... ... </div> <div data-role="page" id="one"> ... </div> <div data-role="page" id="two"> ... </div> <div data-role="panel" id="tocpanel" ...> <a href="#one">... <a
Jquery ->Magnify image not working
Dear Sir http://thdoan.github.io/magnify/demo.html is actual programfor magnifying an imag -> which is working where as http://webvikas.net.in/medievalheritage/mgnify.php is my version to display magnifying an image this is my version and is not working although I had cut and pasted the code
Autocomplete prevent further ajax request to be async
Hi, I have a Problem that after a autocomplete selection, None of my async Ajax request are working async. They will be handled synchrone.. . Without doing autocomplete, my Ajax request are able to fire as async. It strange, the ui is not blocked, but the requests depends on each other.. . Does any one have the same issue recognized? I use jquery-ui Version 1.11.4 and jquery Version 1.11.3 Here is the autocomplete source Ajax code: $ ( '#request_for' ). autocomplete ({ delay : 1000 , autoFocus :
fullscreen.js transformation animation not working
I have a page made with fullscreen.js ( copied and modified directly from author's site). However the animation technique he describes in this youTube clip doesn't work for me. authors; clip: https://www.youtube.com/watch?v=qiCVPpI9l3M my page so far: http://www.mediaflash.ca/fullPagejsJIM/examples/navigationV.html can't figure it out any suggestions.
Setting up dependencies with head.js
I was looking for some users that have experience with the jQuery plugin head.js . According to the website, head.js allows you to setup js/css file dependencies and load js files asyncronously and in parallel. Looking at the API documentation and examples, I see that you can apply labels to JS files, then run some conditions when they are loaded, heres an example in their documentation: // same as above, but pass files in as an Array head.load([ { label1: "file1.js" }, { label2: "file2.js"
How to add a search functionality for jQuery UI Accordion and Tabs?
I have an html page that has tabs with accordions inside them. I have a need to search the content for specific items and go to that item, but I am stuck. The jQuery ui widgets block Ctrl+F. Does anyone know the best way to enable search and activate a tab then the accordion? Any help would be amazing.
Fill and overlap
Hi, I have a rectangle and I want it to always fill the screen,no matter how "long" the webpage is and I want that rectangle to be on top of every element on the page. I want the rectangle to overlap every element on the page,without affecting the functionality of other elements. I have this code from the swipe example. Thank you. <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
swipe up and down on iPad scrolls to exact div position
I need to understand what approach to take to get the up / down swipe events on iPad to function the same as click events that scroll exactly to a div position. If you view the page I've set up and click on one of the green circle buttons on the right it will scroll down or up the page to a absolute positioned div on the page and trigger a function to change the button color. swipping on the iPad will scroll right past any target or marker. I need it to stop at the div scrollTop() position. For
Ajax Reponse 200 ok, but shows failed to load response data
I am making an ajax call to a backend rest api, the api is returning fine. If I console.log() the success data and error data, it gives "resource logged in", 200 ok on the console but when I view it in the network tab response for that auth/login route, it shows "Failed to load the response data". And this happens sometimes only and not always. Why? Here's the snippet of my ajax call. ajax .post('auth/login', { data: { oauth_provider: 'google', oauth_token: (isToken ? authResult : authResult.access_token)
Visualization Chart for Commerical Purpose
I'm looking for a visualization chart (histogram or line chart)with jquery or javascript that can be used for public. This chart will be used for commerical purpose and I wonder if you guys know any website that I can download it? I'm not interrested in using source code from MIT or BSD.
problem with bootstrap datepicker in MVC app
Hi I'm somewhat new to jquery and trying to get familiar with coding it. In my mvc app there is a bootstrap datepicker (not datetimepicker which i couldnt make work) The problem and challenge is this, there are about 50 date fields. They are cast as string within MVC. In some records some fields will have a date already there, most will be blank. If there is already a date, it could be any format, if blank the formatting should be 07/04/1776 and actually if should always get converted down to
is it possible to open js using ajax and return a value from an array without loading the js file to the page?
I have a js file on my server that contains an array. I want to open the file with jquery ajax, and get a value from that array without loading the script to the page. Is that possible ?
alter text() not html()
hey guys i have a scenario like so: <div id="test-value" class="selected-option"><div class="remove"></div></div> $(document).ready(function() { $('#test-value').text('123'); console.log($('#test-value').html()); }); // returns: 123 how it it possible for me to add text to #test-value selector without removing the <div class="remove"></div> already inside? suppose i could do: $('#test-value').text('123<div class="remove"></div> '); but is there a proper way of altering the text but not the
Button Event When Page Goes Out Of Focus
Would like to ease in a dropshadow (or other animation) on a checkout button in a shopping cart as the user loses interest in the window (goes to click another tab or something.) How can this be achieved with jquery?
Multi Step Change Image (+ URL) with jQuery
First.. sorry for my english, is not my motherlanguage. Now, i write for show you my problem and i hope someone can help me. I have three HTML pages: On the first page, there are different links. On the second page there are four images with different URLs. On the last page there are files to download. I want: When the user click the link in the first page, the second page should appear. He sees only the image 1 on the first time. Then after he clicks the image 1 = The image 2 should appear and
Tabs keyboard functionality killed by sortable or draggable...
Adding either sortable or draggable to a tabs widget disables the keyboard functionality. This is easy to see using the example of tabs with sortable on the jQueryUI site. You can't use the keyboard to move between tabs and all accessibility is disabled. It's easy to modify this example to show that the same phenomena occurs for draggable. I understand that sortable and draggable are not considered accessible and have no keyboard controls. However, I should be able to add them to a tabs widget without
Multiple Slider widgets
Hi everyone, so Im starting to learn Jquery and have looked and played with the examples. My query is ive specifically being playing around with the Slider widgets, (vertical). My page prints one very basic slider. My query is how would I approach displaying 4 sliders on the page one next to the other across the page from left to right? My code is below. Any pointers would really help :) <!doctype html> <html lang="us"> <head> <meta charset="utf-8"> <title>jQuery UI Example Page</title>
validator regex
I am attempting to limit the entry of values into a 1 character textbox. Trying to use regex. The way I am doing it does nothing at all. For example, I can enter a G into the box and it doesn't care. Cannot find any examples online since it seems most people want to allow a-z so all the examples show a-z. No variety at all. code: data-bvalidator="^[YyNn]"
type= " time "
Buenas chicos, tengo una cuestión sabeis como desactivar la ruleta de tiempo de type="time" ?. Es decir que al pulsar "establecer" me coga la hora que es pero quiero que la ruleta no se pueda girar... GRACIAS!. UN SALUDO.
$.each for geojson
hello, I retrieve data using ajax:I success:function (data) { // {"type":"MultiLineString","coordinates":[[[33.4507,41.4721],[33.4519,41.4727]]]} $.each(data , function (k,v) { console.log(' k '+ k+ ' v '+v + v.coordinates); }); I just want to get "coordinates " with v.coordinates. But console.log(' k '+ k+ ' v '+v + v.coordinates) gives : k 3662989 v {"type":"MultiLineString","coordinates":[[[30.4099,40.7695],[30.4094,40.7697]]]}undefined
Jquery Ajax call returns data but success function not called due to jquery function [jQuery111208562382296659052_1443009765276 function] not called?
Hi EveryOne, var lsUrl= "service api url"; $.ajax({ url: lsUrl, type: "GET", crossDomain: true, dataType: "jsonp", // from the server async: false, contentType: "application/json; charset=utf-8", // to the server ProcessData: true, success: function (success) { }error:function(error){}}); My ajax call function returning json data but success function not called.How can i fix this issue. That service api returns data like jQuery111205524142505601048_1443178060859({"d":"{\"Table\":[{\"column1\":14}]}"});
j
hi all i am new to jquery, and need your support. how to get parent to parent li id, on clicking on anchor tag <li class="jFiler-item" data-jfiler-index="0" id="0"> <div class="jFiler-item-inner"> <div class="jFiler-item-assets jFiler-row"> <ul class="list-inline pull-left"> <li id="rotateRight"> <a onclick="rotateRight();" class="rotateRight">R</a> </li> </ul> </div> </div> </li> <li class="jFiler-item"
How to pass linear-gradient property through CSS
Please find my below code where i am passing the linear-gradient values through CSS in JQuery, i am able to see the colors in chrome and Firefox, but not in IE. I wanted this to work from IE8. $('.leftIpList:eq(' + i + ')').css({ 'background-image': '-ms-linear-gradient(90deg, ' + imgColours[i] + ', ' + imgColoursg[i] + ')' }); $('.leftIpList:eq(' + i + ')').css({ 'background-image': '-webkit-linear-gradient(90deg, ' + imgColours[i] + ', ' + imgColoursg[i] + ')' }); $('.leftIpList:eq('
Jquery autofill for dynamically created forms
Hi Guys I'm Trying to do autocomplete and autofill for dynamically created forms.Here by the reference link I came with static field of auto complete and autofill. But I need to achieve for dynamically created forms(add another/remove.).And here is the reference fiddlehttp://jsfiddle.net/q2kDU/ Here by the above fiddle. The label is autocomplete and the value is autofilled depending on the label's value.Here it is in static forms(Only one form). I need to achieve this in dynamically created forms(Add
Keith-Wood DatePicker - Set default date in Range Select
Hi, I'm using Keith-wood JQuery DatePicker with RangeSelect. Want to implement something like, I have Check in & Check out dates in Input. now when I click on Calendar Icon. It should show highlighed area of Check in to Check out Dates. One More Problem is I want to close Calender when I select 2nd Date. Thanks, Khilen
Next Page