Where do the docs explain special callback/function arguments?
There are places in the jQuery API docs where functions (usually callbacks) are shown with special arguments. For example, jQuery UI Dialog's close event shows a callback with arguments "event" and "ui." Where is it explained what these arguments actually are? I also see a lot of example code around the Internet where people show callbacks with special arguments that aren't listed in the API. It would be really nice to know what this stuff is.
Can JQuery Do this - Retain Selected ASP.NET Gridview Rows and Values
Good Evening, I have an ASP.NET gridview that returns search results from a SQL Server stored procedure. I need a mechanism for my users to select items they want to include in a quote by entering a value in the Quantity textbox inside the gridview. When they click the ASP:Button Add to Quote, I need the user to see the part item and quantity in a separate control on the same page. This is like the Amazon View Cart page, except the user needs to be able to search for more parts, and still retain
Problem with Select onchange event
Hi everyone, I'm a complete noob at jQuery but a client of mine is asking me to fetch data of a website that is using jQuery. Now most of the stuff works but I do have a problem with a select-element. On the page there's a select element that upon choice changes content in the page. When I do it manually there's no problem. However I'm making the selection in the selectbox using javascript. for example: [code] document.getElementById('selectid').selectedIndex = 2; [/code] Now when I choose the
Getting selected option from the select element
I have a few selects like this: <select id="theOptions1" name="theOptions1"> <option>1</option> <option>2</option> <option>3</option> <option>a</option> <option>b</option> <option>c</option> </select> I want to pass it to a function that will show me the selected element: $(function() { $('#theOptions' + 2)).filterOn('#theOptions' +1, { 'a': ['a'], '1': ['1'] }); }); here is a part of the function: jQuery.fn.filterOn = function(radio, values) { return this.each(function() { var select = this; var
Expandable "Detail" Table Rows
I am building an elearning site where the user is taken through a series of dynamically driven pages to refine their choices. I am using php amd mysql to populate a series of tables but on the last page the table gets very long so i am trying to make the table expandable. I found this and this on http://www.javascripttoolbox.com/jquery/ and it's proving helpful but i need a little help taking it a step further. I also found this to be useful for anyone else who is trying to do the same thing: http://www.jankoatwarpspeed.com/post/2009/07/20/Expand-table-rows-with-jQuery-jExpand-plugin.aspx
multi-accordion help
So, I've been trying to develop this multi-accordion news section for this site. It's actually all working, thanks to an insightful plugin. I've modified it a little bit so it works as I want it to, but I've run into two issues, one which is possibly CSS. Issue #1: The idea for the user is that when they view this page, they see all the recent headlines. They can also see who it has been posted by and how many comments have been made to this article. If they wish, they can then click on the headline
Dynamic Columns - Do I need Jquery for this?
Hi. I'm making a slightly unusual layout at the moment, and I could do with some help. I've seen it done before, but I dont know how they achieved it. Its probably easier for me to explain this is pictures: This is my current site wide Screen: My current site with smaller screen. Note that the last column as flowed onto the next row since there isn't enough space (this is perfect): However, it doesn't fill up the available space. This is an example image I photoshopped to show how I want it. Notice
How can I achieve this Idea?
Hello jQuery Community, I am eagerly interested in jQuery and so i started my first project. Since I am also to CSS very new I have some problems in the whole thing. (Sorry for my bad english >__<) Look at the pic in the attachments. The description is in german cause i wanted to ask in the german community but i cant get registrated so i try it here. My Idea is when the mouse hovers into the black box the green "options" box (which is "behind" the orange "Main" box) moves to the left so the user
Building an array from text selections
I have several <img> lines in my markup that contain an onmouseover attribute, as shown below: <img id="flowersPic" class="queue" class="queue" src="media/flowers.jpg" onmouseover="playVideo('flowers.flv'); "/> . . <img id="animalsPic" class="queue" src="media/animals.jpg" onmouseover="playVideo('animals.flv'); "/> . . <img id="waterPic" class="queue" src="media/water.jpg" onmouseover="playVideo('water.flv'); "/> . . </body> I want to use jQuery to build a standard JavaScript
Non ajax post
Sorry, but I've been struggling to find out if I can do this with jQuery or not. Basically I want to do a: $.post("test.php", { name: "John", time: "2pm" } ); But actually reload the page, as if the user clicked submit on a form with the fields name and time. That is I want to do a regular post, not a ajax one. Thanks David
[SOLVED]Learning jQuery 1.3 or jQuery in Action 2nd ed.
Hello! I want to learn jQuery and use it to enhance my static HTML sites - no Ruby, Python etc., nor any interest 8for now) to write big RIA - i.e. my interest is mostly as designer and not so much as developer. After researching about jQuery books, the choise has shrinked to the two titles: a) Learning jQuery 1.3 and b) jQuery in Action 2nd ed. (covering 1.4) Both books look great, but based on what I've seen, it seems that a) is more suitable for noob & web designer. Am I right? Any suggestion
Add Two Submit Buttons
Hi all, Am new to Jquery. I have two submit buttons in form using jquery such as "Save" and "Save & Mail". When i click "Save" button then Save process only need to go. If Click "Save & Mail" then records need to be saved and mail will trigger to admin. What i need is i want to differenciate these button in ajaxsubmit i mean i need to get these button values in ajax submit page (i want to get the button value either "save" or "Save & Mail" that which button clicked")... My Code is: <html xml:lang="en"
A quick help for a newbie
Hey guys, I just started with the jQuery thing. It doesn't stop amazing me for a few hours now. However, I cannot get my task done yet and I don't have the time to go through a full tutorial for using jQuery, so I thought someone among you guys can give me a quick solution for my problem this time. Is there a way I can "fadeTo" from one class to another? If I have an: <a>About</a> and I want a smooth transition to: <a class="hover">About</a> What would be the correct approach to do this? Thanks in
Change field value with Ajax call based on checkbox state
I've created a registration form with sponsorship options hooked to checkboxes. My original form used ASP to keep values in hidden fields to use for totaling everything at checkout time. Now I'd like to use PHP and Ajax to place the value into the text field related for each option checked. I'm able to do that making an Ajax call. My problem that I need help with is this: If the visitor decides to uncheck a sponsorship option, the value placed in the associated field remains on the form. How do
jQuery Web Site Hosting
For the past couple of days, I've been getting disturbing errors when trying to navigate through jQuery. Often, when I click for details on a plug-in, I get a page error because "users bandwidth exceed". As I write this, my attempts to go to the jQuery UI page from the top menu gives me a 502 error, Bad Gateway. Any thoughts as to what's happening?
Select all disabled input elements
Hi there, I´m trying to select all input button elements with class="button" in a page in order to change their css class. Looking through some examples I managed to come up with the code below, which works perfectly in Firefox 3.6, but for some reason seem to not work on IE7. $('input.button[disabled=disabled]').attr('class', 'buttonDes'); Any ideas as to how i´t could be achieved? Thanks.
how to write a better jquery ?
please help me simplify this $(document).ready(function() { $('#aContent').cycle({ fx: 'scrollHorz', prev: '#prev', next: '#next', timeout: 0, after: onAfter1 }); $('#aContent2').cycle({ fx: 'scrollHorz', prev: '#prev2', next: '#next2', timeout: 0, after: onAfter2 }); $('#aContent3').cycle({ fx: 'scrollHorz', prev: '#prev3', next: '#next3', timeout: 0, after: onAfter3 }); function onAfter1(curr, next, opts, fwd) { var index = opts.currSlide; $('#prev')[index == 0 ? 'hide' : 'show'](); $('#next')[index
Selecting correct element
Hi all, just started learning jquery literally two days ago and have no real grounding in javascript (or programming in general, really), so apologies if I start rambling or if the topic title is not accurate. One of the biggest issues I've found is not knowing the correct terminology to search for for advice. Google tends to lose accuracy after entering the equivalent of a novel in the search bar ;) I have a basic navigation containing 3 li's. On mouseover, each li creates a new div, with a unique
Problem with horizontal slide in an absolute DIV
I recently reconfigured an accordion script (originally located here) to be set up to where 2 buttons make the content slide out horizontally and the third opens an empty slide (to give the appearance of closing the other two slides). In my original tests, it all worked smoothly. However, when I placed the script in the site, I realized that, since the script was located in a div (called #property) with absolute positioning, the slider wouldn't open. Here's an example: http://www.planetbobstudios.com/test/test.html
Posting article/tutorials links from a blog
Hello, I just wanted to know that can i post jquery article or tutorial (which can explain to solve the problem of the question) link for a question? Thanks
Can't download jQuery UI 1.4
Hello. I have a problem with downloading a new version of jQuery. I often get the message "504 Gateway Time-out" or from IE: Normal File does not exist: /srv/jqueryui.com/htdocs/repository/cache/dc85407ee56252360884da3d94aad73b/demos/index.html (/srv/jqueryui.com/htdocs/repository/cache/dc85407ee56252360884da3d94aad73b/demos/index.html) Absolute File does not exist: /srv/jqueryui.com/htdocs/repository/cache/theme/b9d7447c7f684bc3011a6d1182710070/development-bundle/themes/redmond/jquery.ui.all.css
selector and toggle problem
hi every body, firts one i like to say thanks 4 the incoming answer and the time maybe u use tray solve this one. the problem is simple , i cant obtain the selector to manage the event (toggle )over this , exactly is a title inside to div (im tray to this #rightPan h1.nueva). then i like to show a div ( $("#img_container").toggle(" slow");) . if some see what is wrong please let my know!! my mistake :( html code is: www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml">
how do i check if an event is already bound?
hi, i got an ajax script that appends a new form as the user perform some actions. then i bind them to the 'submit' event. the problem is that the existing forms get bound again and now submit twice, while the newly appended forms submit once. is there a function to check if that form has already been bound, so that i won't bind it again? in the docs there's a unbind(). But will it slow down if i append more and more forms? unbind().bind() seems quite wasteful....
Using JQuery to Retrieve Gridview Textbox Values?
Hello All, I'm a JQuery newbie and am working on a ASP.NET 3.5 project involving a product search page that uses the gridview. The idea here is that the user searches for various products using a pair of textboxes. The gridview returns the results and has a templatefield with a textbox used to input the product quantity. I want users to input quantity for each searched product and click the command button Add to Quote. When the command button is clicked, I would like some client-side UI element
Change 'img src' and 'a href' on click
Hi all, I have a simple image gallery consisting of an image with smaller thumbnails below that change on click which works fine. I now decided to change a link along with the gallery image source on click, but can't really get it working. Here is my code to swap the image to the clicked thumbnail image: jQuery("ul.thumb li a").click(function() { var mainImage = jQuery(this).attr("href"); jQuery("#main_view img").attr({ src: mainImage }); jQuery("#main_view a").attr({ href:
New Bie
I am New to J query / javascript. Can any one please explain How can I start proceeding?
Adding basic JQuery animation
I have been playing with a bit of code I found of the web and it works well, it basicly allows me to create pages and navigate between them all done via JQuery. The one question I have is, how hard is it to add some simple animation to it, such as fadein which if I have read correctly is built into JQuery? I will post the code below and if there is anyone out there that is able to help it would be much apreciated. I look forward to any response to help me move this forward :) Ludz~ <?php $portfolionum=get_option('portfolionum');
JQuery Newbie: Nested Selectors? and Disable Submit Button in .NET
Greetings all! Super new to Jquery but so far am loving it, haven't really written much of my own code, mostly just using plugins. I've got two issues I have come into for some form validation I am trying to do. 1) I'm having trouble using nested selectors, I've seen some examples of them but can't figure out the format of constructing them. For instance I am trying to bind an event on blur to form fields that only apply in a certain form, how can I do this? Also how can I select only the submit
Expected jQuery and AJAX behavior?
I am new to jQuery and am not sure if the behavior I am observing is expected or if I am just missing something. I am using jQuery to make an AJAX call to update a <div id="test"> like this: $('#submit').click(function() { var form_data = { ticker: $('#ticker').val(), type: 'summary' }; $.ajax( { url:"<?php echo site_url('analysis/getDetail'); ?>", type: 'POST', data: form_data, success: function(msg) { $('#test').html(msg); } }); return false; }); My getDetail function simply returns the following
How to change image on hover in horrizontal accordion?
Hi, I have added this horizontal accordion to my website: http://designreviver.com/tutorials/jquery-examples-horizontal-accordion/ But I want to modify this code so that the image change on hover. Can anybody tell how to modify this code? I also need a horizontal accordion code which display properly in IE (all versions), FF (all versions), Opera and Safari. Thanks, Newbie.
Slider conflicting with Mootools
Hi, I have never used jquery before but found the cool slider and want to use it on my site. However, the page I want to use it on has a mootools slideshow and there is a conflict with using both. I have found many articles on using "noconflict", but for the life of me I can't get it to work. At the risk of sounding like a complete fool, do I need to replace with some of the script with info from my file? This is what I have: ------------------------------------------------------------------------------------------------
Click Function Issue
Hi, first off I would like to say that I posted this message over 24 hours ago and it said that I would have to await moderation but as yet nothing, so here goes again. I have a download counter on my site that I am fiddling around with, see here:- www.madtogger.co.uk/page/software The counter is printed to the screen using the code below:- <center> <table> <tr> <td>File Name</td> <td>Downloads</td> </tr> <?php foreach($files_array as $key=>$val) { echo ' <tr> <td><a
Jquery link to DIV class not ID
Really simple question. My code was like this: $(function(){ $("#container div a").hover(function(){ ... With the focus being on a DIV with ID = container. Now my DIV needs to have a class, not an ID. Can I use the code like it is below for this, with the class name container instead? Code: $(function(){ $(".container div a").hover(function(){ ...
Building an array for use by JavaScript
I'd like to use the jQuery selector to scan through the DOM and build an array of video file names, but I don't want to apply any jQuery methods to the array elements. I'll use the array as a stack of files to preload, one at a time. I'll launch a preload of the top one and then pop it off the array. When that load completes I'll launch a preload of the next top one and pop it off, etc. There's no jQuery needed here, except to gather up the array elements at the start of the operation. How can
Show/hide multiple divs independently...
Is there a way I can simplify my code below? I want to be able to have just one iteration of the code and have it automatically switch out the IDs without have to add a new bit of JavaScript with each new div that is added. Here's my Javascript: $(document).ready(function() { // toggles the personnel window on clicking the image/header $('div.title'+'#one').click(function() { $('div.content'+'#one').toggle(300); return false; });
Load new random image on page reload
Can someone point me to method for loading random image (in container) on pageload? I have three image containers and I want to load a new image in each one at each pageload, but I want to be sure no two images are the same at the same time (if that makes sense!).. Thanks for any help. Assume I know very little js/jq, and you will be right ;)
.animate question
So, I've built this navigation bar so far and I'm curious if it's even possible to achieve what I'm thinking. Currently, when you hover over each of the links they drop down (padding is increased). Now, what I'm curious in doing is if you hover over say "test1", test2-4 also drop with it but in the padding that has been created from the drop down, "test1" information shows up. Allowing the user to click or read whatever information is in there. Also, if the user would like to, they can move their
change html content back and forth
Hello I used the jquery-function replaceWith() to replace this html part <div class="montag">...</div> with this part <div id="ersatz">...</div> Then i implemented a listener for montag and a listener for ersatz, so I can switch back and forth between the different parts. The side gets loaded within the montag div and when i click on this part the listener works and the html gets switched to the ersatz part, but after this the listener for ersatz does not work, although the modified html gets displayed
Is there any way to apply background-color alternatively for series of tables like applying for the table rows ???
Is there any way to apply background-color alternatively for series of tables like applying for the table rows ??? Please suggest me on how to do this ? Thanks
New to jQuery and wanting to build a image viewer
Hey everybody, I was wondering if anyone knows a tutorial that would be helpful by building a image viewer, build out of separate boxes that containe images and resize like this :http://www.wuzzoncompany.nl/pages/cases.aspx Thanks in advanced
Next Page