Pass value from child window to tokeninput in parents window
Hi, How do I pass value from a child window to tokeninput in parents window. Below is the example of my code: Parents window: my Jquery Tokeninput script <input type="text" id="tokenize" name="receiver" /> <script type="text/javascript"> $(document).ready(function() { $("#tokenize").tokenInput("root/system/application/views/ajax-user.php", { theme: "facebook", preventDuplicates: true, excludeCurrent: true, hintText: "Enter user name", noResultsText:
passing text from dropdown-menu to ajax with jQuery
Hello i want to send the text from selected dropdown-menu items to my service via ajax. How do I accomplish this using JQuery Below is what I have tried: But doesn't work. <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
Getting NULL in web api Post
Hi all, I'm starting to get a handle.... a little bit. My jSon should be passing a parameter to my Post Web Api but it's passing a null, or the web api is GETTING a null. Json: <script> var uri = 'http://localhost:58021/api/SedgwickEvent'; function Count() { var counter = $('#counter').val() ; $.post(uri, counter) .done(function (data) { alert('success: ' + data); }) .fail(function () { alert('error: ' + Error);
Jquery not running
Dear Sir/Madam http://www.prajaktasoftware.com/sce/exhibitorsetpassword.php?id=79 I found following error using development tool exhibitorsetpassword.php?id=79:637 GET http://www.prajaktasoftware.com/sce/css/shortcodes.css exhibitorsetpassword.php?id=79:637 GET http://www.prajaktasoftware.com/sce/css/settings-panel.css 404 (Not Found) responsee.js:8 Uncaught ReferenceError: jQuery is not defined(anonymous function) @ responsee.js:8 jquery.magnific-popup.js:49 Uncaught TypeError: $ is not a function(anonymous
Show multiple table rows on radio button click
Hi, how do I make multiple row showing per radio button check( When user click Other, two rows will be showing row for Country Dropdown and row for State Dropdown), it is not working when I do it like the code below as I cannot use the same ID more than one time(country-2 used twice) <!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> <title> </title> <script type="text/javascript"
Auto play Youtube Video when loaded in a div
Dear Sir I am embeding following code using javascript when i load following code (say) using database this information being in database, this varied based on the link clicked by the user. <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/zNWHsYsht9E?rel=0&controls=0&showinfo=0" frameborder="0" allowfullscreen></iframe> I want to auto play the youTube video when loaded My jquery code to display the youtube video $.getJSON("sampleyoutubevideojsonfill.php", {id:
Multiple arguments on a .net web service
I wrote a web service in C#. It's quite simple. public string SetProduct(int id, string name, string category, decimal price) { products[id].Name = name; products[id].Category = category; products[id].Price = price; return "test"; } I can't figure out how to call the web service and get the parameters there. function change() { var id = $('#SetProduct').val(); var category_var = $('#category').val(); var price = $('#price').val(); $.getJSON(uri + '/'
Input field validate required at least one field
Hello I have a form with 5 input fields, user has an option to enter any field, so can you please provide simple code here how we can make user to enter at least one field, if not just show an alert message. Thanks
.slideToggle(); function Hides wrong element when clicked twice
for the life of me I have no idea why this is happening. I have a button what when clicked hides a <div> and when clicked again it shows the same <div> the problem is that when you scroll to the next page and repeat the process the button itself disappears. leaving you with no way to see or get back to the content that is hidden. Is there something I am doing wrong? or am I approaching this the wrong way? <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script>
Using Knockout - Multiselect drop down using select2 js. How to set default selected value to drop down which is bind dynamically?
Hi , I am using multi select drop down like <input type="hidden" data-bind="value: selectState, select2: { minimumInputLength: 0,allowClear:true, multiple:true, query: stateQuery}" > Using stateQuery, i am getting the values of drop down dynamically. I have to set default value to drop down when i m open the page. I am getting the solution. Please help!
The Basics of jQuery AJAX
A step-by-step tutorial for those new to jQuery and wanting to use AJAX in their projects. Includes valuable information about troubleshooting using the console and understanding the request / response. http://jayblanchard.net/basics_of_jquery_ajax.html
how to get the all class name with in div tag?
How to get the all class name with in tag, I want get class name one and two, Any one please help me <div id="svgcanvas" style="position:relative"> <div class="one"></div> <div class="two"></div> </div>
help with this javascrpt form please
Hello All I have below code, I want to change all these small cubes to same color and also same size...how do I do that basically I am trying to form a cube out of cubes....how do I do that? three.js webgl - draggable cubes
How to insert 5 elements of one block after every 5th element of another block
Hello! Want to find a solution to my problem, the task seems to be simple for someone who knows jQuery a little bit better then myself. I've got 2 HTML code blocks, one after another: <div class="items-one"> <div class="items-one-item1"></div> <div class="items-one-item2"></div> <!--etc.--> </div>and <div class="items-two"> <div class="items-two-item1"></div> <div class="items-two-item2"></div> <!--etc.--> </div>I want first 5 elements of "items-two" to move after 5th element of "items-one",
how to find image width and add same with on LI?
Hi i'm not developer so need small help. here is what i have got now. now i need to find image width and add on newly added li that wrap image. <!DOCTYPE html> <html> <head> <title></title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> </head> <body> <nav class="navigation"> <ul> <li class="nav-women"> <a class="level-top" href="women"><span>women</span></a> <ul class="level0"> <li class="nav-features">
why do the method grep be called grep?
why do the method grep be called grep? what does it mean?
Adding values to array
How i can add values to an array in jquery class? i have couple of items to add. eg: { pid: pdt, unitRate: urate, taxids: taxId, qnty: qty, net: Net } how can i do it ? Thanks in advance
Adding class to a cloned textbox
I want to add a class property to cloned textbox. when i tried $(clone).find("#pdt-0").attr({ id: "pdt-" + ids, name: "pdt-" + ids, lang: ids }); i was able to set other attributes. But how can i set a specific class to this textbook. Thanks in advance .
.addClass doesn\t work
This is my html: <div class="middle"> <p>text here</p> </div> <!-- jQuery --> <script src="js/jquery-2.2.4.min.js"></script> <!-- Bootstrap --> <script src="js/bootstrap.min.js"></script> <script> $(function(){ $( ".middle" ).addClass( "selected" ); }); </script> But the addclass is not working. Any ideas?
auto press enter [don't working]
Hello i have problems with my scrtip, i want this script paste in chrome console but don't work. I need auto press enter when my script write text. TEXT PLACE: https://gyazo.com/a8cd0ad5100fa0bb2d9f7865e8192128 TEXT SCRIPT[CHROME]: https://gyazo.com/6588261f4928bd1b35a7000fb9199ba0 My script: pQ+=$(".amount").html(); and $('TEXTAREA').val(pQ); When i paste my scritp in chrome console i get this: https://gyazo.com/f03443d796205e23b85a8879343c6222 When i try add this: var e = jQuery.Event("keypress");
Set up local storage path for all users
Hi I want to set local storage variable for all windows users. Which i can set/retrieve data from logged in by any user. Currently i am trying to set from jQuery localStorage.setItem('titles', titles.text());
but it stored on location C://Users/{username}/AppData/myapp. I want to change path of it.
.keypress() not working on the first key pressed
Jsfiddle here: https://jsfiddle.net/80g2e9em/ HTML <input> <p id="model"></p> JS $("input").keypress(function(e) { $("#model").text($(this).val()); }); The problem I have is that when I press a letter first time nothing happens. Only the second and subsequent letters are shown.
Tool Tip widget always displays outside <div id="wrapper">
5 day old newbie here ... regardless of wrapper height (& width) the UI Tool Tip always appears outside the wrapper div. How do I get it close to the object whose title appears in the Tool Tip. <!doctype html> <html> <head> <meta charset="utf-8"> <title>jQuery ToolTip Dev</title> <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css"> <!-- jQuery-UI lib --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
Hide first div when function starts and add a delay between divs shown.
I've been struggling with this for about a week now with no luck. the first div won't hide and I used setTimeout to add some delay between fadeIn and fadeOut. Someone has any idea how to fix this, thank you. $(document).ready(function() { $('#text_slider div:gt(0)').hide(); setInterval(function() { $('#text_slider div:first').delay().fadeIn(2000) .fadeOut(1000).next().fadeIn(1000).end().appendTo('#text_slider'); }, 3000); });
Typical WordPress Image upload problem on reviews page. Can you help?
Hi, I have wordpress version 4.5.3. While i am trying to add media to set an image, the uploading option is not showing. Instead, a white interface is coming. Also i am not able to set any post image as featured image on the front-end. Can someone help me out, so that i could properly set featured image on the top side of the front-end? Site Ref: Advids Reviews Thanks!
Jquery accordion and tabs
I have tabs 3 tabs and what to load jquery accordion on all the tabs. By accordion is loading only in first tab not on 2rd and 3rd. if i change the accordion id that contents are not getting loaded or deleted. $(function () {
$("#tabs").tabs();
});
$(function () {
$("#accordion").accordion({
collapsible: true,
//Set the active accodtion tab to none
active: 'none'
});
}); <body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">ORT</a></li>
<li><a href="#tabs-2">Sanity Testing</a></li>
<li><a href="#tabs-3">Funtional Testing</a></li>
<li><a href="#tabs-4">Load Testing</a></li>
</ul>
<div id="tabs-1">
<div id="accordion">
<h3>Network and Connectivity</h3>
<div>
<p>Network and Connectivity</p>
How to implement expand/collapse all button on page with accordions?
I have a page with a number of accordions. I have been asked to also provide an Expand All/Collapse All button. The problem is that if the user opens and closes a few accordions and then decides to Expand All, those accordions that had previously been opened now become closed. This can be see on my dev page. To replicate: click on accordion 1.00 click on accordion 1.10.00 Click Expand All Notice that accordion 1.10.00 did not expand This is my javascript for the Expand/Collapse All button: //
Firewall - consider traffic as attack
Hello, I have written the following code to call server function with http GET . function Get(url) { if (Core.Utilities.IsQueryStringExists(url)) { url = url + "&IsAjax=true"; } else { url = url + "?IsAjax=true"; } var dfd = $.Deferred(); $.ajax({ url: encodeURI(url), type: "GET", contentType: "application/json;odata=verbose", headers: { "accept":
Shifting List Items Positions
On my web page I have a horizontal unordered list with three list items. Below the unordered list are left and right arrows. I would like to move a list item by selecting it then clicking the left or right arrow to move it left or right. That also means the siblings of the selected list item will also have to move to new locations. I was able to select a list item then click the left or right arrow to change it's index value. However that does not move the list items to where they need to be. Please
Want a nice library other than jQuery only for Ajax
Hey guys just had a weird question , has any one of you ever used a stand alone JS Ajax library that ? something other than jQuery. I just want to know a good up to date library that i can use , it should be AJAX only and no other functionality.
How to use foreach loop in jquery?
How to loop in jquery? I am having 1 issue like: var current = 0; jQuery(".bod-item").each(function() { alert("#pi-"+current); jQuery("#pi-"+current).click(function(){ alert("#mob-"+current); jQuery("#mob-"+current).slideToggle("slow"); }); }); current++; Now what I want is I have 3 `bod-item` Each bod item has its separate id like: bod-item #pi-0 bod-item #pi-1 bod-item #pi-2 When #pi-0 gets clicked,
Troubleshooting approach for my 1st script
Hi, I'm trying to get my 1st ever script going inside a page that I suspect already has Jquery loaded. 1st question before trying to work whit it wont work is how can I be sure that Jquery is in fact loaded to the page? Firebug shows JQuery under script tag in the watch section. There is no errors on the Console tab. (javascript errors enabled) Thank in advance Todd
Animate an image on hover
Hello, I am a total beginner, in fact I started with jQuery earlier today. What I am trying to make is an animation when the user hover on an image. What I want that will happen is that the image will animate out to the right, revealing som info behind it. When the user moves the cursor from the image, it should 'slide' back to cover the info again. This is my beginner code that I have struggled with for a few hours now. <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
Having issue for jquery code
Hi, ,I am using javascript to append jquery coded to variable. I see the code gets put into a string. However, ,the code doesn't run. Instead of showing code in the variable it shows [ object objec ]. How can I put it in a variable and still be runnable jquery code? It seems like the code isn't at all running but instead got convertet to [ object object ] as a string which doesn't run any of it's code.
AJAX CORS - a thousand times
Hello forum, the question must have been asked a thousand times, this ist now 1000 and 1. I have a Server at 192.168.1.3 which tryies to get xml-data from 192.168.1.43. At first I used a proxy on *.3 and it worked finde, but at the end I have to directly talk to *.143. This is how the header from *.143 looks: HTTP/1.1 200 OK Connection: close Transfer-Encoding: chunked Content-type: text/xml; charset=UTF-8 Access-Control-Allow-Origin: * As you can see, Access-Control-Allow-Origin is allowed for every
Can someone explain this Javascript code?
I saw this posted on stackoverflow. How would someone call such a function. The poster did not provide any example, of course. Array.max = function( array ){ return Math.max.apply( Math, array ); }; Here is something I tried. A bad guess: var array1 = [1,16,0,32,11]; Array.max = function( array ){ return Math.max.apply( Math, array ); }; alert(array1.max); (I don't know the proper way of providing two code blocks on this forum, so this does look a bit messy)
How to add one row from two drop down list to table and remove when select
I have two drop dow list first for projects second for employees I need when select value from first drop down list(projects) then select value from second drop down list (employee) add new row of selected value from both two drop down list to table as following suppose i select one adil value selected removed from two drop dow list both and inserted in table and when make remove from table added to drop down list my code as follwoing @{ Layout = null; } <!DOCTYPE html> <html> <head> <meta
Help with Datepicker passing date over
Hi all, bit inexperienced with jquery, I have been provided this code to drop into a hotel web site which has a check in and check out calendar which passes variables over to a 3rd party booking system. It works ok but I want the check in date to pass over to the check out date, so if someone picks the 10th June on check in the check out calendar will start from the 11th June, I found a few other posts on this on the forum but it stopped working entirely, hoping someone can point out what is wrong,
Get css-height dynamically and apply as margin?
Hello! I am in a bit of a bind, and wonder if Jquery is the solution to my problem. I have several divs with class 'textbox', and they have variable heights (due to different amounts of text). I want to select all those divs, get their respective calculated css-height, and apply a negative margin-top on each, consisting of their respective css-height (maybe with an addition of 1rem). I also need all those margins to be recalculated upon window resize. The resize() event should help me with the last
Small overview for selfmade Pages JQM
Hey, First sorry for my Englisch. In my ToDo App I want to go a step further. Till now I have an App which shows me my Tasks, so I can add a Task oder delete it if I finished it. Now I want to make it mor detailed. For that I want to make a own page for each Task. So maybe instead of adding a text to the local Storage I want to add a button which opens a Page. For the Page i´ve made a form to maybe add a Little text for the Task and the Time in which i have to finish the Task. Now my questions are:
Next Page