Set focus on a div after form is submitted
Hello all, I've been working with a fairly simple contact form that emails info to a client when it's submitted. within the <form></form> tags, i have <div id="response"></div> which is where my "success" or "fail" messages appear after the form is submitted. I would like to set the focus on that div after the form is submitted but can't seem to work out how to do that. So far i have tried adding onSubmit="$('form #response).focus(); to the form, but it isn't doing anything. I've also tried: <script
jquery mobile - List item to detailed view page
I have a page which contains the list item. I need to fetch the data from my server on list item click and need to show the the detailed data on the second page. For each list item click i need to show different information. <!-- First page --> <div data-role="page" data-theme="c" id="home-page"> <div data-role="header" data-iconpos="left"> <h1>Visit Kerala</h1> <a href="#link" data-role="button" data-icon="home" data-iconpos="notext">Home</a> </div>
How to remove the <option> from selector <select> using JQuery
Hi, In my JSP page I have a drop down values associated with different id's, now I needed to remove some of the values from that drop down based on their id's which I would get it from a database. Can anyone please help me with the query statement that would be created run time to remove an option. Thanks!
jQuery accordion form with validation
Hi, I wondered if anyone could tell me how I'd put together a jQuery accordion form with validation that works like the screenshot below. Would appreciate any advice. Thanks
Orderby data in an array
Hi All, I have a grid. I want to orderby(sort) data based on two columns. EmpID EmpName Dept Date Of Joining 1 ABC D1 1/1/2011 2 DEF D2 1/1/2011 3 GHI D3 2/1/2012 4 JKL D1 9/1/2012 5 MNO D2 6/1/2014 I want to sort this data in two ways. First it should be sorted by "Date Of Joining" - DESC and then grouped by "DEPT". All employees of same dept should be grouped and displayed with Date of Joining as highest. I have the entire data in an array. I want to achieve this using jQuery. Please suggest Thanks
Using Droppable+Accordion Jquery widgets to create a multi-selector
Hello, I am pretty new to Jquery ( and to JavaScript at all, in fact), but I think I am beginning to grasp the general idea, at least as far as the UI part is concerned. I hope you can help me to get from crawling to running I guess... anyways... I am trying to build a UI for fields/values selection. In principle the users have to assemble a list of fields for the query and then possible values for each field ( it brews down to a sql select statement, something like "select... where field1 in ( f1v1,f1v2,f1v3...)
Jquery Lavalamp sub menu
I am trying to add a submenu to a Jquery lavalamp, but i dont know how. This is what i made so far. The only thing left i think is to set hover over submenu items. code: HTML: <ul class="lavaLampWithImage" id="lava_menu"> <li><a href="#">Menu 1</a> </li> <li><a href="#">Menu 2</a> <ul class="sub-menu"> <li> <a href="#">Sub Menu 1</a> <a href="#">Sub Menu 2</a> <a href="#">Sub Menu 3</a> </li> </ul>
embed dropdown into html form using jquery
Im trying to embed a drop down to a form using jquery, and the dropdown itself isnt appearing. The idea is that a user clicks a link and this function is called and the form is created, im far off where i need to be but im working with little steps and each day is a challenge as I'm sort of learning on the go. hopefully you will see what im trying to do [code] <p><a href="#" onClick="active_tiptip()">Form Click</a></p> <div id="test" style="position:relative; width:100%; height:200px; background-color:#FF0000;">
sortable IE 7 bug when scroll bar
I'm having a problem using jQuery UI - v1.10.4 for sortables. In IE7, when a <ul> becomes too big within a <div> and scrolling is availble, I am unable to sort the list. When I try to sort it,It not works (i think problem in getting offset height of place holder). Anyone have seen this before or have any idea what the deal might be? It works fine in FF and other browsers. Cheers! sample: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Sortable
Jquery Validation Plugin equalTo Issue
I am using the jquery validation plugin from http://jqueryvalidation.org/. It's working okay, except I am having an issue with the equalTo validation. The code below will execute the "required" portion, but not the equalTo. Any thoughts? <input type='password' name='cPass' id='pass3137' class='styled btn-block' placeholder='Password' required> <input type='password' equalTo='#pass3137' name='confirm_cPass' class='styled btn-block' placeholder='Confirm Password' required>
Jason object member access issue
When I try to access the member of jasonp object(val.pc_eventDate) it gives undefined error. But the val object 12 member and all members has values. $.ajax({ type: "GET", url: URL, dataType: "jsonp", jsonp: "callback", jsonpCallback: "GetAppointmentCallback", success: ServiceSuccess, error: ServiceFailed }); function GetAppointmentCallback(json) { $.each(json.GetAppointmentsResult,
Can we add inventory to an auto-reply?
Hello all, We have an email template that we want to send to web users once they have filled a lead form. The email will contain the details of the product they were interested in (which they will have indicated in the form), along with a list of current inventory matching that product. My question is, how do I go about creating an inventory box or list in the email template that will automatically update itself with appropriate items each time it is sent out.
Dynamic JQuery query generation to “disable” a drop down “option” in JSP
I am working with Servlet and JSP. I have a JSP form in which I have a drop down list with `id's` associated with it, as of now I have three options in the drop down list. HTML CODE-- <form id='form' method='post' action='/test/'> <select id="type" name="typeOne"> <optgroup id="first" name="First" label="FirstDiv"> <option value="value1" id="001">valuee1 count</option> <option value="value2" id="002">value2</option> <option value="value3" id="003">value3 </option> </optgroup> </select> </form>
Apply autocomplete to multiple input fields
Hi All I have an issue for a feature I'm creating. Basically I want the user to add their specialities to their profile. I have created a form and have got the page adding additional fields by clicking a button. See the JSFiddle code here: http://jsfiddle.net/wowdesignsolutions/X5Efu/6/ The issue I'm having is getting the "autocomplete" to work on the new input fields that are created. I want ALL the new input fields, and the original one, to use the same autocomplete. The actual autocomplete list
Content not load on page load.. sometimes
Hello! I'm using rest to get som images from a data source. The REST works just fine. I using a jQuery Image slider library as well that also works just fine. However to combine this two seems a bit tricky becase if there seems to be some issue with the sequense the stuff loads. I tried to change order and to use doc ready on the rest but it's not perfect.. The issue is that the images dont show up on the page until I hit F5 and reload the page.. but just sometimes, lets say it works 6 times of 10
jquery ui and Option tags
I have a select box and then several options, all with titles. I can get the tooltips to work as far as the select box itself, and then the titles when I mouseover the options are just normal small print. select id="requesttype" name="requesttype" title="Request Type"> (works) <option value="default" selected>What can we help you with?</option> <option value="Broken Functionality" title="busted" >Broken Functionality</option> (doesn't work) I have <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css"
jQuery with windows mobile ?
I'm trying to use jQuery 1.11.1 with Windows Mobile 6.1 and IE. The platform is Honeywell Dolphin 9900. I seems not working at all. Do I have a chance to make it work with this configuration ?
toogle effect in joomla 2.5
hi new on jquery, use it for the first time. Iam looking for this effect on this website. http://www.pixolith.de/team/ but i dont know, how can i use it in joomla. how is the code? ive install eorisis_jquery_system_plugin_1-1-5 in joomla extensions. looking for support. thx cheerz
jquery and responsive design
Hi, I'm busy creating a responsive website, now my problem is that when the screen/site hits 800px a php function is suppose to happen. I've asked around and apparently you need javascript to do that. I'm not sure how to go about do that. Can anyone help me? If you need more information please let me know. Thank you
problems with input
Hello friends, I'm new here ... and I do not speak English, so translating this through google ..... Let's go to the problem .... I have two inputs, input1 and input2, what I want is that both have input in its box a color value = "0". If I select input1 in case it should automatically clear the default value and I can enter my once done, select it from the box input2 to enter other information .... Once selected case input1 and delete the default value, if anything will select box input2 (before
.offset() >>> Uncaught TypeError: undefined is not a function
I am getting an an error when I try and use certain jquery functions. I presume I don't have some js file included that I actually need... but I can't tell what it is (after much googling)... My code fails when I call requiredFields[i].offset(). It finds the object and gives me the offsetLeft and offsetTop perfectly well... it just seems to be certain functions that I would expect to be available. $(function () { var requiredFields = $.find("[data-val-required]"); var page = $.find("div#page")[0];
How do I change the size of the left thumbnails in this?
website is www.tdsjr82.com I'd like the thumbnails to be the size of the borders near them, I can't figure out how to do this in CSS. Any hep
sortable IE 7 bug when scroll bar
I'm having a problem using jquery ui 1.5.2 (jquery 1.2.6) for sortables. In IE7, when a <ul> becomes too big within a <div> and scrolling is availble, I am unable to sort the list. When I try to sort it, I don't get a js error, but instead of the <li> moving, the whole page and all the items are just flickering. If I scroll all the way to the bottom of the <div> the sort will work. Anyone have seen this before or have any idea what the deal might be? It works fine in FF and other browsers. Cheers!
How to include two vertical sliders on same page
I am using the vertical slider by JQuery UI in Symfony, but the problem is i cant seem to get the .val() function to perform correctly, the code is as follows: <script> $(function() { $( "#slider-range-price" ).slider({ orientation: "vertical", range: true, values: [ 0, 50 ], slide: function( event, ui ) { $( "#search_price" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] ); } }); $( "#search_price"
changeMonth & changeYear in one dropdown
I have a client request to modify the calendar changeMonth & changeYear dropdowns to be one dropdown. I know this is not a great idea but I need help to implement it as it's what the client wants.
On tap hold increase the value of text box
I just want to increase value plus 1 in text box, when tap hold starts and till user leaves it. <input type="text" value = 1 id="number"> <span id = "upSpan" > Up </span> $('#upSpan').on("taphold", function () { var number = $('#number').val(); $('#number').val(parseInt(number) + 1) }); this should be repeated till he leaves. Like input type number.
How do I change the size of the thumbnails on this jquery slider?
<div class="wrap"> <div id="gallery"> <ul> <li><img src="gallery/thumb/img_1.jpg"/></li> <li><img src="gallery/thumb/img_2.jpg"/></li> </ul> <img src="gallery/img_1.jpg" alt="" id="main-img" /> </div> <div id="rectangle"></div> <div id="rectangle2"></div> </body> <footer> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/JavaScript"> // prepare the form when the DOM is ready $(document).ready(function()
jquery html call never completes
greetings i have the following code: which on submit calls a html page which has a preloader set up which shows an animated gif until the html loads. If i go directly to html page it works as expected with the animated gif and load. When i use my code below and use the submit button the html page loads the animated gif and just sits there and never loads the content of the html. Any suggestions please? Thanks 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33
jQuery and forms
I need to make the value of a few forms change automatically the text at another single form, but I just can do it with one of the forms. When I do it with the others, it doesn´t work any more. How can I do to do it with all of them? This is the code that works with one form: <script> $(document).ready(function(){ var x1 = $("input[name='x1']").val(); var x2 = $("input[name='x2']").val(); var x3 = $("input[name='x3']").val(); var x4 = $("input[name='x4']").val(); $("input[name='x5']").on('keyup',
Autocomplete disappear in IE7-IE10
Hi All, I am using JQuery version 1.10.2 and JQuery UI version 1.10.3. I have autocomplete added to an input box in my page. It works fine on Chrome and Firefox, but on IE (versions ranging from 7 to 10) when I click with the mouse on the scrollbar right to the autocomplete box the box disappears and I am not able to select an item. If I use the mouse scroller though it works fine. Here is an example how I use it. I have the following CSS: <style type="text/css"> .ui-autocomplete { max-height:
Things that happen using jquery-2x and don't happen using 1.7.2
Hi all! I have a div tag fixed positioned in lower left part of the page. It works perfectry using jquery-1.7.2 and 1.8.3(also 1.6.4). But when using jquery>1.9.1.....to the "edge, it disappears. Looking in the Firebugs, it shows "element.style" and "display:none". I have never wrote inline style. I searched in css,js,html...all posible thing that could affect to this div. But I could not see why. The page is long one, so I cutted less than 10% of page and copied and pasted in fiddle. It also happens.If
adding ajaxStart to jquery
Greetings I've been trying to add ajaxStart function to my code unsuccessfully. This is what I have so far which is working. I just need to add ajaxStart to my existing jquery so that when a user clicks submit and requests a html page you can will see a loading or an animated gif while the user waits for the page to load. I've been looking at the ajaxStart documentation but I still can't get it working. Any suggestions please. Submit Query
"Optimize Selectors" guide requires update?
Original document: http://learn.jquery.com/performance/optimize-selectors/ // Fast: $( "#container div.robotarm" ); // Super-fast: $( "#container" ).find( "div.robotarm" ); The .find() approach is faster because the first selection is handled without going through the Sizzle selector engine – ID-only selections are handled using document.getElementById(), which is extremely fast because it is native to the browser. JSPerf test: http://jsperf.com/jquery-find-checked-checkbox (see the stats) $('#nav-sidebar').find('input:checked') vs
Adding "internal links" with UI Tabs?
I am using UI Tabs ( http://jqueryui.com/tabs/ ) to organize a multi-part form, and I need to add buttons or links at the bottom of each content area to guide the user to the next tab. So basically I need another way to navigate through the tabs. For some reason, links inside the content areas do not do anything if they are going to a tab anchor on this page, or even trying to reload the same page. It adds the anchor link to the address bar but doesn't go anywhere. I have to manually refresh the
is element in list
Hello all I have next problem. I make li list when i register user, and when i try login i wont to check is this value from login input, exist in my list in some element from list. How to do that?
$ as an argument
This is an example of code from the each plugin $('.example span').repeat(1000) .each($).toggleClass('bold').wait(50); the code to run on each iteration comes after the each function. what does the $ in .each($) do? and can .function($) be used in regular jquery?
Some problem with using post in jquery
Hi, I am using 1.10.4 I am trying to login to my mediawiki api, through a jquery script. This requires me to send 2 Post requests one with the username and password and second with the token received with the first request. When I do these 2 post requests, using the Chrome REST-client extension, I receive a success result in the 2nd post response. But using the jquery script, I am unable to do this. I mean instead of a success, i receive a NeedToken on my second response, which should actually give
RSS news feed Reader for iPhone
Hi, Is there a jquery mobile plugin to read and RSS feed from a website and render on an iphone/ android device or equivalent? Thanks
Remove jquerymobile loading in wp_head of Wordpress
How to remove loading of jquery mobile when click to admin bar of Wordpress??
Parsing JSON Data From MySQL Table to Different Divs
Having a jQuery Ajax request from MySQL database I know how to render the data in an HTML element format like tables or list as below: $.ajax({ type:"POST", url:"appdata.php", success: function (newdata) { $('#result').html(newdata); } }); The PHP as: $mysqli = new mysqli('localhost', 'root', '******', '********'); $resultStr = ''; $query = 'SELECT * FROM appusers'; if ($result = $mysqli->query($query)) { if
Next Page