Need HELP! My jQuery isn't working somehow :(
Please look at http://jsfiddle.net/wg9j4n1f/6/ When you run the above jsfiddle page, you will see a table render. In this table, you will see rectangular lightgreen boxes. They are <div>s, and each one is a child to a <td> tag that has a 'rowspan' attribute. My goal is to use jQuery to set the <div> heights to match their <td> parent. Can someone help me out with this please? Thanks.
jquery table row
how to send selected row to confirmation box in mvc. and how to get that selected row in confirmation box ok button in mvc
animate ({}); !!!
how make this work ? var direction = "left"; $(".slider").animate({ direction : "10px" });
Counting total post count and generating ranking stars based on it
This is something quite similiar to: https://jsfiddle.net/master412160/u1pcpo8r/2/ I want to count the post count of a user and based on that post count show some star or two in their profile. So the higher their post count they more stars they have shown. In total the max is 6 stars. Please see this fiddle: https://jsfiddle.net/master412160/qsvyea50/7/ The things we need to make happen; Let jquery count the post count and if its higher then x add class or remove class to one of the star boxes. <dd
Jquery use when function in for loop
I am try to use when in a for loop , but the counter can not get correctly,always get 11 for(var ti=0;ti<10;ti++){ $.when(ajaxfunction()).done(function(){alert(ti);},500) }
Add class to link if link is external and is anchor text and not plain url
So the idea is that if I type www.example.com nothing happens. But if I type in <a href="example.com">Example.com or example</a> it adds what you see on hover here: https://jsfiddle.net/master412160/pu9aeh6j/1/ the output url. This makes it easier to check were a link goes to. instead of having to look down in your browser you see it presented before you. However I never done anything like this before, The idea is to let js check if the url is internal or external and if its external add a class
Animated scrolling with elaborate test console
Hi y'all, First post here. After coming across a lot of jQuery while googling and realising it's potential, I was completely converted to using it. That wasn't too long ago but I've been reading up and experimenting... After creating a few parallax images, I started looking for a good smooth scrolling solution. Not finding a satisfying answer, I went ahead and wrote something myself : $(document).ready(function() { $(window).resize(function() {edge = ($(document).height()-$(window).height())}); var
Is this possible with jQuery? Notifying user of a new theme update in template
So I'm making a style for a forum software platform. What I would like to do is add a script to the theme that when I release it and people download it and install it on their forum I can track the active installs and also notify the admin by showing a content block that is only visible to admin with an IF statement notifying to upgrade to the latest version of the theme. Kinda like Wordpress does with its themes. So I need some sort of version check plugin that can work with SQL or something or
Help is needed to complete the code
I have stuck up with some code. Please find code at: http://plnkr.co/scWeFdWd6K4X7QTdIT8T Line no. 56 - 78 are not displaying. With Best Regards, [Swarup Modak]
Hook into submit button
Hey there! I am trying to call an action before submitting, when an order is placed in WooCommerce. I am trying to target the specific submit form like this: jQuery('form[name="checkout"]').submit(function(event) { alert( "Checkout submit!" ); console.log('test'); event.preventDefault(); }); However, it doesn't seem to work. The page just submits the order like it has always done. Can someone please point me in the right direction? Thanks!
Multiple slideshows in a table on one page
I am trying to get a slideshow to fit correctly in a table. I am new to jquery. I want to fit it within cells of the table. I have tried to adjust the slideshow "li" attribute but can't get it to work. Please help me to achieve this. Here is my code, Code: <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>main.html</title>
Check if element does not exist
I'm trying to check if an element doesn't exist & if it doesn't then hide a parent: $('#imagepackwrapper div[id^="packimgdiv"] img.imageStyle').each(function(i) { var ick = $(this).length; console.log('Exists: ' + ick); if ($(this).length == 0) { $(this).closest('div[id^="packimgdiv"]').hide(); } }); The console is only detecting those with a length of 1. How do I detect when the image is not in dom? HTML: <div id="imagepackwrapper"> <div id="packimgdiv0">
choose only one radio
I have two radio buttons: <label> <input type="radio" name="JType" data-toggle="collapse" data-target="#juridical"> Juridical person </label> <label> <input type="radio" name="PhysType" data-toggle="collapse" data-target="#physical"> Physical person </label> can you please to show how to create jquery function which will allow to choose ONLY ONE radio. thanks.
Sort table row from data attribute
Hi, I have the following code and despite all my attempts it doesn't sort. I've console.log before and after and it's the same. When I debug the comparison it returns the right value. I'm wondering what I'm doing wrong var Elements = $('#tablecontent tr'); $(Elements).sort(function (a, b) { var contentA = $(a).data(SelectedSORT == 'ROOM' ? 'appartment' : 'fullname'); var contentB = $(b).data(SelectedSORT == 'ROOM' ? 'appartment' : 'fullname'); return (contentA < contentB ? 1 : 0);
understanding waypoints code
hey guys ! was just going through the code of waypoints.js and came across the following lines of code :: var Waypoint = window.Waypoint function isWindow(element) { return element === element.window } function getWindow(element) { if (isWindow(element)) { return element } return element.defaultView } and I have the following difficulties :: what is element.defaultView doing ??? MDN , does't give much info and here , its mentioned , that it gives a referance to the
Jquery extend VS pure JS extend
hey guys just came across a extend function in a pure js plugin here , have a look below :: NoFrameworkAdapter.extend = function() { var args = Array.prototype.slice.call(arguments) function merge(target, obj) { if (typeof target === 'object' && typeof obj === 'object') { for (var key in obj) { if (obj.hasOwnProperty(key)) { target[key] = obj[key] } } } return target } for (var i = 1, end = args.length; i < end;
why is jquery source code stored in multiple files ??
hey guys , bit of a random question , i was just checking out the jquery project hosted on github here . , and there are so many folders and sub folder and some methods are in one file and the others are in another , now i taught jquery was just going to be one bit js file , the last time i put the CDN link in the browser , i saw a js file that spanned about the size of 10000+ lines of code , so what is this new style of organizing code ? is there any document that makes sense of this style of
Accordion and function parameters
When the HTML page displays with the jQuery code, the accordion always opens with one section open (currently the first). Is there a way for that not to happen, that is, when the page displays, all sections are closed and now the viewer is presented with all the FAQs available for them to browse instead of having the extra step to close the first one and then they can see all the FAQs. Thanks
how to insert multiple rows from a html table and insert to database using jquery
Hi All, In my application ,i want to add multiple rows from a table to database by a single click using jquery. following is sample table <table> <tr><td>EmpId</td><td>Ename</td><td>Dept</td><td>Salary</td></tr> <tr><td>1000</td><td>Arun</td>Civil<td>10000</td></tr> <tr><td>1001</td><td>Kiran</td>Accounts<td>5000</td></tr> </table> when a button is clicked i want to save these 2 records into database. just like fetch values of 2 rows and add in an array and pass that value to another page and executes
reposition div on window resize
Hi there How can I change the right & top position of a div when the browser is being resized. $(window).resize(function() { updateScreen(); mobScreen(); }); function mobScreen(){ screenWidth = $(window).outerWidth(); if(screenWidth < 500){ console.log("screen is smaller: "+screenWidth); $('#player-target').css({ "right": 1070, "top": -220 } ); } if(screenWidth > 500){
someone please reply....how to use jquery in refreshmonkey...for a particular function...
i use refresh monkey to refresh pages in 5 seconds interval... for doing website testing... the page will usually show 1) there is no work or 2)loading... all of a sudden work appears with words like how to use terminal... without any url change... if i don see it it refreshes for 4 more times and says u requested it too often... what command to use please explain it from basic... i'm totally dummy... some one please help me....
what time does this string translate into for someone who is not an engineer?
{"query":{"id":[{"timestamp_usec":"1421117320952355"}],"query_text I would appreciate any help that can be offered. Thank you. Susan
Jquery with Servlet 3.0 file upload is not working Boundary is missing
Hi, I am trying to upload file with Servlet 3.0 and Jqueryjquery-1.11.3.min.js version. Its not working, issue is that boundary is missing in request header. Whereas normal form post is working fine. Please help.
Jquery paste event doesn't work the first time (but does after)
I have a jquery script which is supposed to capture the paste event in an IFRAME. It works perfectly, but only from the second paste attempt onwards in each session. Any idea how to make it work the first time? I've seen some posts about this problem suggesting that I use a setTimeOut to delay the response, but that hasn't worked for me. $('iframe').each(function () { $(this).contents().find('body').on('paste', function (e) { console.log("paste captured"); }); });
Why the button submit is not executed
Hello, I use a modal window to display results of a query. However, the modal is displayed but I don't have results into this modal, because of the button submit which is not read by the program. I have tested my code without the instruction if (isset($_POST['submit'])) ... and the result is : all fields are displayed, like this my request has been executed but the conditions are not taken into account. my code : http://codeshare.io/zM6JA
sharepoint select
Sharepoint select is generating a select like below <select id="Vehicle_x0020_Registration_x0020_ecd4a357-d82d-4697-9173-4c98365d986a_$LookupField" title="Vehicle Registration Number 1"> <option selected="selected" value="0">(None)</option> <option value="4">00D37860</option> <option value="2">BT11WGN</option> <option value="3">BU14FJN</option> <option value="1">PO63VNC</option> </select> I tried using JQ like below but it doesn't work. Shortening select id does work. $('select#Vehicle_x0020_Registration_x0020_ecd4a357-d82d-4697-9173-4c98365d986a_$LookupField').find('option').each(function()
Concatenation Error in Jquery
Hi following is a working code. var j=1;
$('.btn').click(function (e) {
e.preventDefault();
dyntable = "";
j += 1;
count += 8;
dyntable += '<tr id=' + j + '>';
for (i = i; i <= count; i++) {
dyntable += '<td><input width="70px;" class="cp" type="text" id="textbox' + i + '" /></td>';
}
.toggle() event
Why .toggle() not available in jquery 1.9?
Multiple same name class on form, only one item need to be populated via an ajax query
I have multiple same name class on form, only one item need to be populated via an ajax query Need to select an item in a dropdown and do a ajax query and return the price associated with that item and size in the row that was previously selected Example: <select class="size" id="size"> <option value="12">"500g"</option> <option value="14">"Bag 400g-500g"</option> </select> Need value 14 $('.size').change(function () { var size = $(this).parent().parent().text(); // problem
Div filter not working is Safari for windows 5.1.7 and chrome 43
I created a simple filte for my website with jquery-1.11.3.min.js It is working fine in Opera (btw the 2.1.4 version did not) and in firefox. But not in chrome and Safari, Have I done something wrong? www.test.i-stijnman.nl
JQuery Problem
Hello - I'm a beginner web developer and trying to use JQuery but always seem to run into problems. Does anyone know why my jquery news ticker is not working please? http://www.jameswinfield.co.uk/v2.html#3 Probably something simple I've missed. These were the original instructions - http://www.jquerynewsticker.com/2 Thanks James
Any way to find size in inches of a user screen - mobile, tablet, or laptop>
Is there a way in jquery to get the size in inches of a user's screen? I know about screen.height and screen.width, but they give the dimensions in pixels, and I'm not sure that I can always assume a conversion of factor of 96 pixels per inch on every device - mobile, tablet, and laptop. Thanks.
Vertical Dot Navigation
I am working on a vertical dot navigation and have been able to have the hover label work, as well as navigating to the different sections on click. Where I am struggling, is having the active dot show when scrolling through the continuous page sections. Currently, when I start the scroll, all the dot navigations fill in, rather than just the one dot nav that is connected to the section. I have tried using $('this').addClass('active'); but as you can see, it still does not address the issue. Here
RESTFul API WebGet attribute methods which defined as void working successfully in JQuery 1.6.4 but throwing exception in JQuery 2.1.3
Hi All, I am facing a critical problem in my project which is mentioned below: New version of JQuery 2.1.3 doesn’t support RESTFul API WebGet attribute methods which had been defined as void, as a result it was throwing the exception. Only GET( HTTPVerbs) method successfully running when we defined as with return value. Even I tried with RESTFul API WebInvoke and in this case also latest version of JQuery 2.1.3 could not able to execute those GET(HTTPVerbs) method Which had been defined as void.
#anchor doesn't work in IE
I am using window.location.href to direct my page to an #anchor point on my webpage but it doesn't work within IE. How can I get this working. window.location.href = '#song4';
Preload images event --> Problem with multiple
Hello everybody! I have script which is preloading chosen image and after finish can make some event. But preloading is working only for one image.. var $src1 = $('#image').data('src1'); $('<img>').attr('src', $src1).load(function() { $(this).remove(); $('#loading').hide(); $('body').append('<img src="' + $src1 + '" width="200"">'); }); If I create another var (for example to take data from src2 ), and put it to function like this: $('<img>').attr(src: $src1,
How can i check whether the website is already opened, if opened redirect to that tab
Tried this? var win = window.open('http://google.com', 'tab'); if (win) { win.focus(); }
Jqgrid edit inline mvc Controller only get a value of cell eddited, And i need all data of row. Help!
Hi, I've a .net project with mvc and jqgrid. I use a edit in line in a jqgrid and i use a editurl to call to ActionResult class(Controller) like this: public ActionResult SaveManyGrid(string Id, string DateCreated, string DateExpired) Everything works fine, but the ActionResult only receive the value from the cell was editing. If i edit the DateCreated, DateExpired value is empty o null. When all has values. I need get all values, because the value of DateExpired depend of DateCreated value.
JQuery Array in Ajax post seems to serialise and appear as one element in controller list/array
Hi, I have an array in JQuery which holds the Id & value of attributes I need to pass to the MVC controller. The array seems to populate correctly in Jquery and the ajax post to the controller works too. However, the value being passed back to the controller appears as a flat single element in the controller array (i.e. all array values are flattened into 1 sequential string value). Here is the jquery: var attListArray = new Array(); table.find('tr').each(function (i, el) {
"appendTo / after" each item with $(this)?
Hi! I'm trying to move a div inside a container for each instance of that class. But when using the script below, it moves every single matching div below all the matching "group fields". My jQuery now: $('.field-1').insertAfter('.group .field-2'); The code: <div class="container container-1"> <div class="field-1"></div> <div class="group"> <div class="field-2"></div> </div> </div> <div class="container container-2"> <div class="field-1"></div> <div class="group"> <div class="field-2"></div>
Next Page