jquery add/remove editable columns and check total
0 down vote favorite Hi, I need to build a table in this way: -list of services (from a grails query) and its price. At the end a field with the total -editable column to add/remove where to insert amount. So it'll be person 1, person 2.. -the number of row depends of the query result -on submit control to check if the total of the column it's equal to total price. Basically, somenthing like: service ----- price ------ person1 ---- person2---- person3 .. Add/remove person x-------------- 100 --------------
Rewrite this simple function into jQuery?
This causes an img element with the id "loading" to blink on and off at a 35 millisecond interval, until the web page is loaded. I'm just curious if there's a (better?) way to do the following function with the jQuery API: function flash() { r=document.getElementById("loading"); r.style.visibility=(r.style.visibility=="hidden"?"visible":"hidden"); } i=setInterval(flash,35); $(window).load(function() { clearInterval(i); $("#loading").remove(); });
Strange animation problem.
Hello. I have some problem: function run(){ $('#back').animate({left: '+=500'}, 5000, function() { $('#back').animate({left: '-=500'}, 5000, run()); // * }); }; run(); *At first iteration animation in this line isn't work. Why?
.post problem
I use the function .post to get a DOM document provided by a php file. The problem is that the data received by the function and stored in a variable is all the code of the php file not the DOM document asked. The strange thing is which in Chrome the script works well, but in Firefox doesn't work. Here is the code of both files: JQuery script: $(document).ready(function(){ $.post('ejemplo1.php',processData); function processData(data) { var xml = $.xmlDOM( data ); var nom_host = $(xml).find('pass_usuario').text();
Refresh event
Hi I have one Div container which is reloading with AJAX script. Is there any event which is called, when Div container was reloaded? I tried ready(), load() but it does not work and functions were not called. Maybe I was doing somenthing wrong. I need something like this: $(".element").reload(function(){ //do stuff... }); but this code of course does not work. I cannot insert "do stuff" commands right into ajax script because the ajax script is in file of CMS system and I do not want to change
JQuery Carousel with Linked Captions in separate area
I'm working on a script for a looping image carousel for my portfolio site, and I'd like to have captions in a box or area adjacent to the image which correspond with each image (changing in tandem with images, of course). I just can't seem to find out how to do this, and my js knowledge is long forgotten. I'm sure this is very simple, but the only thing I've found online is a carousel that has a caption that is overlaid on top of the image. Is there a simple way to have it linked but appear in
Create jsonarray from dom/table cells
Want to create jsondata from table cells: For instance: Table cells with unique ids with class "data" should become jsondata: {"Cell1id":"Cellid1 innerhtml","Cell2id":"Cellid1 innerhtml",etc etc} What is the easiest way to do this?
Mouse scroller
Does anyone know where I can find a scroller that can do this http://www.donedhardy.fr/lookbook1.php? Thanks in advance.
Using slide panel disable links underneath
Hello, I have a slide panel in a "layer" (absolute position DIV with z-index:10) this panel cover a navigation which is on z-indez:0. Unfortunately when the panel slides up to reveal the navigation, all the links are inactive. Is there a way to prevent that ? my code is : $(document).ready(function(){ $('#panel').hide(); // Hide div by default $(".btn-slide").click(function(){ $("#panel").slideToggle("slow"); $(this).toggleClass("active"); }); });
HELP: Multie level unordered list ( Sublevel count from specify li )
Hi, How can i get(count) max sublevel of #TEST, example #TEST has max 5 sublevels and other sublevels which are not maximum but are below 5 sublevels. <ul> <li></li> <li></li> <li> <ul> <li id#TEST> ... SOME UL LI LEVELS </li> <ul> </li> OTHER LIST WITH SOME LEVELS </ul> Please help me out. i tryed: $('li > ul ','#TEST').lenght $('ul > li ','#TEST').lenght $('#TEST').children(''li > ul ').lenght $('#TEST').find('li > ul
Desperate help needed to solve jQuery slider and Lighbox conflict
Hi, I am using jQuery slider and Lightbox on a page. Slider is working fine but Lightbox isn't. Seems like there is a conflict between these two. I searched about this problem and found a lot of answers on different sites/forums/blogs and almost all of them suggested using jQuery noConflict() with some changes to code. I tried my best to do that but no matter what I do the problem is not fixed. If Lightbox works then Slider doesn't. If Slider works then Lightbox doesn't!! Please have a look at the
Animation translation how to modify to the position of the animation
Hi everyone, I'm kinda stuck, I found out another topic but it didn't help me at all. Here the situation, I load the page, I animate an element and I make it move from a point to a point. $(element).animate({left: '+=400', top: '+=400'}, { queue: false, duration: 1000 }, function(){ }); This is working but I am willing to make it move in another way in the same time when I press a button. It works, when I press the button, the element moves but when the second animation is completed the element comes
Links below sliding panel are not working
Hello, I have put a sliding panel inside an absolute positioned DIV. The layer is on top of a navigation. (z-index:30;) Unfortunately, even when the panel is "hidden" the links on the layer below are not functionning. This is the slide panel I use: <script type="text/javascript"> $(document).ready(function(){ $('#panel').hide(); // Hide div by default $(".btn-slide").click(function(){ $("#panel").slideToggle("slow"); $(this).toggleClass("active"); }); }); Thanks for your
scroll pane with easing
Is there a tutorial/example out there of a jquery scrollpane that scrolls with a smooth fluid like motion (using easing to do so) when you move the scroll bar up and down? Much like you see in flash scrollers like this one. http://www.ffiles.com/flash/user_interface/my_easing_scroller_640.html Or is something like that even possilbe with jquery? (I assume that it probably is) If there aren't already some pages out there that show how to do it, that would be great if someone did.
disable tab key
anyway to do this?
Hi Guys Please helppppp:S
$(document).ready(function runIt(){ $("#sagslidedisslide").animate({top:"0px"},700); $("#sagslidedisslide").animate({opacity:"1"},700).delay(3000); $("#sagslidedisslide").animate({opacity:"0.3"},700); $("#sagslidedisslide").animate({top:"-366px"},700); $("#sagslidedisslide").animate({opacity:"1"},700).delay(3000); $("#sagslidedisslide").animate({opacity:"0.3"},700); $("#sagslidedisslide").animate({top:"-732px"},700); $("#sagslidedisslide").animate({opacity:"1"},700).delay(3000); $("#sagslidedisslide").animate({opacity:"0.3"},700);
$.ajax
Hi guys, I am somehow stuck a little. I am sending a base64_encoded picture to my server using jQuery.ajax. On the server, I decode the data and write it into a file. Actually there are times when it works very smoothly. The file is written without any problems at all. But sometimes the server does not get the data from the ajax. I already set the timeout of the ajax to 99999999999999 and tried to set the timeout of the php to 99999. Do you have any ideas, why it works sometime and sometime doesn't?
Mouseover slideshow using jQuery?
Hi guys, New to jQuery as well as the forum. I am trying to figure out if it's possible to use jQuery to create a mouseover slideshow such as this: http://cargocollective.com/ I definitely think this requires the images to preload... Any help would be appreciated, thanks... Hassan
Is this a jQuery bug, or is it my code?
Hi, I'm a relative newbie, so I'd thought I'd check here before raising a ticket in case I've screwed up. I have the following code: $(document).ready(function() { $('.req').addClass("emptyField"); $('.req').focus(function() { $(this).removeClass("emptyField") this.select(); }); $('.req').blur(function() { if ($.trim(this.value == '')){ this.addClass("emptyField"); } }); }); The
Bug in replaceWith?
Hello I've got some code that iterates over a bunch of elements, found by a class and wraps them all with some template html: $('.'+clazz).each(function () { var element = $(this).clone(); var wrappedElement = $($(templates[clazz]).children()[0]).clone(); wrappedElement.find('#content').replaceWith(element); // this should just be - $(this).replaceWith(wrappedElement); - jQuery bug? if (this.id != '') { $('#' + this.id).replaceWith(wrappedElement); } else {
$.get( ... don't work for me
Hello. Here is 'test.html': <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script type="text/javascript" src="js/jquery.js"></script> </head> <body> <script> function loadBox() { $.get("test.php", function(data){ alert("Data Loaded: " + data); }); } </script> <form> <input name="a" type="button" OnClick="loadbox();" /> </form></body> and content of test.php is simple: <?php echo 'Hi'; ?> But it don't even work. Function alert("Data
PROBLEMM PLEASE HELP !!
hi, here is the problen in the HTML http://www.104u.co.il/dogma/problem.html
jQuery help needed!
Please take a look at my source code before you read: http://jsfiddle.net/8NCF5/ I've gotten so far, that when you type something in the input box and click somewhere else (focusout) the item is added to the list. All the already added items can be clicked, and their class will change. But when I click on an added item, the class stays the same. How can I change this? (I'm sorry my code is so messy, I tried commenting the jQuery to make it easier to read) Eric
Show More / Less
Trying to expand / contract the contents of a div using show more / less. When I select 'more' the list expands and the action link is now set to 'less.'. When I select 'less', again, the list contracts as expected , but the action link is not resetting to 'more.' I can't seem to figure out where I'm going wrong.... $(document).ready(function() { $('#refinements div').each(function(){ var hiddenElements = $(this).children('p:gt(10)').hide(); if (hiddenElements.size() > 0) {
How to select text from another web page?
How can I do that? How do I use the selector to select from other web pages other than the current page? I know that you can select all p elements on the current page by doing this: $("p").doSomething But what if I want to select from another web page?
jQuery.post()
When I tried this: $.post("http://www.google.com/loc/json", request, function(response) { MochiKit.Logging.log(response); }, "json"); I really got expected response from Google's server according to a monitor software capturing packets and frames. However, the variable "response" is null and it says "Failed to load resource" in Javascript Console in Google Chromium. Could anyone help me?
Urgent Help Needed - Inserting a Hyperlink - Whoever solves will be a hero to me!
Urgent help needed on getting this script to work. http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/ The problem I'm having is inserting hyperlinks into the right section. As soon as you put any form of hyperlinks in them it breaks formatting, falls to a new line etc. This is of course to do with the fact that there are already links there to select each section. But I need to work out a way of inserting a link into each of the right hand sections please help!
i have a prooblem
hello, i put div inside another div with the command: example: $("#stage").html($("#movie").html()); this command work fine, but when i try to press on buttons, in div "#movie", i can't push them. why is it ? THANKS.
$.ajax and JSON Response
Hi, I'm having a tough time getting at the values I want in this ajax response. Here is the response {"COLUMNS":["SITE_ID","PARENT_ID","DISPLAY_NAME"],"DATA":[[87,19,"The Site Name"],[2,19,"Another Site Name"]]} success: function(resp){ alert( resp.DATA.length ); // this works, shows me the right number var options = ''; for (var i = 0; i < resp.DATA.length; i++) { options += '<option value="' + resp.DATA[i].SITE_ID + '">' + resp.DATA[i].DISPLAY_NAME + '</option>'; }
Expanding Height and Width
I'm looking for a way to have an element expand in both height and width to reveal more content. For example, I will be using this in a navigation menu and it would start with buttons for 'Home', 'About', 'Portfolio' and 'Contact'. When 'About' is clicked I want to make it so that it slides/expands to a greater height and width and shows the options under 'About" (i.e. 'Team', 'Mission Statement'). I've looked for a way to do this but I don't think I've come across anything helpful. Does this seem
Locate using :contains
$("u:contains(' ')").css('border','1ps solid red'); I'm trying to find any non breaking spaces (example above) and am not successful. How can you search for html code in text? Thanks, david
I am new to jquery please help me
I have a very simple question I am sending a function to javascript using flash, i have it working in regular javascript its a simple hide div, here is the code, function launch(com){ document.getElementById('content1').style.display=(document.getElementById('content1').style.display=='none')?'block':'none' } how would I write it jquery??? I want the div to fade out when it receives the data from flash?? $('#content1').fadeOut("slow");' will fade it out but how do i trigger the event using a function?
jquery in a form
hello, i'm trying to make a script which display all the info user has chose on the form before submission. now every thing is working as i expected, i have only one problem and it's with the checkbox element. the script is displaying only 1 option and not all the option that has been chosen . this is the code for the specific checkbox - $("p#dialog-parts").html($('input:checkbox[name=parts]:checked').val()); what do i need to change in order to show all the checked checkboxes and not only one? thank
Need help finding a tutorial related to this...
Hi guys ! I want to create a contact form (not where a user submits a message) but where they search for contact information regarding a municipality. Go to this site and type in 'thibault' . You can see the effect. I really want something like that. Or where a user starts typing and a drop down appears from the textbox. I don't know what to put into google to search for this! Thank you https://www.fnb.co.za/contact-us/locators/branchLocator/frontEndEnh.html
Deleting options in dropdownlist based on value length
Hi! Have a little problem, need to delete all option in a dropdown that contain value length of more than zero ie all options that doesnt have value="". Havent really found a good way of doing this yet, anyone have any good suggestions?
help with re-binding
Hi I am having trouble implementing the binding technique that allows jquery events to work after an ajax call back I found some links on how to do this but I cannot seem to get this to work with my particualr code http://www.learningjquery.com/2008/05/working-with-events-part-2 http://docs.jquery.com/Frequently_Asked_Questions#Why_do_my_events_stop_working_after_an_AJAX_request.3F http://jetlogs.org/2009/01/29/re-binding-jquery-events-on-ajax-callbacks/ Here is my code function delrebind() {
Animate both in and out with the same button...
<script type="text/javascript"> $(document).ready(function() { $("#bgchooser_button").click(function() { $("#bgchooser").animate( { width: "700px", height: "130px" }, 750); }); }); </script> <div id="bgchooser_button"> <a href="javascript: void(0);"><img src="picture.png" /></a> </div> <div id="bgchooser"> TEST </div> How can I make my link animate my #bgchooser in
Get length of form value in jQuery?
How do I get the length of a form value in jQuery? Thanks!
Link rotator widget?
Hi Guys, How is the "Hot News Headlines" link rotator accomplished on this page (right above the footer): http://corp.build.com/ Thanks. Virgil
jQuery 'Undo' plugin?
Is there such thing as a jQuery undo plugin? I found this, but I couldn't download it. If there is a jQuery plugin out there, could someone please direct me to the jQuery plugin page, and give me brief instruction on how it works? Thanks, Eric
Next Page