Input Associated with Radio button
I am trying to get the associated input box value of the radio button. But it always returns the value associated with the first radio button irrespective of the radio selection. How to get the write one. Here my sample code <script> $(function (){ $('#viewMyAsyncRequest input').on('change', function() { var obj1 = $("#viewMyAsyncRequest input[name=radioInput]:checked").parents(); alert("content : " + obj1.html() + " value is :" + obj1.find("#inputId").val()); }); });
How does this website animate its beautiful homepage?
Would someone please be so kind as to tell me how this website animates its entire homepage? It has to be more than CSS3 transitions and transforms? Speaking honestly it is hard to find out what they are using as they bundle and minify their Javascript perfectly. I do understand that WebGL is used on this site, but isn't that more graphics properties, rather than animating as such? Their HTML structure is strange too, looks like angular? <x-application ws-root> and <template> are seen here, but,
How to separate crop function and upload function in Croppie.js plugin using jquery
I already got this working codes, but i want to adjust something i want to separate the Cropping and Uploading but the problem i don't know how to get the cropped image result when i clicked the crop button then used it to send on my upload.php when upload button was clicked. i already tried search for same problem as me so i dont need to post a question here and bother anyone but still no luck i also read the documentation but i still dont know what to do. Please help im stuck here.. Thank you ////////////////////////////////////////////////////////////////////////////////////////
how to remove selected option from other dropdowns
i'm generating table dynamically using jquery. http://jsfiddle.net/qvh7yeut/ now what im trying is to remove selected option in other dropdowns can anybody help?
jQuery UI Autocomplete: Showing dropdown wrapper when focus (or click) before AJAX
Hey, guys. My Autocomplete's almost complete. Now I want to show the dropdown wrapper when the input got focused (or clicked) in purpose of add a loader inside the wrapper before AJAX. I don't know how to do it. Could you help brother's out? Current code: https://paste.laravel.io/40eb3152-44cf-41de-a9d0-91e8ec3d00bd
getting the creation date/time of file you are reading via jq
I am reading a file like this : $.get("/myfiles/awaytoday.html", function(data) { var lines = data.split("\n"); is there a way to get the creation date/time of this file via jQuery?
jQuery UI Autocomplete: Broken dropdown result
You can see the image above the dropdown is like stacking strangely. How to tacke this problem? Code: https://paste.laravel.io/737bb1ac-609d-4e02-a603-fa34df069bc2 It appears jsfiddle does the same too: http://jsfiddle.net/xpvt214o/496569/
code doesnt work
Pls help... I have HTML <div id="somegroup"> <div id="step1">Step 1</div> <div id="step2">Step 2</div> </div> I have code (add div): $('#somegroup').append('<div class=\"choosen\" id=\"step3\">Step 3</div>'); and it works correctly. But this: $( "#somegroup div" ).click(function() { $('#somegroup div').removeClass('choosen'); $(this).addClass('choosen'); }); works for step1, step2 but not for step3. I need change class "choosen" Thank you very much for help.
Twitter Typeahead: not doing ajax call
Hey, guys. Glad to join here. I have a problem with typeahead. The typeahead is not doing ajax call whatsoever. But when I console.log the Bloodhound engine, it shows. The code is pasted from my another project at which works well, except changing some parameters. However this time it's not calling ajax in the console. I'm using Laravel by the way. The code: https://paste.laravel.io/7cb7de7f-7e19-4441-8c6d-93f7bcc276c8
jqueryform
hi, I'm using jqueryform in an app with requirejs. Unfortunately it seems to cause a SCRIPT5022 error when using internet explorer 11. It works perfectly in chrome. If you clear the cache then the page does load. But refreshing the page will not load. Removing jqueryform from the page and it loads fine. I upgraded jqueryform and it made no difference. So; Firstly - is jqueryform the right tool to be using? or is there a better way? ( we just want to hook into our forms and perform validation before
jQuery for Hiding SharePoint Columns
Hi all I'm new to jQuery, but I've added one to a SharePoint List so hide and show specific columns based on criteria. For example, I have a Choice drop down where users can select either 'US Dollars' or 'Pounds Sterling'. If they choose US Dollars, then a text box (which was hidden) now appears so they can enter in a currency in Dollars.. and vice versa if they select Pounds Sterling. The query works great when a new item is created in the list, however if you then go back into the item later to
How to use a CSS class with the jQuery Bootstrap4 effect
So i'm using jquery effect to put a highlight in certain situations. It looks something like this $("#spanAdultCount").effect("highlight", { color: "#008000" }, 3000); I'd like to have the color used be from scss. I've tried replacing the {color:"#008000")} with function () { $(this).addClass("shannon") } and shannon looks like this .shannon{ color:pink} but that doesn't change the background color to pink, instead it changes the text to pink and it never goes away. with the hardcoding of color:#008000
Help with Active navigation
I need help with getting my active navigation to work. im not sure why it won't transfer prom the home page to lets say the navigation page. Here is my code of what I have done. This is for a school project so any help would be very appreciated. <DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> <div class="background"> <div class="nav"> <a class="a active" href="#">Home</a> <a
jcarousel.responsive.js question
so the prev and next are driven by <a href="#" class="jcarousel-control-prev">‹</a> <a href="#" class="jcarousel-control-next">›</a> which call jcarousel.responsive.css and jcarousel.responsive.js in this latter is the the jquery function that includes $('.jcarousel-control-prev') .jcarouselControl({ target: '-=1' }); $('.jcarousel-control-next') .jcarouselControl({ target: '+=1' }); My problem
Word Count with Jquery, need some help please !!!
I'm using K2 Smartforms and essentially have a Text Area (its named textarea) Underneath the text area there are two data labels, one called WordCount, the other is called Script. Wordcount label stores the actual word count Script, has Literal property ticked and the following expression: <script async defer>$(document).ready(function () { var wrdCountDataLabel = $("[name='WordCount']"); wrdCountDataLabel.parent().find('input[type=text], textarea').keydown(function () { var s = $(this).val() .replace(/(^\s*)|(\s*$)/gi,"")
Invoke class method when slider value change
Hi there, In the following code, how can I make this.setValue to invoke when #sldr value change ? function test() { this.setValue = function () { $("#lbl").text($('#sldr').val()); } $("<input id='sldr' type='range' oninput='this.setValue' min='0' max='255' value='255' />").appendTo("body"); $("<label id='lbl />").text("label").appendTo("body"); } $(function () { new test(); });
problem using draggable()
Hi, I have a series of pages which are ajax-loaded into a column. Behind the column is a div of identical width which provides a semi-transparent background. I prefer to get rid of scrollbars, and give the viewer the means to scroll: using draggable-y. Now: if i use on the imported pages either margins or padding on the left or right, there's a non-scrollable area: and a mousedown in this area overlays the whole column with a blue colour. You can see the effect here Short of recoding all the pages
Syntax Error Unexpected Character
Hi, I need some help in jQuery where i'm receiving this error when try to run the script. {source} <div class="wrap"> <table class="headerTitle"> <tr> <td> <p class="pTitle">STEP 1 : CHOOSE A DONATION AMOUNT</p> </td> </tr> </table> <form id="donationAmount" method="post" action=""> <div id="divFullWidth"> <table class="option-button-donation"> <tr> <td>
Uncaught ReferenceError: $ is not defined
<body> <table id="tbl" style="width:100%"> <tr> <th>id</th> <th colspan="2">email</th> <th>phonenum</th> <th>username</th> <th>name</th> <th>isActive</th> <th>address</th> <th>lastlogin</th> </tremail <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> </table> </body> <script type="text/javascript"> var rows=[{ id:"0001", email:"wahajzafar06@gmail.com", phonenum:"03314845914",
Jquery drop drag not working for mobile responsive
Hello, I have used this jquery ui min for drop and drag it working on computer (on desktop system) but for mobile responsive is it not working for touch drop and drag.Any suggestion ,how could I overcome from this issue? Thanks Jyoti Shinde
page display error in chrome
hi, i am too to try this jquery mobile. i did everythiing as in demo page. yet chrome through error. plase take a look the screen shop. hope you would help me fix. thanks kristtee
jQuery autocomplete with python cgi as remote source
I am new to python. I don't know how to get the data from python CGI script for jQuery autocomplete. The cgi script generates json data. For example. [{"product": "isoleucyl-tRNA synthetase"} My html so far : $(document).ready(function() { $( "#tags" ).autocomplete({ source: "./search_term.cgi" select: function(event,ui) { var availableTags = ui.item.product; } }); } ); Any help would be much appreciated.
Jquery onclick event
I am using a jquery date picker, i want to display some data from database whenever i click on any date, so i am looking for some onclick event, so that i can call ajax and fetch my data from database, can anyone help me please, how to do it
Hover slide out issue
I have a Div - full screen width. Inside that I ave a fontawesome icon with padding around it. When hovered over I want to expand a DIV below. I've got this done and works fine. But; Because there is white space between my icon and my expanded DIV as soon as I mouse out from the icon it goes away. I want it to remain expanded until I move away from the icon and expanded div
how to assign each value of Json to each textbox in the each column of each row
Hi Friends, https://jsfiddle.net/ch2ybdv3/ Refer the above code. I have a Json object and it may have any number of records and I have table with default 5 rows bcoz the requriement is minimum 5 rows should be visible by default. Now I want to load the json object to each row. Lets say I have json object has 10 records then I have to load 5 records to 5 rows and for the rest of the 5 rows I need to create rows on the fly. Can you help me how to load the records to the table. Each rows has two columns
Triger a tab control
Here is my URL problem: https://leadingchair.com/e-400/ Getting to the middle there is a tab control with 4 tabs. I need to catch the second click event and alert something. Anyone knows how? Thx
strange error in my code, because everything looks alright at least when it comes to colons
Hey, I experienced a strange error in my code, because everything looks alright at least when it comes to colons: <!DOCTYPE html> <html> <head> <title>Page Title</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> </head> <body> <h1>My fruit list:</h1> Fruit Name: <input type="text" id="fruitnameinput" value="" placeholder="Fruit Name"/><br> Fruit Color: <input type="text" id="fruitnamecolor" value="" placeholder="Fruit Color"/><br>
why this script wont work
<!DOCTYPE html> <html> <head> <title>Page Title</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> </head> <body> <h1>My fruit list:</h1> enter your fruits: <input type="text" id="foo" value="" /><br> <button id="buttonclick">Get Value</button> <ol id="fruitList"></ol> <script> var list = $("#fruitList"); var fruits = ["banana", "apple", "peach"]; function redraw (){ list.html(""); $.each(fruits, function(index, value){$("<li/>").text(value).appendTo(list);});
How to pass an object from a link to a function
Environment is MVC with jQuery. I built a cut down example to show my problem: From my web page I consume getDogs from my Controller: public ActionResult getDogs() { List<Dog> myDogs = new List<Dog>(); Dog d = new Dog(); d.dogName = "Doc"; d.dogBreed = "Many"; myDogs.Add(d); d = new Dog(); d.dogName = "Sadie"; d.dogBreed = "Boston Terrier"; myDogs.Add(d); return
loop through json object
Hi all, i have the folowing JSON object: var jsObject = { "name": "Student1", "members": { "data-content-type": "saAfterFullStud", "data-key": 1, "data-value": 007 } , "name": "Student2", "members": { "data-content-type": "saAfterRedStud", "data-key": 1, "data-value": 222
jQuery select input hidden value inside a div
Hi, I have this html <div class="spazio_canzoni_playlist bg-warning"> <div class="orario_playlist">12:40</div> <div class="titolo_autore_codice_selezionata">TEXT - TEXT</div> <div class="aggiungi_play" rel="4157"> <div class="btn btn-danger btn-md">Inserisci</div> </div> <div class="click_play_right start"> <input type="hidden" class="canzone_file" value="value to find"> </div> </div> this is my query function $('.aggiungi_play').click(function (){ // find the class pulsante_aggiungi = $(this);
Updating contents length / size on click
Hi Everyone, new to the forum. I don't know how to title this as it's not easy to explain. I have the following code: https://jsfiddle.net/xpvt214o/448284/ You can click the - in the right of the widget to send it to trash. This works beautifully but I want to be able to offer a way for the user to clear the trash "folder". I first added the following: $( '.trashwidgets' ).append( '<a class="cleartrash" href="#">Clear</a>' ); That works but everytime you add a widget to the trash, it duplicates the
Stay on same page after form, show result in div.
Hey guys n gals, Got a bit stuck, fairly noobish on the jQuery side of things here. (more back end coding only, but the designer guy has decided to step out for a bit. I am submitting a form, to a script, what i need back from is it is a dynamic response, in the form of a webpage pull after sending through the data via POST. (sorry if i'm explaining it wrong.. but like a jQuery powered dynamic select box, but... with a form post thrown in. thanks in advance, and would be much appriciated! Regards,
getJSON not working with typeahead
Bootstrap: 3.3.7 jQuery: 1.11.3 Hi Team, I am facing an issue with using typeahead with a ajax response. My input field looks like below, <input class="form-control typeahead" name="referredBy" value="" type="text" id="referredBy" data-provide="typeahead" autocomplete="off"> my js looks like below; $('.typeahead').typeahead({ hint: true, highlight: true, minLength: 2 }, { source: function(query, process) { var url = "not putting in the actual url" matches = [] teamMemberData = ""; var execAjaxEmployeeLookup
When using a hard-tap gesture, my jQuery Mobile screen freezes
Here's what happens when I do a hard-tap on any page: 1. The view window scrolls to the top of the page and the header and footer are displayed. 2. The screen freezes. I'm unable to scroll up or down. I can click my "Back" button which takes me to the home page. But the home page is also frozen. If I do a browser refresh, that resolves the problem until I do a hard-tap gesture on the screen. I only have an iPhone for testing; so I don't know if this same anomaly occurs with an Android device.
Eliminate white screen between animations
I have just discovered Barba.js and find it very useful. It provides smooth transitions between URLs of the same website. I have put together a Plunker consisting of two pages (index.html and about.html) that are loaded smoothly, with the help of jQuery’s fadeIn() and fadeOut() methods. $(document).ready(function() { var transEffect = Barba.BaseTransition.extend({ start: function() { this.newContainerLoading.then(val => this.fadeInNewcontent($(this.newContainer))); }, fadeInNewcontent:
Trying to make form fields auto populate upon selection of drop-down
I'm trying to make form fields auto populate upon selection of drop-down. The drop down is for 'company' field (I already have this part setup in Django) which is related to another database table of contacts. I'd like to auto-fill the contact information in the form upon selection of the company. For instance - once you select the company from the drop down, the company address, city, state, etc. will be auto-filled in the corresponding form fields. Thanks for your help!
Moving existing divs
Hi All, I want to move existing divs below another div. This code is generated by Oracle APEX framework, hence not keen in adding ids. <div id="R118549394377418404_ig" class="a-IG"> <div style="z-index: -1; "><div style="position: absolute; transition: all 0s ease 0s; width: 200%; height: 200%;"></div></div> <div class="js-resize-sensor" style="direction: ltr; position: absolute; z-index: -1;"><div style="position: absolute;"></div></div> <div class="a-IG-header js-stickyWidget-toggle"
AJAX POST File failed on mobile
I want created a form to upload document by using POST method to call an API. It did work well in desktop, but mobile browser totally doesn't work on the upload action. Device : IPhone X - IOS 11.4 Mobile Browser: Google Chrome & Safari (both are the updated as now) Html Code: <form id="docsUpload"> <input type="hidden" name="token" value="aa"> <input type="file" class="upload-file" id="brFile" name="brFile" data-text="Find file"> <button id="submitBtn" class="btn btn-custom btn-upload"
Keeping track of last highlighted elements with use of Local Storage
I have a bit of a problem. So I have some tables within list elements, that I can move around and reorder, and also I select them by changing background color. The order of the tables or rather the order of the list elements are saved in Local Storage: function saveOrder() { var mapping = {} $(".sortable").each(function () { var key = $(this).attr("id"); var data = $(this).children().map(function () { return $(this).attr("id");
Next Page