How to debug javascript.????
Hi I have added jarallax, and everything was working fine, but after few changes jarallax animation got stuck and now I have comment back everything and remove the codes but still things not working like before. this is the test link here I have added jarallax animation on blue div on screen which is showing output and screen resolution, I did my coding in animation.js in line no 180.
Sequentially animating 1 div after another
I have a moderate amount of experience with jQuery and have hit a snag, so any help is appreciated. I've have 3 divs that I added to the DOM, and I want to slide them into view sequentially. I have a class on them called 'slide', and I've gotten this far: $(".slide").each(function(i) { var hiddenLeft = $(this).outerWidth(true) * -1; $(this).css("left", hiddenLeft + "px") .removeClass("hidden") .stop().animate({ left: "0px" }, 500, "easeInOutQuad"); } The "hidden"
can't get my JSONP to work with user script plugins
I was about to write a little script for some site I visit that has info from IMDb and I want to get more info via rotten tomato API. here's the script: http://jsfiddle.net/7d4u6/2/ if you run it and check your console you should see an Object with lots of info about this movie. but if you tried to use this script via greasemonkey like plugins you'll get the following in the console: ReferenceError: Can't find variable: jQuery21008264088756404817_1394407688680 this is the random callback function
Rimuovere piu' righe selezionate tramite checkbox
Salve a tutti ho bisogno di un aiuto enorme ! ho una ribrica strutturata in tabella dinamica e all'interno ho il tasto per cancellare ogni singola riga, ma vorrei anche rendere possibile l'eliminazione di piu' righe in base ai checkbox selezionati di seguito vi scrivo il codice della pagina e del js : PAGINA HTML : <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> <script type="text/javascript" src="jquery.js"></script>
Strange timestamp difference with jQuery.now()
Hi; I get a strange phenomena i don't understand why! The first code : var time_now = jQuery.now(); localStorage.setItem("one_time", time_now); var time_store = localStorage.getItem("one_time"); var alert_string = time_now + ":" + time_store; alert(alert_string); return : 1394491226209:1394491226209 and after commenting the second line and waiting only 3 to 5 seconds, like so : var time_now = jQuery.now(); // localStorage.setItem("one_time", time_now); var time_store = localStorage.getItem("one_time");
Passing info from selected row to input values
I am using the following code to select a row in a table... $('#timesheet').on('click', 'tbody tr', function( event ) { $(oTable.fnSettings().aoData).each(function () { $(this.nTr).removeClass('row_selected'); }); console.log($(event.target.parentNode)); $(event.target.parentNode).addClass('row_selected'); form_edit.ts_Project.value = aaData[$(this.nTr)]['ts_Project']; Once the row is selected I need to move the information from the row into
How to add left and right navigation buttons to JQuery UI slider?
I'm using this slider: http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/#respond and I want to add left and right nav buttons to it, as far a JQuery goes I'm clueless. Can anyone help please?
Where to go after learning jquery basics
I have started jquery and started using it since few months.What should be the next step of learning.Like what next jquery framework or plugins or anything i should learn to advance my knowledge in jquey.
PARSING XML ISN'T ALL THAT EASY FOR ME IT SEEMS
Hello. Trying to parse basic xml from multiple examples and not passing the bar. Here is a jsfiddle of what I thought would work when using xml that's in the html file. it doesn't. could someone please try to catch what i'm missing? thanks -dave jsfiddle: http://jsfiddle.net/K3wQU/ html: <p id="output">asd</p> <script> $(document).ready(function() { var xml = "<RecentTutorials> <Tutorial author="The Reddest"> <Title>Silverlight and the Netflix API</Title> <Categories> <Category>Tutorials</Category>
add and remove bullet from list items
I am working on a vertical menu that has main links with sub links. The sub links appear when you click on the main links (its parent link). I have an image that I'm using in place of the standard bullet that appears just fine when I click around on the various main links. The problem is the main links needs to have the bullet present when someone lands on them or their sub links. Can someone help me out? Here is my code: <ul class="menu"> <li class="item1"><a href="page.html">Products</a>
selectbox add or remove input in jquery
Hi i have two selectboxes 1 st selectbox = adultid 2 nd selectbox = childid if i select 1 in adultid , i want to show 2 options in childid then when i select 2 in adultid , i want to show 4 options in childid the above is simple and done.. then if i select 1 in childid , i show input box, then if 2 selected in childid, i show 1 more input box if 1st input box included already else show 2 input boxes ... same for chilid selected 3 or 4.. but if i have childid selected as 4 , then i select childid
dataTables Select Row Issue
I have the following html for a table... <table id="timesheet" class="inner" border="0" cellspacing="0" cellpadding="0" width="100%"> <thead> <tr> <th class="udatal" width="33%">Project-Name</th> <th class="udatal" width="25%">Phase-Description</th> <th class="udatar" width="05%">Mon</th>
How do I load a text file?
Is it possible to load a text file (already on my server) into an array? The text file simply is a list of Holiday dates. I don't want to hardcode the dates into the .js file as it will need to be updated every few years. So what I'd like to do is to load the list of dates from the text file ONCE when the user displays the webpage initially into an array in order to have the code work on those dates. Can do? Thanks.
calculation works in console but does not render in table cell
Hello, I have a calculation that works in the console. I want to render the same data into a table cell using jQuery. The data calculated comes from a json file and runs through a loop and works fine. I want to capture the sum of three table cells for each table row and write the total sum to a fourth cell on the same row. This works fine in the console and gives me the values that I want. Only the last item in the array prints to all of the target cells. table has 10 rows of data. The issue is in
Making form changes react by invoking a jquery method after 100 ms
Hi I have a form with a lot of elements. Checkboxes,sliders and radiobuttons. I am looking for a technique to make the form react 100 ms after a change on these elements. Having them to call a Jquery method. The JQuery method will make an AJAX call to my backend. The AJAX call is covered and as starters I simply want a jquery method to alert('something') after 100 ms of a form field change. Can someone please direct me in the right direction on achieving this? I would really appreciate your time.
Adding Step to Custom jQuery Spinner
Can you please take a look at This Demo and let me know How I can add step to code to increment the value every time by adding 10 to the existing until getting to 100? and decrements the value until zero? As I said i need to have a step on 10 number. <div class="btn-group input-group"> <button type="button" class="btn btn-default minus">-</button> <button type="button" class="btn btn-default opacity">% 0 </button> <button type="button" class="btn btn-default plus">+</button>
Prepend or append value in the attribute value
Say I want to alter the existing value of an attribute. To change this: <img src="images/bla.png" alt="" />Into this: <img src="images/new_bla.png" alt="" />How can I get this working with jQuery? So I don't want to change the whole value of the src attribute, but just prepend a new value inside it. Anyone?
Ajax
Hi, I work Ajax (php , jquery) and I have Interval in jquery to reload my records from data base and every record has onclick event in jquery when the records reload onclick doesnt work on them I choice a way which after reload it loads onclick script again but it makes lag in browser. Is there other way batter than it? thank you so much...
Problems with event
I have a little problem with a code like this $("#my_div").on("mouseenter","#inside_div",show_result); function show_result(event) { console.log(event.type); $.get("result.php").then(function(data) { console.log(event.type); $("#inside_div").text(data);}); } The problem is relative to event.type, with the first console.log i get event.type=mouseenter, but with the second console.log i get event.type=mouseover... why this?
jQuery 2.1.0 | Youtube API 3 - Get uploaded channel videos
Migrating from Youtube API v2 to v3 is a genuine pain in the ass! In v3 there is more code to write in order to filter what you need to get. The worst of the bunch is attempting to access all videos that exist in a Youtube channel. Youtube API v3 recycles the code term "Playlist" to mean Playlist content AND Channel content, that itself is needlessly confusing, unlike v2 where everything coded was clearcut and intelligent. Anyhow, I couldn't find practical sample on how to get the data needed to
How to Change Event on Radio Group Button???????
I have a problem in changing the event of a radio button. I have 2 radio groups namely,radio_visualize1 and radio_dept. radio_visualize1 have 3 buttons namely date2,semester,and year.AND radio_dept yes ,no. <p id="unbold1">Visualize by: <label><input type="radio" name="radio_visualize1" value="date2" id="date2">Date</label> <label><input type="radio" name="radio_visualize1" value="semester" id="semester">Semester</label> <label><input type="radio" name="radio_visualize1"
Contextmenu in html and not js?
I found this awesome tutorial: http://www.onextrapixel.com/examples/akismet-press/ The only problem is, that the content that is displayed in the contextmenu is in the js function: var logos = '<h2>Looking for our Logo?<span class="close">X</span></h2>'; logos += '<img src="images/oxp-logo.png" alt="Logo Download" />'; logos += '<ul><li><a href="images/oxp-logo.png" rel="external">High Res<span>300 Kb</span></a></li>'; logos += '<li><a href="images/oxp-logo.png" rel="external">Low Res<span>150 Kb</span></a></li></ul>';
Need help attaching external jquery ui library
Hello i'm new to jquery after learning html and css. Can anyone tell me if i'm doing anything wrong? It's not working. Thank you. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=920" /> <title>Swift</title> <link rel="stylesheet" type="text/css" href="Index.css"> <link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.10.4.custom.css" /> <script src="/Users/Am/Desktop/Swift.Files/js/jquery-ui-1.10.4.custom.js"></script> <script src="/Users/Am/Desktop/Swift.Files/js/jquery-1.10.2.js"></script>
Add ajax response (html with content) to DOM
I am trying to set up an instant search. I have the ajax call setup. The response is a json string containing the HTML of the searchresults. My question now is, how can I add this to the DOM? The html is an full table with content. What I do at the moment is this: if (results.errcode == 200) { $('div#vrijwilligers').add(results.content); }
script that services multiple input fields
Hello, I have several input fields that only allow Alphabets & no space. I also have the code below which services that need but would have to copy / past the code for each individual field for it to work. is there a better way to use the code below and have selected input fields reference the same code? $(function() { $('input[name="fname"]').bind('keypress', function (event) { var regex = new RegExp("^[a-zA-Z]+$"); var key = String.fromCharCode (!event.charCode ? event.which : event.charCode);
jQuery onchange event not firing when input value changed by another function is zero or blank
The following code calculates the specified percentage of a number in two textboxes. And displays the sum of those percentages in an output tag. It all works fine except if the percentage of any number is 0. Example: Textbox1: 4% of 200 = 8 Textbox1: 15% of 300 = 45 Output tag = 53 But if I change the 4 to 0: 0% of 200 = 0 displays correctly. But the output tag does not change from 53 to 45. This happens only if % textbox is changed to 0. If I change it to say 11 as: 11% of 200 = 22, the output tag
onclick event collection
Can I get a collection of all onclick events attached to a specific link?
jquery json data not populating table cells
Hello - I'm calling a remote json file to populate a table and the table and data is not rendering on the html page. I'm not getting any js errors. html: <table id="content"></table> $(document).ready(function(){ $.getJSON( "https://xx.xxx.com/xxx.medals/medals.json", function( data ) { var stats = [ ]; //console.log(stats); $.each( data, function( key, val ) { stats.push('<tr><td class="one">' + key + '</td>' + '<td id="flag"><div class="flag">' + val.id + '</div></td>' + '<td class="cnt">'
which is the best book to become expert in jquery?
as i am in beginner to intermediate level...pls suggest me a good book thanks
On Rdaio Button click show/hide table
hey, I have one table in which i have two radio buttons - group & early birds <table> <tr> <td> <div wix-model="variedpricing" wix-ctrl="Radio" id="vPrice"> <table> <tr> <td> <div data-radio-value="group" id="radioGroup">Goup</div> </td> <td> <div data-radio-value="earlybird" id="radioEarlyBird">Early Bird</div> </td> </tr> </table>
Problem with hiding 2 SharePoint fields with javascript/jQuery
I have some code which i've got which hides 2 SharePoint fields based on the values of the said fields. I have 2 fields. 'Service Lead Approved?' and 'Funding Request Sanctioned?'. Both are boolean (yes/no) fields. The code checks to see if the values of 2 fields are set to specific values and then hides either one or both fields from view dependant on their values. Everything works as normal for 2 of the 3 outcomes. IF 'Service Lead Approved?' and 'Funding Request Sanctioned?' both equal 'NO',
i want to active animation on while slide occurs....pls help me....
pls check this http://jsfiddle.net/SS3U2/1/ here there is a porgress bar animation on first button.....i want to pass it on to every button while same time interval of fading pls help.... thanks
pass d3 value using jquery
good day, using jquery how could i pass value of table_container to other control let say textbox? once it is run the content of the table_container is list of country and it is inside the drop down list.. once the user selects on the table_container it will pass the data of the table_container to the textbox. d3.json("data/world-population.geo.json", function (json) { json.features.forEach(function (d, i) { data.forEach(function (e, j) {
json data not populating table cells
Hello - I'm calling a remote json file to populate a table and the table and data is not rendering on the html page. I'm not getting any js errors. html: <table id="content"></table> $(document).ready(function(){ $.getJSON( "https://xx.xxx.com/xxx.medals/medals.json", function( data ) { var stats = [ ]; //console.log(stats); $.each( data, function( key, val ) { stats.push('<tr><td class="one">' + key + '</td>' + '<td id="flag"><div class="flag">' + val.id + '</div></td>' + '<td class="cnt">' + val.name
Sliding of subnav doesn't work
Something is wrong with my code, because the level_1 and level_2 subnav doesn't slide on click. For example: if I click on the h2 the sub nav level_1 and if I click on the li with parent level_1 the level_2 subnav will slide down. Code: http://jsfiddle.net/sT3TC/5/
delay of trigger jquery
Good day, I am having problem., i dont know if its from jquery or from my server side script. but once i comment out my jquery script it runs OK, but my jquery runs OK also, the problem that i encounter is that once i click on my table_container the sample alert will pop up on me. that's what i wanted and i click on the ok of that alert my page should have search based on the content of the table_container..is there any delay between the jquery script and C# script? here is my code <script type="text/javascript">
Changing specific html table row by jquery.ajax
I have an HTML table generated by PHP querying from MySQL table. <table> <tr> <th>Sl</th> <th>ID</th> <th>Article Name</th> <th>Publish Status</th> </tr> <?php $i = 1; foreach ($obj->showAllFromTable('pattern') as $pattern) { extract($pattern); ?> <tr> <td><?php echo $i++; ?></td> <td><?php echo $id; ?></td> <td><?php echo $pattern_name; ?></td> <td
Custom jQuery filter selector slow when used with context
Hello, I am having an issue with a custom filter selector I am using. It works, but it is quite slow when it is used in a context [ie. $('#selector', '#context')]. I have done some testing (you can see in the fiddle here: http://jsfiddle.net/kcs7j/6/), and it seems when used with a context the filter is being executed for each node in the form, but without context it only executes once as normal. I tried this with find and it also executes for each node, rather than finding the node and then filtering.
AJax fetch from database to textbox
this code is working on local but when i put it on server den it stop working please help !!!! <script type="text/javascript"> // calling jquery functions once document is ready var ff; $(document).ready(function () { // retreving data on button click $("#txtporder").keyup(LoadDataThroughAjaxCall); //loading screen functionality - this part is additional - start $("#divTable").ajaxStart(OnAjaxStart); $("#divTable").ajaxError(OnAjaxError);
validate datefield without using datepicker
Hello, Thanks to all who have previously helped me. I have a weird situation. I'm using a text field for the date in a form but not using datepicker because I have not been able to get it to work with a screen reader. This script I'm using below, works in jsfiddle but on my page allows 5 digits for the year instead of only 4. Any ideas pointing me in the right direction are appreciated. $(document).ready(function() { $("input[name='date1']").keyup(function(e){ var key=String.fromCharCode(e.keyCode);
Next Page