How to make a slider in jQuery
I was wondering, how I could make a slider for my website with jQuery. Can someone link me to a tutorial that has arrows and dots like a carousel? Thanks!
Jquery not working after the grid is refreshed with new data by selecting a value from a selector.
I am using the following jquery code to create click event on the elements of the facility location column in the grid below. The code is working fine on start up (i.e. when the document first loads). However, after changing the Division from the selector in the top left side of the image which is encircled, the grid data is getting refreshed and the click event thereafter on the facility location column of that same grid is not working. The code is below:- <script src="..\Images\CDM_Images\Web_App\Js\jquery-1.9.1.min.js"></script>
How can i detect the Browsers back button.
Hi jquery team, Can you please help to detect the Browsers back button. I browsing many ways in net but i con't find the solutions. Finally i place a request to jquery team. Thanks & Regards, Thiru.
How can i detect events and anything when i click the browsers back button?
hi jquery team, How can i detect events and anything when i click the browsers back button? i already use the "on before unload" and "unload" these all are the page unloading functions i am unable to find the event when browsers back button(arrow mark button) ..... Thanks Advance....
Unexpected form submittion
I'm using JQuery (v1.11.0) on a internal webApp to edit/modify the data on a schedule made up of multiple rows. I have buttons that activate a row for editing, cancel or save (submition via ajax). The problem I have is that if I actually include a form element, the page automatically submits for any gesture, such as selecting the input fields, tabbing etc. If I omit the form element, I cannot access the input values. My form <form class="schedule-form"> <tr
stop animations in functions
Hi I have images that fade in an out in the background. I've put them in functions. When clicking on a button I want them all to fade and stop running. I find no way of doing this. I have tried using stop(), clearQueue() and finish() in different ways but nothing works? This is my code: function aniBG2() { bg2.delay(4000).animate({ opacity: 1, }, 10000, function() { bg3.animate({ opacity: 1, }, 10000, function() { bg3.delay(5000).animate({ opacity:
help with adding and removing class
I am trying to use some jquery in WordPress to add and remove a classname from a div. I have it working on a single page but for some reason, it will not work on the homepage. I have added an alert to give me the height of my div and when I click on a test page, i get the height and can tell just by looking at the page that the class is removed. When I go to the homepage, the alert function does not work and the class is not removed. I know for a fact that jquery is running on my site because It
Issue on Getting Selected Row Values From Table with Checkbox
Demo Can you please take a look at above demo and let me know why I am not able to get the values of selected (checked) rows from the table? I have a code like this: $("#btn").on("click", function () { var checkedRows = []; $("#tbody tr").each(function () { if ($(this).find("input").is(":checked")) { checkedRows.push($(this).find("td:eq(1)").html()); } // console.log(checkedRows); }); var result = []; $.each($("td:eq()"), function (idx,
Issue on Loading Dynamic Data to “DataTables” Using jQuery
Demo I am using this solution to load dynamic data in to Data Table. I have to use the Array of Array since I am getting dynamic data from user on font end selection (NO DATABASE Selection). I am using following code to upload data into the table <table cellpadding="0" cellspacing="0" border="0" class="dataTable" id="example"></table> and JS $(document).ready(function () { var counter = 0; var compareTable = []; var compareRow = []; var check
#.fn.extend question
I have the following extention: $.fn.extend({ convertToAry: function () { return $.map(this, function (o, i) { return $.map(o, function (o, i) { if (o.indexOf('System.') == -1) { return o } }) }); } }) When I use: $(thead).convertToAry() it doesn't convert the thead object unless I do this: thead = $(thead).convertToAry() I know it's probably a simple fix, any help would be appreciated.
What could cause $.getJSON to return XML?!
This is just so weird that I felt compelled to post... I am using jQuery's $.getJSON function to retrieve a list item from a SharePoint 2013 list. Here is the relevant code: /* Function to display the fields for the selected product */ function WriteProductFields() { var myURL = "https://SPserver/this/that/_vti_bin/ListData.svc/TheList(" + productId + ")"; step1 = $.getJSON(myURL,function(data) { /* First, grab values to be stored for later use */ productLine = data.d.PL;
Using jQuery to scroll through local pages
Hello, I'm currently trying to make a responsive website that scrolls horizontally through all my pages with the click of an arrow. my jquery looks like this: $(document).ready( function(){ $('#rightarrow').click(function (){ window.location = 'pages/about.html' }); }); It moves to the about page just fine, but i want to get it to scroll through all of my pages. how would i go about doing that?
My Jfiddle doesn't work. Help please?
http://jsfiddle.net/Inzblaze/1fguke3j/20/ The issue is that no matter how I call the function text() it never prints it out. Does anyone have any suggestions?
i want to find the id of the div
hii i have take the one main container div and in that i have taken the 3 dive i want to find the center div id and want to the class to that div
How to make a navbar resizable when scrolling down
I want to make something like this navbar on this website : http://www.invisionapp.com/ you´ll see, when you go down the navigation bar goes a bit little on the top of the page, what code should i use? and can you lovely people tell me what specially part of the code has to be changed for set the moment to the nav to change? Thanks :D
GET the content of a div in another page
Hello Everybody, I need to develop a page who will show a grid with Log. So, I'd like to insert the text "see more..." and below it show a tip from the Questions and Answers page. The Q&A has a list of itens with a code for each one (ex: ABB0001ERROR) and every DIV has the ID with it. So, I need to request in my page to get the content of the id #ABB0001ERROR in the page of Q&A to print in my first page. How can I do That? Ex: var divCont = document.getElementById('DivId').innerHTML; But I need in
why the hover effect doesn't quit when i retire the mouse from the square?
I wonder why, its necessary to write another code for mouse to leave? $(document).ready(function() { $(".banner1").hover(function() { $(".banner1").animate({width:"100%"},1000); $(".banner1").css({'z-index' : '1'}); }); });
Anomalous (? to me...) behavior using getJSON to make async REST calls in SharePoint 2013
Still accessing SharePoint 2013 lists using REST (_vti_bin/ListData.svc), and $.getJSON. I am seeing a behavior that I cannot explain, and was hoping someone here might have some ideas about what the issue is, or how I can (in the code) gather more information about what the issue is. What is happening, is that I am able to retrieve the entire list, but I cannot retrieve just a single list item (which would seem much more efficient, once I know which list item I want...). To give a little more information,
Whats wrong with?
Hi, i'm trying to make my website and, the jqery animation doesn't work, can you people help me? u_u HTML: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Caro Soleno C</title> <link rel="stylesheet" type="text/css" href="estilo.css"> <script src="http://code.jquery.com/jquery-1.11.1.js"></script> <script type="text/javascript" src="script.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js">
Remove Drop-Down arrow
Hi, This drop-down list is bug on firefox how can I fix it? remove the white arrow... See Demo : Test
Show Hide Question based on the response of the previous question
I have 2 pages. In page 1, A user can create a test with multiple questions. Here a user can configure the question, like the particular question should be enabled based on the previous questions. For example : ( In a page there are 3 questions, Question 1, has 2 options, Option 1, Option 2., Question 2 will be enabled only if the use who takes the test, selects Options 1 in the question 1. Question 3 will be enabled only if he selects Option 2 in the Question 1) In page 2, Other user can take
How to Cache DOM Variable in jQuery
Demo Using jquery and highchart.js (+ exporting.js module) I am trying to export the chart by a custom button like below <button type="button" id="chartpdf" data-chart="chart1" class="pdf-download">PDF</button> While the code is exporting the chart in hard-coded format like this chart1.exportChart({type: "application/pdf"}); it is not working when trying to dynamically get the chart1 from the element data attribute data-chart="chart1" $(document).on("click", ".pdf-download", function(){
Changing values of form on action
I need a value to change when the client selects from a SELECT and RADIO GROUP $(document).ready(function() { $('form').change(function(){ var sum = <?php echo $precio_establecido; ?>; $('select :selected').each(function() { sum += Number($(this).val()); sum = Math.round(sum*100)/100; }); $("#sum").html(sum); }); }); I have this HTML <select name='anch1'> <option value='10'>10 ++</option> <option value='20'>20 ++</option> <option value='30'>30 ++</option> <option value='40'>40 ++</option> <option
html().ready event?
Hello, I fill my page, with ajax requests if fill the html of a div. I want to make this content interactive and delegate click-handlers to some buttons. Is there an event like dom.ready? I got the hint to read all about mutation observers. This seems a little bit complicated for me because ther are no examples. Can someone help me? Thanks in advance
mulit selector with on click and change
hey guys im trying to get two different selectors with different events to execute the same code...is this possible or do i have to duplicate code?...thank you $('.input-file').on('click', function() { {); $('#uploaded-images').on('click', '#remove', function(event){ }); // these two functions to execute if (uploads === 0) { $('#image-status').text("Add up to " + max_uploads + " images."); } else if (uploads === 1) { $('#image-status').text(uploads
.data() is empty when using firefox (latest) and jquery 1.11.1
I've this html element <li data-week="20141103" data-year="2014"> <a href="#"> 03/11/2014 </a> </li> When user click on it I log $(this) to the console. And $(this) is the LI html element. As you can see, there is a data-week attrbute If I do console.log ( $(this).data("week") ); nothing will be printed. I added a breakpoint using firebug, and added the expression as control expression and
Div-navigator; not have all Divs displayed by default
So for an articles page on my website, I made a navigation system for users to switch between articles from one month to another. Here is a link to demonstrate: http://www.acespot.net/test.html The complete syntax for this webpage can be found here: http://pastebin.com/pZVTUisy So as you can see for yourself, the navigation system itself works correctly. However, when you first enter the webpage, instead of displaying no divs, or just the November div, it is displaying all divs. As you can understand,
Add/removing classes depending on existing classes.
Hi Folks Basically we have one large image with four thumbnails sitting below (each 25% in width). I've been able to swap out the large images when the corresponding thumbs are clicked. My issue is trying to add/remove the classes 'media-type-picture' and 'media-type-video' to/from #big-image depending on the class of the anchor tag being clicked (.picture or .video). I'm a noob, so please be as gentle as possible. Many Thanks The markup: <div> <h3>Kenya portfolio</h3> <p id="big-image"><a
get random line from .txt file
Hello everyone... I have a .txt file, with around 754 lines. Each line has a pattern like this: 1st part#2nd part#3rd part. The hashtag is the delimiter! What I'm trying to do is to get() or read() this text file, and pick a random line from it, with all the pattern. But it has to be a random line. So I can print it or append html to a div. It should look something like this: 1st part from a line 2nd part from the same line 3rd part from the same line It has this pattern, cuz maybe I'll have to print
stop multiple animations without stopping current animation
Hi I have an animation that rotates my logo on mouseover. If I sweeps the mouse multiple times over my logo the animation will repeat itself for a long time. I don't want that. Using stop() makes the animation stop and I don't want that either. I want it to complete the current animation but not add to the que. How do I do that?
First word with different style
Hello!! I'm having problems with css styling. I'd like to set different style for the first word of a li element. The problem is, I can't add a tag to the html because is a prestashop site.... And, we are talking about the menu... (dynamic). So, my option is jQuery. I need something like :first-word but I don't understand what I've founded in the Internet. So, could it be possible something like: var Words = $('nav li').text(); var FirstWord = Words.split(' '); //FirstWord[0] // and then I'd like
Why $.isNumeric() and not chainable .isNumeric() ?
Personally, I'm really glad that parseInt() can be rewritten as chainable .toNum() so that the readability our code can be improved. (reference ) And that makes me think of jQuery.isNumeric() and jQuery.trim() . Was there a particular reason that they weren't be written as chainable .isNumeric() and .trim() ?
removing item from array
hey guys...im trying to make a multi-file uploader...but am having a problem when trying to remove a item from an array if anyone can tell me why here is my code <script> $(document).ready(function() { var max_uploads = 10; var uploads = 0 var files = $('.input-file').prop("files"); var file_count = files.length; $('#input-file-button').click(function() { $('.input-file').click(); }); $('.input-file').change(function (){ if
$('#[0].txtnumber')
Hi, I'm developing an application with ASP.net MVC. I get an error for the following code. var obj = $('#[0].txtnumber'); Error: Unhandled exception at line 1437, column 2 in http://localhost:24894/Scripts/jquery-2.1.1.js 0x800a139e - Syntax error, unrecognized expression: #[0].txtnumber Html: <input name="[0].txtnumber" class="form-control" type="number" min="0" max="99" value="14" data-val-required="Number is required" data-val="true" data-val-number="The field Number must be a number."> How
Click Events Not Working
I'm learning from the book "A software developer learns HTML5, Javascript, and jQuery" and I've been entering in the example app that the author uses. I just added all the click events and none of them seem to work. Can you take a look at my code here and offer some advice? http://jsfiddle.net/kieroneil/ter6oz9r/ Thanks
jquery error
error in js file please help me. php file <div class="ca-content"> <a href="#social-media"> <h3 class="ca-main">Social Media </h3> <p class="ca-sub">Social Media Administration<br/>Social Media Automation & Analytics</p> </a> </div> <div id="contact-top"> <div id="home2 "> <div id="social-media">
Toggle (slideIn / FadeOut) multiple Divs in the same place by individual menu items
Hi everybody, since two days I am trying different jQuery codes to get the above described result, but didn't get the result I want yet :( Now I just hope you, the experts here, can help me out a little with that. I've deleted my old attempts, so it's not too confusing. I'm sure it's just an easy thing for you guys and I really appreciate every help you can help me here. Ok this is the html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>SlideIn</title> <meta http-equiv="content-type"
Need to convert a asp.net validation code into a jQuery validation
//this function multiplies digits 1,4,7 by 3, digits 2,5,8 by 7, and 3,6,9 by 1, and //adds the results together. If the total is evenly divisible by 10, then the check digit is ok //otherwise, it is not. example "good" trn = 263181368 if (sTrn.Length < 9) return false; int[] multipliers = new int[3] { 3, 7, 1 }; //multiply each digit by one of these numbers int s = 0; int m = 0; for (int i = 0; i < 9; i++) {
Uncaught SyntaxError: Unexpected token )message: "Unexpected token )
I don't see the syntax error? $( document ).ready(function() { if ($('#all-activity-tab.current')) { $('#all-activity-tab.current').parent().parent().hide(); $('.accordion-content').width(100%); } });
JQuery dynamic changement page on a Iframe with animate() doesnt work
Description of my code: I have many "a" tag dynamically changing my "iframe" attribute sources. im using animate() because fadeOut() fadeIn() doesn't work because i have transition inside my CSS on my iFrame tag. I'm using negative value on opacity to increase the effect time.the effect side work perfectly My Problem: nothing change inside my iframe i dont find out my error ? thanks in advance $(document).ready(function(){ $("a").click(function(e) { e.preventDefault(); $('#iFrameA').animate({opacity:"-5"})
Next Page