Need help in fetching the data from an object .
var a = { "id": "0001", "type": "donut", "name": "Cake", "ppu": 0.55, "batters": { "batter": [ { "id": "1001", "type": "Regular" }, { "id": "1002", "type": "Chocolate" }, { "id": "1003", "type": "Blueberry" }, { "id": "1004", "type": "Devil's Food" } ] }, "topping": [ { "id": "5001", "type": "None" }, { "id": "5002", "type": "Glazed" }, { "id": "5005", "type": "Sugar" }, { "id": "5007", "type": "Powdered Sugar" }, { "id": "5006", "type": "Chocolate with Sprinkles" }, { "id": "5003", "type": "Chocolate"
How can i learn JavaScript?
Hi, i am chandra shekar, UI designer and developer, i not good in JavaScript, can any once help me? And what is the best way to learn java script? what is the easy way to learn JavaScript?
how can I verify a radio checked value
Hello, I have a plateform that requiert to ask the patient if he is subscribed in my database, so one of the forms is showed (to login or subscribe) Can you help me to correct the jequery function : <script> $(document).ready(function() { $("use2").on("click", function () { if ($('input[id=use2]').is(':checked')) { $("#login").show(); } else { $("#login").hide(); } }) $("use1").on("click", function ()
Datepicker calendar displayed on top of the screen for a scrolling window
Datepicker calendar is displayed on top of the screen rather than the being displayed next to the text box. The issue seems to be on a scrolling window, on a non scrolling window it is working fine. I have attached a screen shot below. Any ideas how to solve this please. I am using the default "jquery-ui.css"
Having trouble assigning hyperlinks to .gifs that become visible through .toggle
Hi everyone, new to jquery and the forum and even quite inexperienced with html. So, I have this code: <head> <title>Title</title> <meta http-equiv="Content-Type" content="text /html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="mystyle.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $('p a img').each(function(){var path = $(this).attr('src').slice(0,-4);
Can't display ajax call return
Hey guys, first time posting here and I'm rather new to web programming. This is a pretty mundane question ( I've tried many other place but no one seems to want to help / direct me in the right direction). Here's the thing I have an ajax call that is sent to a controller file ( I'm using Yii MVC) and I've tried a million thing but nothing is returning Ajax call: $('#validate').on('click',function(){ var data = []; // data container // collect all the checked checkboxes
Need help making popup
Hello I have made a landing page on which i want a popup which stick on it for a while. Just like tech support landing oage has popups but i am not very good at programmimg so please help me out . looking for your valuable advices Thanks&Regards
Loading new jQuery version is disabling other jQuery versions on page
Hello, I am trying to load 2 more jQuery versions into one of my pages, like so: <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> However, there is already some other jQuery currently running on the page. When I load in those tags listed above, my new code works, but the jQuery that was previously running on the page does not work anymore. I have read into the noConflict()
autocomplete textbox with multiple values separated by full stop and Elements
<script> $(function() { var availableTags = [ "Electronics", "Motors", "Cloths" ]; var Electronics = [ "Laptops", "Mobiles", "Desktop" ]; var Motors = [ "Bike", "Car" ]; var Cloths = [ "Shirt", "Pants", "Jackets" ]; function split( val ) { return val.split( /,\s*/ ); } function extractLast( term ) { return split( term ).pop(); } $( "#tags" ) // don't navigate away from the field on tab when selecting an item .bind( "keydown", function( event ) { if ( event.keyCode === $.ui.keyCode.TAB && $( this
Enabling certain elements / buttons previously blocked by blockUI
Hello all, This is my first post, I am not only new here, but I am also new to everything that is JQUERY. My primary experience is with VBA, so a lot of JS and JQ looks pretty foreign to me. Anywho, I have been stumped on something for quite awhile now. I am working with a page that utilizes a JQUERY plugin called "blockUI", it restricts all interaction with the page unless mouse events are detected over buttons (only then can said button be clicked). The page also uses iframes. I have tried using
The theme changes just colors, dosen't allow editing.
Hi there, It may sound silly, but I've spent 2 days of installing and uninstalling themes but the end result is always just changing colors. Please help me with the above, because it drives me crazy! Cheers and Thanks! Zaggy Always like this:
Navigate event not firimg
Hi, I'm new with JQM and I do not understand the navigate event within multipage document. I want to navigate through the different pages and make ajax requests to a server to refresh some of the content. The page structure is like this: <div data-role="page" id="map-page"> <div class="init"> <h1>Map Page</h1> <ul> <li><a href="#list-page">Go to List</a></li> <li><a href="#picture-page">Take Picture</a></li>
Loop through list of field inputs and submit form in jquery
I want to submit a form repeatedly with different input values. I wrote a piece of code ages ago which I've tried to adapt for my current needs but I can't get it to work, it doesn't loop. My code so far looks like this: function mycode() { $("[name='searchtext']").val(inputArray[n]); $("button").click(); output[n] =$("span#outcome").text(); output[n] = ("|"+n+"|").concat(output[n]); n+=1; } var inputArray = ['A','B','C','D','E','F']; var output = []; var n = 0; $(document).ready(function() { setInterval(mycode(),
Comparing a Text Element and a String
I'm struggling to understand where I'm going wrong. I'm using a draggable/droppable element and I'm extracting the <p> tag value using: var rightNumber = ui.draggable.text(); and assigning it to the variable rightNumber. The value of the <p> tag is set to '4' (but can be changed dynamically). I want to use an if/else statement to compare the value of rightNumber with the value extracted from the <p> tag but it always defaults to false, irrespective of whether rightNumber actually equals "4". Running
Animation pictures with the removal, when going beyond the browser window
Hello. Can you please tell how to do the animation then car runs on background. Background has widht: 100% of browser window. When car come to the end of browser window (or background) it must disappear but only after crossing browser window (or background) JS Bin There is a background image, there are other pictures that move on its background. I did the animation itself with animate(), but I can not figure out how to: 1) remove the image when you crossing out of the browser (my window expands).
copy change event to keyup
Hi I'm fairly new to jquery, I'm in a situation where I need to copy the onchange event handler to the onkeyup event handler for a select statement. Can anyone offer a way to do this using jquery? <html> <head> <title>onchange test case</title> <script src=https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js></script> </head> <body> <form> <select id="testonchange"> <option>option1</option> <option>option2</option> <option>option3</option> </select> <button>bla</button> </form> <script>
issue re-opening a div tag after closing
Hello, Problem: reopening a a div tag via button. initial page load, the div tag is hidden by design, this works. User needs to change location information so he/she clicks the button(buttonONE) to open the div tag to make changes, this works. after the changes are made the user clicks the button(buttonTWO) to save the information and the div tag is closed at the same time, this also works. If a user decides to reopen the div tag using buttonONE (original button to open the div tag) the div tag remains
Passing Parameters with a button.
I have a button like this: <button id="btnthing<@currow>" class="btn" value="#div<@currow>,35">History</button> Ignore <@currow> I want to have the jQuery split the value into two variables. $(document).ready(function(){ $(".btn").click(function(event){ var me = $(this); Now I want to split the var "me" into two variables so I can use one to set the load div and the other to set the rescue_uid1 parameter in the URL. event.preventDefault(); $(me.val()).load("rescue.taf?_function=Listactivitiesonly&rescue_uid1=35");
Whу does
Hello! If I browse this [url=http://www.antilopagold.su/kartiny]site[/url] from my desktop Chrome and press "Добавить в корзину"(Add to cart button) for some product, the cart is filling because the comand jQuery.ajax({ type: "POST", cache: false, dataType: "json", url: window.vmSiteurl + "index.php?option=com_virtuemart&nosef=1&view=cart&task=addJS&format=json"+vmLang, data: dat }).done(... works fine. This command is placed at row 81 of /components/com_virtuemart/assets/js/vmprices.js
How to get the selected rows in all the pages of flexi grid.
I need to get the all selected rows data from flexi gird. Currently i'm using below logic to get the data. var data = ''; $("#gst tr td .selected").each(function(){ if (this.checked) { data+= ',' + this.value; } }); But it's only returning current page selected rows. Any help\suggestion highly appreciated. Thanks, Balu
How to make a infinite loop on an animation ?
Hi, I'm new on Jquery, I have a few bases on Javascript, but Jquery is another thing for me :) I'd like to ask some specialists about my problem, because after researches on many websites, I can't find issue to my problem. Let me explain to you : I put a script on my website (animo.js) that allow me to put some visual effects on chosen elements. The visual effect works correctly, but only one time, and I'd like to make a loop on it. You can see the element I want to make a visual effect on here :
I have a project. I want to disable the date for the cars already booked. please can you help me?
<link href="../form/jquery-ui.css" rel="stylesheet"> <script src="../form/jquery-2.2.2.js"></script> <script src="../form/jquery-ui.js"></script> <script type="text/javascript" language="javascript"> $(function() { var excludedDates = ["24-05-2014" , "30-06-2014" , "31-05-2014" ]; $.datepicker.setDefaults({defaultDate: '+1w', changeMonth: false,dateFormat: "dd-mm-yy", numberOfMonths: 1, minDate: 0, beforeShowDay: function(date) { date = $.datepicker.formatDate('dd-mm-yy',
Elements Won't stay Selected
I have a 5 by 5 table (5 rows by 5 columns). Each row has either a class of red or blue and when the page finishes loading, all the rows with blue class have blue backgrounds and all the ones with a class of red have red backgrounds. When I hover over a row it should turn gray. Then if any row is clicked, its backgound should be set to white. I was able to get most of the fuctionalities that I needed. I was able to turn the background of any row white when clicked but once I move the mouse out
trying to make online calcucator
I'm trying to make online calcucator for my web site https://jsfiddle.net/schel4ok/p9d1p00t/ But it doesn't calculate the value. It seems that I don't understand clearly how to call function "calculation". Please correct me.
Different Results even Code is Same
Hello I am trying to copy selected values from One dropdown to another. I have total sixdropdown , three dropdown for Country,State and City and another three for Country ,State and City . i want to Copy Country to Country , State to Stateand City to City . If i execute code over console it gives fine.but if write same code to file and try to execute using function It gives only country what to do ?
Change the option font color in datepicker
Hi, Is it possible to change the font color of the list in Month and Date option list in datepicker? Thanks.
test questionm
test
heloo alll iam new
hi all its my first time her and i begin learn so this is my first code but he didnt work <html> <!DOCTYPE html> <html> <head> <script src="https://code.jquery.com/jquery-1.8.3.js"></script> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> <script type = "text/javascript" language = "javascript"> $(document).ready(function() { var event = $.Event('click'); event.clientX = 1; event.clientY = 1; $('div').trigger(event);
After ajax call to delete, how to append data from database
I have a MVC application that has a timer that deletes a name every 15 seconds from the table and the database. I have the deletion working correctly. However, I am stuck on figuring out how to always have 5 records displaying. I have tried to reload the table but that isn't working either. For example, I have records 1,2,3,4,5, when record 1 is deleted when the timer reaches the end of 15 seconds, then the page should display 2,3,4,5,6. (If I Need to display my MVC code i can add that.) $(document).ready(function
Disabling button after click for a certain period of time
Hi, Hi. I am working on simple Asp.Net MVC commenting system with like/dislike options for comments. I want to implement that user can only click once like or dislike button for specific comment. I'm new in programming. By now, i only can disable clicked buttons, but that is not good solution, because when page refresh, buttons are enabled again. <input id="like" class ="vote" type="button" value="Like" /> <input id="dislike" class="vote" type="button" value="Dislike" /> $(".vote").click(function
SQL Query
Hi Guys Firstly I apologise if im completely barking up the wrong tree regards this question. We have a page on our website that involves allowing the user to select an area in the UK. When they type 3 characters the query begins and matching areas are displayed. However it appears quite sluggish and takes about 1.5 seconds for the query to react, probably due to the 40 thousand areas in the database. I was wondering if there was a more efficient snippet of code that would produce faster results,
Zoom to polygon by attribtue
Hi all, I'm new to jquery and javascript but I'm diving right in. I'm trying to generate a map that includes a tool to zoom to a feature based on a field in the attribute table. In this case I have polygons and I want to create a box where I can enter in a polygon id, and then the map will zoom to and recenter on that polygon. Anyone know of documentation where I can start? Cheers
Javascript which is working in jsfiddle is not working locally.
Javascript which is working in jsfiddle is not working locally. Below is the code. <html> <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" /> <style> .axis path, .axis line { fill: none; stroke: black; shape-rendering: crispEdges; } .axis text { font-family: sans-serif; font-size: 11px; } #tooltip { position: absolute; text-align: center; width: 40px; height: auto; padding: 10px;
diff beween Jquery 1.12.0 and 1.11.3
Hi what is the diff between Jquery 1.12.0 and 1.11.3 i am facing issue with livequery syntax it works fine in 1.11.3 but nt working in 1.12 any help thanks
Experience = ZERO. Write the code or use a plugin?
Hey, I am new here. Hello! I was approached by a company boss regarding a "product picker." This picker would: 1 - Ask 5 questions 2 - Based on the results, provide a few product selections from say 20 products. I jumped at the chance to expand my skillset. Questions I have based on the fact I am not a programmer but can find my way around website code: 1 - This seems like a great exercise to begin to learn jquery. But am I underestimating the complexity of the language? 2 - Is there a tutorial that
why use "$" as the short name for jQuery?
why use "$" as the short name for jQuery?
How to sort columns in a Table?
I'm using a plugin table sorter and it works fine if I have a simple table. In my case, unfortunately I have a table container and inside I have a table header and table body. How can I effectively sort? Please advise JSfiddle Link
Accordion Syntax explanation
Hi I was going through this code for an 'accordion' from this tutorial: http://dcoder.eu/make-a-cool-accordion-with-html5-css3-and-jquery.html/ however I did not understand the highlighted syntax: $(document).ready(function(){ function MyAccordion() { // Hide the text containers $('dl.accordion dd').hide(); // Insert a span with the class of "arrow" in every dt $('dl.accordion dt').append('<span class="arrow"></span>'); // Add the class "active" to the first header and display
jquery image puzzle
Hello everyone, I am new in jquery and css.I am trying to make image slider puzzle but i am not able to align the image pieces.This is my plunker:- plnkr.co/edit/o5EGcmqNf5On70xhmHv8?p=preview .Please help me..Thanks.. Like this i want to do...
Relocating Panel Placement
Thank you for the forum. I am using quite a bit of JQuery on our site but still do not understand a lot of the "how" of it yet. I am currently using the following html and code. My question is how can I change the answer panel from opening at the bottom for every question and instead have the panel open under the associated question. link1 link2 link3 Information about 1. Information about 2. Information about 3. $(document).ready(function(){ $("#infocontent").hide(); $("#infocontent
Next Page