Unable to Increase Width of html drop-down which is in table
Dear All, I had written the code to dynamically create the html drop-down on button click of the row. But my css is not working to increase the width of dynamically created drop-down. Can any one please help me if any Jquery attribute helps me in extending width of my new drop-down which is getting created on Submit button click in a row fiddle Srk
How to collect all the information in the multi step form "step 1" with jQuery? (have data ready to send to the server to be validated)
I have a registration page that has a multi-step form like below. In the first step the user inserts the registration info (his information, billing information, and information about each participant that the user is registering), then select the payment methods and then the third step is the payment. I'm in doubt in the first step, then for the others should be equal. In the "step 1" I have fields like buyer_name, buyer_surname, etc. I want in each step collect all information with jQuery so that
sorry, I1M not an experient jquery developer, so i need some help ! why does'nt work this app ????
<html> <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <style> #container { padding: 0px; position: relative; display: block; height: 450px; width: 420px; margin: 100px auto; border: 5px solid black; border-radius: 15px; } #gameside { position: relative; diplay: block; float: left; width: 300px; height: 450px; background-color: #f2f2f2;
jQuery shortlist help
Hi guys I’m looking to create a car classifieds website. Beside each listing I would like to add a “Bookmark this car” option. This is so that visually it’s easy for users to see what cars they have already looked at in the list. I have looked for what seems an eternity for a suitable script and finally came across this page (https://stackoverflow.com/questions/46067404/add-and-remove-to-favorites-in-local-storage?utm_medium=organic&utm_source=google_rich_qa&utm_campaign=google_rich_qa) which
Delete added items
So, I'm trying to add new items to the list and delete them on "remove" click. The adding part is OK, but when I add items into my list, I cannot remove the added items by clicking "remove", but I can do this with the first three list items (since they are on the page already). Is there anyone that can help me solve this problem? I tried debugging using the console but it didn't help. Many thanks! P/s: I'm new to jQuery.
code.jquery.com not secure
https://code.jquery.com/jquery-1.10.2.min.js is not secure. Please help correct this!
Add end of url using JSON
I would like to append the end of a url to my code. Moreover, the end of the url is the country currency that I would like to convert. $.getJSON('http://api.fixer.io/latest?base=', function(data) { //url += "USD"; $("#show").text(data.rates.GBP); });
jQuery AJAX running multiple times
Hi have a Button which I'm running a script on when a user clicks on it. The script does what it should however it's running several times, 12, sometimes it's just once Why? I get the alert just as many times. $(document).on("click","#schedule",function(e){ RunScript(); }) function RunScript(){ alert('d'); if (Dep != '' && Arr != ''){ console.log("Started"); $.ajax({ method: "POST", url: "scripts/insert.php", dataType: "json", data: { ..... } }) .done(function( result ) { console.log(result);
Put XML data into key value pair
I have some XML data I am trying to put into a key:value pair in order to use as values in an Autocomplete. What I'm trying to do is return the selection 'CUSTOMER_NAME' from one textbox and use value 'CUSTOMER_ID' to do another AJAX query and update another textbox. My XML is returned like this: <?xml version = '1.0' encoding = 'UTF-8'?> <ROWSET> <ROW num="1"> <CUSTOMER_NAME>ACME CONCRETE</CUSTOMER_NAME> <CUSTOMER_ID>1065</CUSTOMER_ID> </ROW> </ROWSET> I'm trying to put the CUSTOMER_NAME
Displaying div when video stops
Hi all, Being a novice with jQuery I need someone's help, I have embed YouTube videos on a site and I'm trying to work out how to get a div to display only when the video has completed, the div would have an forward arrow so the students in a course can only progress to the next module once they watched the complete video. Can this be done? Thanks in advance Cheers
How to multiply multiple input values with one text field?
as above. How do i do it in a way that insert one number in one text field, all the other rows will calculate it self.
unable to auto-resize the textarea control while assigning the value to it
Dear All, I had written the below code where I am assigning the value to textarea control on "Submit" button ,But I am unable to autoresizse it when the content is large . Where as my keyup event is working fine and adjusting textarea control when I am entering the information. Can any one please do help me in knwoing what's wrong in it. fiddle Srk
Random duration
Hi, I'm aiming to animate a series of div boxes from left to right, in a race. My ultimate goal, is to have it so the boxes can randomly speed up or slow down, like momentum. For instance, a slow starting box could overtake to win the race, if the leader is randomly chosen to slow down. Or the it could lose the race, if it overtook the leader (who slowed down) and then got faster again. I was thinking it could be done via randomly generating new duration values on .animate, I don't know if that's
jquery .html()
I have a string with html element that i will use jquery function .html() to put in html page. so after using .html(), i see an error like, it is supposed to be <button class="btn btn-primary" onclick="chooseSoalUjian('1','ulangan harian')">Choose</button>, but it turned out to be <button class="btn btn-primary" onclick="chooseSoalUjian('1','ulangan" harian')>Choose</button>... see the error at ulangan
how to activate css animation on viewport
hi please i am a new bee in jquery and i have been trying to write a code to activate a css animation when the element is scrolled to and is visible on the viewport. please can somebody help me out with the code <thank you>
How to clone the highlighted row data to another table when ENTER key is pressed.
I am having a html data table with a highlight class to highlight the rows when I press the up-down arrow keys when the table is in focus. I have another table which is blank and I want to add the highlighted rows to the 2nd table when I press the ENTER key. after many tries I am not getting what I want. This is my code what I have tried : <html><head><title>dynamictable</title> <style> table { cursor: pointer; } .highlight { background-color: lightgreen; } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
All children open at when parent is clicked.
I'm creating a menu using jQuery (and HTML generated from Wordpress) which acts like a regular accordion mobile menu. I'd like for all list elements to be clickable, and on tabs which have children, I'd like to put an arrow next to it open the dropdown when clicked. This way I can have the main list element's text serve as a button to open that particular page. I've been developing my own script. I've worked out some of the issues and I have a working menu, but my issue is making the sub-submenus
Making area clickable unless overlapped with another element?
Hi, I'm new to jQuery and I'm struggling with making an area clickable which is not covered by another element. In my script, I use: $(".blueBox").click(function() { $('.somethingElse', this).slideToggle("fast", function() {}); }); When a blue box is clicked, I toggle something else. However, I have an overlapping box on the blue box (called .redBox) which, when clicked, executes the same function. What I'd like to do is NOT run the click function when the red box is clicked. What's the best way
Unwrap <element>::before possible?
The simplified original source looks like <div class="foobar"> :: before <div class="toremoveorhide">....</div> ... </div> As far as I know it is difficult to manipulate code inside a ::before or ::after section of an element. However I could imagine that a little workaround could ease this task: Can I somehow "unwrap" the inner content of the ::before branch? Similar to $(".foobar::before").content().unwrap(); Maybe there is another way to hide() or remove() the element with class ".tohideorrremove"?
click touchstart not working for my full screen menu overlay
Hello :-) I am really struggling with getting my menu to work on a mobile device. It works beautifully on a desktop. function initNavigationSetup() { console.log("1"); // Menu Variables var menu = $('#menu'); var header = $('header'); var burger = $('header button#brgr'); var logo = $('a.logo'); var menuItems = $('#menu #navigation ul li'); menuOpen = false; burger.on('click touchstart', burger, function (event) { event.preventDefault();
jQuery and Ajax
Hi everyone, I am trying to understand the whole Ajax functionality in a website and how jQuery handles the calls. I have a page that needs to update values every 3 seconds as an example say a clock. Using Ajax will only update that field, but there's no loading of the rest of the DOM, icons, images, etc.. Currently, I am using the following: $(function() { setInterval(function() { $.get("index.html",function(data,textStatus, jqXHR) { ..... ... .
Animation + none asynchronous behavior
JavaScript has never provided threaded/asynchronous behaviour. By that i mean you cannot have two functions running at the same time or directly take advantage of mult-core CPUs The only exception is webworkers however if you have the following code $('#div').animate({top:1000px},10000); console.log('hi') Although the animation is 10 seconds long, far longer than it takes a console.log to run, you would expect to see hi appear in the console long before the animation finished. This shows that the
Cropbox help required please
I am having problems with cropbox. The image loads ok and dragging and cropping works but not zooming in then cropping. You only get part of the image which isn't zoomed in. I can only find one example which isn't helpful. There is no image to start with until you have browsed and selected one. This is my function. Thanks $( function () { $('#search_image').on('change', function(){ str = document.getElementById("search_image").value; var res = str.substring(str.length
disabled Select option < 10
Hi ! <script type="text/javascript">jQuery(function($) { var sel = $("#jform_group_ids"); sel.children('option[value="1"]').attr('disabled','disabled'); sel.children('option[value="2"]').attr('disabled','disabled'); sel.children('option[value="3"]').attr('disabled','disabled'); sel.children('option[value="8"]').attr('disabled','disabled'); sel.children('option[value="9"]').attr('disabled','disabled'); }); </script> how can I do the same thing in a cleaner way ? disabling all options with
Error with Ajax
Here is my code, I do not get a alert when it's done and no errors in developer screen. How can I work out what is wrong? $.ajax({ method: "POST", url: "scripts/distance-calculator.php", dataType: "json", data: { Dep: Dep, Arr: Arr, ACID: ACID, DOW: DOW, DepTime: DepTime } }) .done(function( result ) { alert('aa'); });
How to append the cloned drop-down in specific Th
Dear All, I am able to cloned the drop-down and append to html table .But I required to append the cloned control in specific Th by such as like tq:Eq(3) and set the value to it Can any one please help me by reviewing my fiddle. Because I had written the below code ,But find no luck function submitvallues(button) { debugger; var row = $(button).closest('tr'); var td = row.find("td:eq(5)"); var select = $("#cars").clone(); select.attr("id","hello"); select.val("Audi");
jquery-debounce not working for Jquery Data table
Dear All, I am trying to use jquery-debounce for lazy loading . But I am finding no luck with it. Can any one please review my fiddle and help me. Srk
Use the values of the input fields in a group as the value of the last input field in the group
I am trying to set the value of the last input field in a group, to equal the values of its siblings. In this scenario, users can duplicate the group. What I have tried so far does not work properly. If user duplicates the fields, only the last group works. Any ideas on how I can achieve this? Please see code here on fiddle.
Open Sockets
Hi everyone, I was currently alerted by my webserver provider that my application was opening 8 sockets and not releasing them. They created a debug software which reports how many open sockets the server sees. When I used there debug software, it appears my application is not opening 8 sockets, "I am currently working with them on this issue." I only see one open socket and their webserver seems to close it. I am using the following JQuery: jquery-ui-1.10.3.custom.min.css jquery-1.10.2.min.js.gz
Unable to clon the dropdown and set the value
Dear All, In my below code I have text area and drop-downs in html table. On my submit button I am trying to clone the row drop-down and set the value . Can any one please do let me know what's wrong in fiddle.And why I am unable to set the value Srk
Using PHP Session in JQuery using Json Encode
I am trying to append one value from json encode. Here is my code: session.php echo json_encode($_SESSION); /* output */ "user_id":"1","firstname":"John","lastname":"Doe","email":"jdoe@email.com","role":"administrator","status":"active"} How do I then append just the firstname to index.html? <script type='text/javascript'> $(document).ready(function () { /* call the php that has the php array which is json_encoded */ $.getJSON('session.php', function (session) { /* data will hold the php array as
jquery variable in css (left: - "DivWidth")
Hi, im in the process of coding up a sliding out menu. at the moment i am getting the div width in jquery like this var Menuwidth = $('.SidebarWrapper').width();The width is 280px, but when developing new sites it could be different. this is obviously adjusted in the CSS file. How do i add the variable into CSS with a negative value equal to "Menuwidth" $(window).resize(function (){ $(Sidebarwrapper).css({ 'transition' : 'all 0.4s ease 0s', 'left' : '- + Menuwidth +' /*This needs
Social authentication in pop-up window - but how do I close it?
I'm planning to have the following functionality - 1. User clicks on social login button. 2. A pop-up window opens, which shows social authentication screen (viz. FB, Google, LinkedIn) 3. User logs in and allows the app to access data. 4. Gets redirected to the main app - at which point, the main browser window refreshes and the pop-up closes automatically. I've been able to get the functionality working till point 4 but only till redirect. I've no clue how to close the pop-up window after it's redirected
How to upgrade select option code
I have some jquery code that is quite old that uses "removeOption(/./).addOption(cats_reg, false)" to change the select options based on a checkbox. The version of jquery is jquery-1.3.2.js. I have to move my code to where jquery 1.10.2 is being used. The code removeOption(/./).addOption(cats_reg, false) is no longer functions in the new jquery. $("#offcampus_ws_box").click(function(){ $(".offcampws").toggle(); $(".chngtxt").toggle(); if (cats_reg !== undefined) { if (!($("[name=jobs_workstudy]").attr("checked")))
Best practices to convert data.
Hi. I'm getting data from jQuery in format productID and display on tables. The issue is I need to convert the productID to productName. Here is the part to get all the data in productID and display in table-form on contentNeed. {source} <script src="<script src="http://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script> <?php if(!@include_once(rtrim(JPATH_ADMINISTRATOR,DS).DS.'components'.DS.'com_hikashop'.DS.'helpers'.DS.'helper.php')){
How to create a URL?
Ở lông mày xuất hiện các vết sẹo khiến bạn mất đi nét đẹp trên khuôn mặt thanh tú của mình. Bạn lo lắng không biết làm thế nào để có thể điều trị dứt điểm các vết sẹo đáng ghét này. Vậy còn chần chừ gì nữa, bạn hãy theo dõi ngay bài viết hôm nay của chúng tôi https://medium.com/phuntheumay/o-dau-phun-theu-long-may-dep-uy-tin-a2fa853fb59. Bài viết về chủ đề tìm hiểu một số cách điều trị sẹo ở lông mày hiệu quả, an toàn nhất. Đừng bỏ lỡ nhé. Trang điểm che khuyết điểm sẹo lông mày Sẹo ở lông mày xuất
I insert text to text box of Google form via jQuery
How can I insert text to text box via jQuery Test form link : https://docs.google.com/forms/d/e/1FAIpQLSeG-xLPGRFIRzWpqjBkgPlPV2P2bMv0aIOh_5CLrnaiSajO7g/viewform?entry.1911185614=EE Class structure below <div class="quantumWizTextinputPaperinputInputArea"><input class="quantumWizTextinputPaperinputInput exportInput" jsname="YPqjbf" autocomplete="off" tabindex="0" aria-label="Q1" aria-describedby="i.desc.1641263984 i.err.1641263984" name="entry.1911185614" value="" dir="auto" data-initial-dir="auto"
Attaching to OnClick after its run
I am using a third party calendar and have attached an action to the onclick events of its buttons. I need my code to trigger after the main onclick has run - how do I achieve this?
Hello! I have questions, how to write ajax response for checkbox?
If checkbox checked, send to DB true. Maybe someone has something like this or can help write code
How to auto-resize the text area using Jquery
Dear , I have text area where I had applied html wrapper using some css and Jquery resizable , But my client wants to get the text area height and width increase automatically when the content get increase in it. Can any one please help me how can I make it using Javascript Srk
Next Page