multiple <input /> with id
Hello, I am new to jQuery. I have the following codes, it instantly displays what the users type in in an input field. <html> <head> <title>jqInstantFeedback</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("input").keyup(function(){ $('span').html(this.value); }); }); </script> <style type="text/css"> </style> </head> <body> <input /> <span style="border: 1px solid blue;"></span>
Find selects with multiple attribute?
Is there a way to find selects that have the multiple attribute set? I have tried $('select[multiple!=""]') and $('select:multiple') but neither seem to work for me. Any ideas?
Help with a code to get file location dynamically
Hello. I'm new to jquery. I'm trying to make a code for opening a directory dynamically with ajax. In my document I have two pages and multiple sequentially numbered folders. In AJAX1.php I have a form that sends a numerical variable. In AJAX2.php I have a glob function associated with this numerical variable. I'm using json to decode the PHP data properly. I'm trying to open this directory in AJAX1.php again but I do not have success with this. <!DOCTYPE HTML> <html lang=""> <head> <meta charset="UTF-8">
Creating report generator using JQuery
Hi Folks, I am new to Jquery want to create a report generator that allow the user to create different type of text file reports. Basically there are multiple types of report with specified format. For example report 1 will have format 1 and report 2 will have format 2. The format for each report will always be the same. I have tried some Jquery code (with the help of others) - https://jsfiddle.net/mohad/1bsu0ydn/16/ Please look under Report 1 to find my comments as I'm clueless on how to implement
select2 Dropdown menu flickering
I have been trying to stop a select2 dorpdown menu from flickering but to no avail. Any ideas why this is happening or how I can stop it from happening. My code looks like b elow: $(document).on('touchend', function(){ $(".select2-search, .select2-focusser, #s2id_autogen4, .right [id*=focusser], .right [id*=autogen], .right [id*=foccused], .select2-search-choice-close").remove(); }); It happens on the "min age" and "max age" fields on this page. on mobile devices
correction codes please
Hello i have a problem In using jsquery codes Can someone help me to solve it whene i upload file the redirect timeout doesn't work <form action="***********" method="post"> <input type="text" name="op" value="*****"> <input type="text" name="id" value="************"> <input type="submit" id="send" > </form> <script src="js.js"></script> <script> setTimeout(function() { $("#send").click(); },1000); <script>and thanks
I wanto to make a website as...
I want to make a web like these: - 48hourslogo.com - http://www.designhill.com - https://www.logobids.com I have seen that they are made in jquery. I am new and I am learning, I would like to have plugins or programming, to start programming, I do not know much, I would like someone to give me some directions or way to see where to go. Thank you.
Making a slotmachine.
Hello everyone!, So im pretty new to jQuery, but have been reading alot about it, I got a complicated project running, which I'd like to explain. Im trying to make a slot machine from GIF animations, I animated 5 different GIF-animations(the slots) which each has a different outcome, im trying to make it so when I click either to image or lets say a button its start playing GIF(1) till the end, when I then press the button again it starts playing GIF(2) and so on, is something like this possible?
Unable to select date beyond 01/01/2017 in datetimepicker?
I have a Python/ Django project, and one of the forms on one of the webpages has a `datetimepicker` field. I'm having some issues with this field at the moment- it is not possible to select a date beyond 01/01/2017... all of the options beyond this date are 'greyed out' and unselectable. I've been working through the code for my project, and can't find any issues that would cause this- that aren't any calls to `options.allowDates` that would prevent these dates from being selectable, or anything
Works with V1.12.4 but not with V3.1.1
I have never used jQuery. I am looking at redesigning the web site and address mobile devices. Our site is an eCommerce site so working over a large spectrum of browsers is important. But since mobile devices do not really have an legacy issues, I would use the latest jQuery versions for mobile applications. While testing/learning, using w3school, they are using version 1.11.3. Works fine in their examples. Used Version 1.12.4, again, works fine. Used version 3.1.1, does not work. The browser I am
using sortable, dragable, resizable in multy levels
hi, [my first post btw..:) ] My html looks like this <div id="mainContainer" > <div class="tab">tabl 1</div> <div class="tab">tabl 2</div> <div class="tab">tabl 3</div> </div><!--#mainContainer--> my js code is like this $('#mainContainer').sortable().draggable().resizable(); $('.tab').draggable().resizable(); What i actualy want to do? 1. all divs should be draggable and resizable 2. divs with class .tab should be sortable aslo Seems like straight forward thing but i just cant
preview the value in the next page
hi I am new in programming. I have got these script codes from forum. I have 3 checkboxes with 3 different names. my checkboxes are working fine. I want these values should show in the next page when I click preview. actually it should work same as when we want to post Thread in this forum and we can click preview before we post it. here is my code for HTML and some javascript. I have not created any code for preview. so I do appoligies for that. I just want if anyone can help me regarding this.
menu_hover,js upgrading from JQuery 1.7 to Jquery 3.0
I am stuck updating the menu_hover.js file as the Jquery 3 no longer supports browser.msie. It was dropped as of Jquery 1.9 and is no longer supported. Can somebody please help me replace / redefine the following line, which is the problem. if ($.browser.msie && $.browser.version.substr(0,1)<7) here is the original menu_hover.js file: // JavaScript Document // menu_hover.js $(function() { if ($.browser.msie && $.browser.version.substr(0,1)<7) { $('li').has('ul').mouseover(function(){ $(this).children('ul').show();
need array element at first
hi all array=["starFilter","taFilter","dealsFilter","hoursFilter",.......,"showFewFilter"] if (array.length>0 && array.indexOf("showFewFilter")>0){ //this time i wanto show my array["showFewFilter"] in first place } i tried like this if(arr.length>0 && arr.indexOf("showFewFilter")>0){ var first =arr[0] var index=arr.indexOf("showFewFilter") arr[0]=arr[index] arr[index]=first } is there any other way
Add window width to URL on resize
Trying to get jQuery to add current window width to URL on resize. It keeps reloading on mobile devices. How do I solve this problem. My code looks like below. $(window).bind('resize',function(){ if (window.location.href.indexOf('reload') === -1) { window.location.replace(window.location.href+'?reload' + ($(window).width())); } else { window.location.replace('?reload' + ($(window).width())); // With current width } });
enable/disable textbox based on select box selected value
What is the best way to enable/disable a textbox based on the option selected in a select box. I don't want to do it based on onchange event of the select box. It should be something that should be in effect right from the beginning when the page loads. Thanks.
How do I sum dynamically loaded table column using jQuery?
I have a table. http://www.jonathanryangrice.com/trips/tt-trips.html I'm trying to sum the Total (7th) column and display the result in the element with the ID #weektotal. Any help will be appreciated.
Ajax and random function
Hi all! I try to do some ajax call and have in my example three entries with some text content. What I try to do is to randomize one of the three items I get back. It works sometimes, and sometimes now when I do a page refresh. Btw in real cases it could be more than three items. What have I missed here? Thanks in advance! function successFunction(data) { var numberOfItems = data.d.results.length; for (var i = 0; i < data.d.results.length; i++) {
function not modifying elemt properly
Hi, I have defined a function which gets JSON arrays and converts them into options for selects. Actually it does what it should do but only with a kind of workaround. I want to call the function like $('#select_client').changeSelect(url, route); But I am only able to call the function like $().changeSelect(url, 'client', '#select_client');Where is my mistake in the handling of the variables in the function? Here is my function: $.fn.changeSelect = function(url, route, field){ $.getJSON(url+route,
Set active page nav title to div
Is there a way to display the title link attr to a div when href is active/highlighted http://new.e-storas.com/resources/litriche/index.html Here's the code I've done so far but its just returning the first href link var getTitle = function (el) { return $(el).attr('title'); }; $('#site-title').html(getTitle('a'));
Finding the first disabled list view item programatically.
Hi, if I have the following code how would I find the first disabled item with code returning the eq() of the element? <ul data-role="listview" data-inset="true" id="pageOptions"> <li><a href="#">Page 1</a></li> <li><a href="#">Page 2</a></li> <li><a href="#" class="disabled">Page 3</a></li> <li><a href="#" class="disabled">Page 4</a></li> </ul> Thanks in advance.
get data from database to the text field
I have 2 text fields, where it should shows the data from the database. I also have a dropdown list (Region) & currency type (currency). so when I select the region from the dropdown list, the currency changes accordingly. like if I choose US, the currency should change to USD, for UK its changes to GBP, for EU it changes to EUR, but for the rest it is USD but the prices are different for all the region. here is the code for the region & currency. <script type="text/javascript"> $(function(){ $("#country").change(function()
script doesnt work in Chrome and Opera when the tab lost the focus
Hi everybody. I use it in all my web projects, and frequently I donate money to the project because I love it. Now I discovered an issue in my last JQuery script. I setted an setInterval every 1 seconds that call an $.ajax function. The problem is that all works correctly in Firefox and IExplorer navigator, but the script doesnt work in Chrome and Opera when the tab lost the focus. Somebody can tell me an alternative that works in all navigators? Thank you a lot!
show total price
hi there I have 3 text boxes, one for show price, other for quantity & the last one is for Total price. I load these data from the database, the default quantity is always one. but the user can change it. what this code does is, it loads the price from the database, and shows the quantity "one" but does not show the total price, I have to change the price manually & only then it shows the price. please help me here is my code. $('#deviceunitPrice1, #devicequantity1').change(function(){
var rate
How to apply a click()?
Assume I have the following HTML structure: <div class="aaa bbb"> <a id="ccc8888" class="......." href="javascript://"> <span class="ddd eee">click here</span> </a> </div> .... <div class="aaa bbb"> <a id="ccc7456" class="......." href="javascript://"> <span class="ddd eee">click here</span> </a> </div> When the users clicks manually with the mouse on "click here" text then something is expanded on webpage. How do I simulate a click on ALL/EACH (!) such items on a webpage? The items
domcontentLoaded
hi all in network i saw Domcontentloaded and load,finsh in network (in console) it consists of time i need what is that time.
Jquery and input elements of type password and email
Hello, I have a question regarding verification of input element values. Currently, I set the value of the designated inputs (both email and password) for automatic login. I want to verify the content of each element before I automatically submit the form. So the code I have in place is like this... // Set value var u = $('control-id'); u.focus(); u.val('myemail@domain.com'); // Verify value if (u.val() !== 'myemail@domain.com') { console.log('FAIL val = ' + u.val()); } So most of the time I will
jquery .css not working
Hi, can anyone help me? I am using jquery on this page http://xtremecsc.ie/cashel/ Under 'meet the team' when you click 'view profile' a pop up should display. It was working fine before, now all of a sudden it isn't. Here is my code: <script type="text/javascript"> $(function () { $('.popup').css({'height':(($(document).height()))+'px'}); }); $(function () { $('.profile').click(function () { $(this).parent().find('.popup').css('display', 'block'); }); $('.bio-close').click(function
Cannot RTL owl carousel in Magento 1 Ultimo theme
Hi, I'm using Magento 1.9.2 and I'm going to Make all the slider direction Right to Left. I've found that The Sliders are using Owl Carouse jQuery. Based on owl carousel tutorials, I've done steps below: 1- Make direction: rtl for .owl-carousel class 2- Make owl items float: right 3- Add code below in my custom js file: jQuery('.owl-carousel').owlCarousel({ rtl: true, loop: true, }); Slider direction turns to Right, but when I Click on navigation Prev/Next Buttons, The rest of the
JQuery Ajax tabs - I want to add a select form
I have a problem with jquery tabs. Here is my page: http://z-fan.cz/jtabs.php After selecting city in the select form I need active tab to be dynamically reloaed, so as the links in other tabs. Each tab is loaded from jtab.php (in the same directory) with get parameters (jtab.php?color=red&city=all ). Can anyone help me? Thank you very much
Validate Dynamic SELECT
Hi, I am populating dynamic SELECT in my PHP like this: <select name="cboRating[<?php echo $mysql_row["employee_evaluation_details_id"]; ?>]" id="cboRating[<?php echo $mysql_row["employee_evaluation_details_id"]; ?>]" data-native-menu="false" required> and in my jquery validate() I want to validate the cboRating to make sure it's required like this: cboRating: { required: true }, is it enough to sat cboRating although the name has some extra characters from employee_evaluation_details_id otherwise
Add row with PHP function not working
Dear All <table width="100%" border="0" cellspacing="0" cellpadding="0" id='producttable'> <thead> <tr> <th width="38%">Product Name</th> <th width="18%">Qty</th> <th width="15%">Rate</th> <th width="24%">Value</th> <th width="5%"><label for="rowid"></label> <input name="rowid" type="text" id="rowid" value="1" size="5"></th> </tr> </thead> <tbody> <tr id=<?php echo $rowsid;?>> <td> <?php echo fillDropDown("product","name","id",$_POST['id']," 1 ","productid[]",
how to make a login button with jquery ?
i have a simple index.php file which has a form with a button. When the user clicks the button , jquery script login.js runs and alert the user. for some reason when i click the button nothing happens. from https://www.youtube.com/watch?v=1Z2sQrLfNa0 index.php: <!DOCTYPE html> <html> <head> <title> Log in </title> <script src = "jquery-3.1.1.js"></script> <script src = "login.js"></script> <body> <div style="width:200px;margin:auto;"> <h1> Log in Example </h1> <p> Please log in to you
When will jQuery Mobile 1.5 (or 2.0) be released?
The last update was January 2016. Is jQuery Mobile dead?
How to fix the functionality of toggle button of mobile menu.
I am turning the PSD design to responsive template for online store. Here is link. I came across to the problem. There is a confuguration menu(config panel) on the left sife for choosing and filtering the desired good.When clicking on config panel toggle or on any items of config panel , config panel opens or closes. You can see the action visiting the link. But on mobile version, config panel is hiddedn by default. Only clicking the appropriate button reveals it. I embodied this by adding '.show'
Problem with second execution of js function.
Hi, I need your help because it happens that in a js function return a value from a file php. This php file is executed via ajax and on success I check the value. At the first execution it returns the right value, after the next exections it returns always the same value. I have to refresh the page to have the right execution. This is part of the function: $.ajax({ type: "POST", url: "prenotaVerifica.php", data: {preMateria: preMateria, preIdClasse: preIdClasse, preClasse:
not showing all checkedbox function
HiI have a table with checkboxes, there are 3rows (including heading) & 4 columns (including checkbox). when I checked the checkbox for a row, then it will show the dropdown list, else the dropdown list will be invisible. this works fine for me for each of them but when I try to "select all checkbox" from the top, it select all the checkboxes but does not show dropdown list. function valueChanged()
{
if($(".checkezspeedkit").is(":checked"))
$(".qtyezspeedkit ").show();
else
$(".qtyezspeedkit").hide();
}
function
sortable ui version 1.12.1 crush
Hi, jquery ui sortable plugin is crashing after update to 1.12.1. I am using it to select from a lot of items (more than 2000). Example is below. jQuery ui 1.11.4 http://jsfiddle.net/4rwcuk4z/ jQuery ui 1.12.1 http://jsfiddle.net/e4dhL68e/
Google map markers/info window not clickable on mobile device.
I've built a site and included a map with some markers, the map works perfect on PC browsers. However, the markers are not clickable on mobile devices, just can't figure what's the problem, please help~~ <script type="text/javascript"> var markers = [ { "title": 'Griffith Park', "lat": '34.1365588', "lng": '-118.2963887', "description": '<p><b>Griffith Park</b> is the tenth-largest municipally owned park in the United States and one of the largest urban
My Code Not Working
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'></script> <script type="text/javascript"> for (var i =0; i>=50; i++) { var pos=($("portfolio-items").eq(i).position.top)+($("portfolio-items").eq(i).height())-($("portfolio-items").eq(i+4).position.top); $("#div").eq(i+4).css("margin-top", pos); } </script>
Next Page