[jQuery] Odd behavior with events and loaded content
I have a page (edit.asp) which uses the .load() to load another page into a div. Inside this loaded page (students.asp) is a select box (id="classavailable") and a link (id="ajaxAdd"). I am trying to run an event after the user selects a value in the select box and clicks the link. Right now, I just have it set up to run an alert: This is the jQuery on edit.asp, the main page: function addClass() { $("#ajaxAdd").click(function(){ alert($('#classavailable').val()); }); } After a user selects
[jQuery] Building a table from an array
Newbie question - can somebody please provide an example or reference to some existing code on how to create a table from an array of javascript data, please? I have an array of data to populate the table tbody; each element in the array represents a row, and contains an array of the contents of each column. There could be additional rows for the theader and tfooter. I want a function I can pass a table id and the data array, that would populate the table. I'd also like ot be able to clear all the
[jQuery] autoHeight Plugin
Anyone knows how to do for this to work on Opera? I have tested on IE, Firefox and works perfect, in Opera don't do the trick. The Plugin Site: http://lib.mobius.tw/jquery/myplugin/iframe_autoHeight/api.htm Cheers!
[jQuery] Interface Plugin - Pulsate and Bounce Newline Problems
Has anyone else noticed that when they use these functions on an span element that contains text, it will kick your span to a new line while the effect is taking place? It's almost as if a is inserted temporarily. Any way to fix this?
[jQuery] Quick Cash Loan: The Instant Source For Urgent Extra Cash
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Quick Cash Loan: The Instant Source For Urgent Extra Cash</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- .style1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } --> </style> </head> <body> <h3 class="style1">Quick Cash Loan: The Instant Source For Urgent Extra Cash</h3> <p class="style1">A
[jQuery] Masked Input Plugin RC2
Hey there, I'm back at it trying to push to a 1.0 release. I made some code changes, so I would like some verification that all is well before I move this to a v1.0 status. The following is a list of changes for this release. * Now supports user defined placeholder characters by calling "$.AddMaskDefinition(char,regex)" . There is an example on my site. * Fixed a bug where backspace from the first character position deleted the mask. * General code cleanup. Please check it out at: http://digitalbush.com/projects/masked-input-plugin
[jQuery] OT: Web 2.0 Icons
In case anyone needs them: http://www.miniajax.com/social-media-icons.php Rey... -- BrightLight Development, LLC. 954-775-1111 (o) 954-600-2726 (c) rey@iambright.com http://www.iambright.com
[jQuery] Editor in jQuery ?
Is there a rich text editor that I can insert into my blog application? Thanks for replies. L
[jQuery] Getting and appending elements
I'm working on a script that gets <option> elements based on some logic. So I have if(!myArray[myIndex]) { myArray[myIndex] = $(this).get(0); } else { myArray[myIndex] += $(this).get(0); } Then later I append them to an select element with: $(this).append(myArray[thisIndex]); which works great if the myArray[thisIndex] only has one element, but if the array has more than one object I get [object HTMLOptionElement] [object HTMLOptionElement] etc. Is the only way append object to loop through an array
[jQuery] Tooltip Bug (IE7)
The other problem in IE7 is: When we try to select an item of combobox (<select>) is removed focus of the item. Verify in: http://tinyurl.com/2gox5r Thanks, -- Rodrigo Castilho Galvão Ferreira www.rodrigocastilho.com
[jQuery] TableSorter Dynamic Pagination
Im trying to use the TableSorter plugin with pagination: (http:// motherrussia.polyester.se/pub/jquery/demos/pager/) However I want to change PageSize Dynamically from a pull down menu. currently Im trying this: <select class="nice" id="freedom" onchange="$.tablePager.params.pageSize = this.value;"> <option value="5">5</option> <option value="10">10</option> <option value="20">20</option> <option value="30">30</option> <option value="40">40</option> <option value="50">50</option> </select> now how
[jQuery] Interface Sortables in a scrolling div
Hey jQuerians, I have been trying to get the interface sortables to work in a div that is set to overflow:scroll. I have a test page set up here: http://salingermultimedia.com/jQuery/interface/ If you scroll down the div and try to drag and drop one of the items, it doesn't quite work as expected. It is apparent that things aren't getting measured correctly. I have been looking through the code and trying to see if I can hack something that sort of works, but I have had no luck at all. Has anyone
[jQuery] SlickSpeed CSS Selector TestSuite
----- SlickSpeed is a CSS selector test suite provided by the MooTools folk. This tool comes at the same time as they release CSS3 support in Mootools, and it compares Prototype, jQuery, MooTools, Ext, and CSS Query. <http://ajaxian.com/archives/slickspeed-css-selector-testsuite> ----- - Bil
[jQuery] Return value of previous event handler
I have to onsubmit handlers. One is (in legacy code) added directly to the form element as an attribute: <form ... onsubmit="..."> The other handler is added through jQuery: jQuery("form").bind("submit", function(event) { ... }); The "attribute-based" handler performs form validation and is executed first, but I need to use the boolean result of the form validation within my jQuery handler. How do I access the return value of the "attribute-based" event handler? TIA
[jQuery] Yet another autocomplete
Hi everyone, I've developed a custom autocompleter (more like Google Suggest: http://www.google.com/webhp?complete=1&hl=en) for a project at work and thought I'd share it with everyone. Let me know if you find it useful or have any suggestions: http://www.vulgarisoip.com/2007/06/29/jquerysuggest-an-alternative-jquery-based-autocomplete-library/ -Peter
[jQuery] jQuery and IE7?
Sorry if this query has appeared twice but it doesn't seem to be making it up onto the list. My problem is: Implementing a new website and would like to use Thickbox to display images in popup window. Have included the jQuery library code statement as required but when I test the page locally it hangs IE7 for 10-15 secs before displaying. Have checked websites that I know use jQuery and Thickbox and they gave same effect. It's not the Thickbox script as if I take it out I still get same problem -
[jQuery] Getting and appending elements [may be a duplicate, sorry]
Sorry if this is a duplicate, the google-groups page seems to be acting up on me. ------------------------------------------------------------------------------------------------------------------- I'm working on a script that gets <option> elements based on some logic. So I have if(!myArray[myIndex]) { myArray[myIndex] = $(this).get(0); } else { myArray[myIndex] += $(this).get(0); } Then later I append them to an select element with: $(this).append(myArray[thisIndex]); which works great if the myArray[thisIndex]
[jQuery] Difference between element and # access
what is the difference between $t("div.TimelineContainer") and $t("#TimelineContainer") within JQuery? is the first using byid and the other by tagname?
[jQuery] Load Data with an external javascript
I'm working on a basic jquery script allowing to get ads (banner + link OR external JS) from a database and then to print it on my page. I don't have any problem for ads of type "banner + link", but for external JS it's much more complicated. Here is an example of external JS stored in my database : <script src="http://tracker.affistats.com/tag.php?id=a2416b4813c411276e2f2g5h204i27k8"></script> Here is the part of my code that is giving me trouble $("div#MyContainer p.ad").load(root_url+"/_lib/ajax.php",
[jQuery] Is there a way...
i don't know how to explain. It's like this <div class="imglink"><a href="javascript:function();"><img src="img.gif" /></a></div> <div class="imglink"><a href="javascript:function();"><img src="img.gif" /></a></div> <div class="imglink"><a href="javascript:function();"><img src="img.gif" /></a></div> ... When i click on the link, i call jquery ajax and do something. Can jquery change the img (so that it would give response from ajax) even though the images are the same and they are all in the same
[jQuery] Collapsible List
Greetings All! I am attempting to create a price list as follows: Product Product Category Items When the user comes to the page, I want all the Products to be visible with their Categories and Items hidden. Once the user clicks on the Product, I want the Categories to be displayed with their Items still hidden. Once the user clicks on a Category, then I want the items to be displayed. I can get this to work halfway, showing the group of Products and when I click on the Product it does display the
[jQuery] OT: Pingdom: Web Page Loading Time Tester
One of the more common topics that occurs in the Ajax/DOM/JS space is page load times. This is especially important to the jQuery team and one of the reasons we go to great lengths to keep the library at about 20k total size. Which leads to Pingdom. If you're interested in seeing how your page is performing, then you might want to take a look at Pingdom Tools. It gives you a great visual representation of how your fast your page loads and the overall size of your page and its components. WebAppers.com
[jQuery] Problems with jQuery's site?
Someone has noticed it? -- Massimiliano Marini - http://www.linuxtime.it/massimilianomarini/ "It's easier to invent the future than to predict it." -- Alan Kay
[jQuery] below plugin and easing problem
Hi there, Im getting an error with the below plugin (as part of the autocomplete bundle), it says this.each is not a function. Should it be jQuery(this).each ? Also I have the easing plugin included but it says the method bounceout is undefined when i try and use it... I don't know where to begin debugging this. Any suggestions? cheers
[jQuery] How to wait or freeze between 2 statements
Hi, What I want to achieve is that the user click "Build" and the "Preview" links gets updated with the new link. Before the link is updated, it is replaced by a "Loading..." msg. This is working perfectly. What I cant figure out is that can I make the browser wait for half a second after loading so that the user sees something changing and gets a cue that the link has been updated. Right now everything is happening in a split second and the link gets update quicker that the user can notice. here's
[jQuery] JQuery on 'load'ed html
If i were to have a button that when clicked it it does a .load('...html'), which puts an identical button below the existing button.. is there anyway to have that button have the same functionality as the other? some way to reload the $(document).ready? Thanks in advanced!
[jQuery] Parseing XML in Internet Explorer with jQuery
I am writing an application that looks up addresses based on post codes. I have modified the perl script that the database provider supplied to output XML, and now I need to write some client side javascript to parse the results. At the moment I'm at a very early stage and thought it would be a good idea to process the XML with jquery but I have run into something of a snag. var addressLookupScript = '/cgi-bin/getAddress.pl' function listAddresses (xml) { console.log (xml); $('address',
[jQuery] adressing relatively from $(this) - jquery beginner!
hi I was trying to adress relatively from this. example... <a class="mylink"> <div class"div01"></div> <div class"div02"></div> <div class"div03"></div> </a> lets say "div02" is visible the other divs are not I TRIED LIKE THIS, BUT IT DOESNT WORK $("a.selectlink").click(function(){ $(this).$("div:visible").fadeOut(); }); I want to have all the visible divs in $(this) I tried $(this).find(":visible") and $(this).children(":visible") but none worked How do I get anything specific relative from
[jQuery] slideViewer now works with the toolTip plugin!
http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html Hi all. I think i'm done with this plugin. It is becoming a monster so it's better to leave it as it is now. Added in the past 24H: 1) a tricky preloader wich equally works for FF, Opera and IE7 2) added the 'support' for the tootip plugin from bassistance.de Now if you wish to make a gallery with *custom* easing effects, *fancy tooltips* from a SINGLE unorder list with an unknown number of images of an unknown
[jQuery] ANNOUNCE: jqUploader upgraded to 1.0.2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> <META content="MSHTML 6.00.6000.16481" name=GENERATOR></HEAD> <BODY> <DIV><SPAN class=765064422-28062007><FONT face=Arial size=2>Dear friends,</FONT></SPAN></DIV> <DIV><SPAN class=765064422-28062007><FONT face=Arial size=2></FONT></SPAN> </DIV> <DIV><SPAN class=765064422-28062007><FONT face=Arial size=2>this is to let you know that jqUploader has been upgraded
[jQuery] need suggestion on modifying jtip
hi, I am trying to develop a plugin that extends jtip. So you see a new floating div on mouse over but you can also click on links and buttons available in the new floating box. But if you are mouse is neither on the original link or within the floating box, then hide the floating box. I think the best example is to give is of GMail. If you have used GMail, you must be familiar with the functionality where you hover your GTalk contact list and it shows details. You can click on any button available
[jQuery] Tooltip Bug
Hi JQueries, Problem in IE Plugin Tooltip (Joern Zaefferer) Tooltip is for backwards of SELECT browser IE or same in the browser IE7 it does not leave to select combo correctly. Which the solution? Thanks, -- Rodrigo Castilho Galvão Ferreira www.rodrigocastilho.com
[jQuery] NEWS: iPhone Browser Capabilites Released
Hi guys, I just picked this up from Ajaxian. While its not jQuery specific, I think its important info for those thinking about developing for the iPhone. Here's the breakdown: * 10MB max html size for web page * Javascript limited to 5 seconds run time * Javascript allocations limited to 10MB * 8 documents maximum loaded on the iPhone due to page view limitations * Quicktime used for audio and video * No Java * No Flash and in features: * the page view feature lets you look at multiple websites
[jQuery] Validation Plugin - hows to only fire on form submit?
Is it possible to only run validation when the form is submitted? I am using version 1.1 of the validation plugin (http://bassistance.de/ jquery-plugins/jquery-plugin-validation/) I want to do something only when the form is submitted, so tried this basic code: $("form").validate( { showErrors: function(errors) { alert("should only fire on submit"); } }) The alert shows when I try to submit the form, and also when I click the page after dismissing the alert. Test page: http://www.texotela.co.uk/validation.php
[jQuery] Jquery Gallery Site...
Since there is no Jquery gallery that I know of... Next up pretty cool, it's got a slide down and a fade in in the header on each page: http://www.liveatbethelpointe.com Very nice I like... :)
[jQuery] dumb interface question
Hi folks, I've never used the interface plug-in before, and I've just downloaded it, but I'm not completely understanding how to "install" it. The zip file contains a file called interface.js and then a folder called compressed that contains all the effects js files. Am I supposed to put the interface.js and any dependant .js files in the directory where I keep the rest of my JS? If I include interface.js do I need to include the specific effects .js files that I want to use, or do I need to keep
[jQuery] Monitor a whole forms elements for change..
Is is possible to monitor every form element in a form for change? I tried something like this (and some other variations) to no avail. $('input,select').change(function(){ // do something alert("You changed something"); }); Why i want to do it: If a form element is changed i'm going to set a variable for an autosave to take place. Cheers Brendon PS been using jquery for a week and its actually exciting to know what is possible.. so damn quickly!.
[jQuery] How do I find this error?
Hi folks, I've got a bit of a problem where by I get a JavaScript syntax error in IE6, but everything works fine (no errors show in firebug) in FF 2.0.0.4. Typically, when I get an error in IE I run it in FF so that firebug can show me the actual error. Since viewing source in IE doesn't bring in all the JS files expanded (like firebug does), I can't see line 12 where the syntax error supposedly is. Can anybody suggest a way in IE to over come this problem? Many thanks, Chris -- http://www.cjordan.us
[jQuery] Transparent Shadows on 4 Sides
Has anything like this been ported to jQuery? http://www.456bereastreet.com/lab/transparent_custom_corners_borders/
[jQuery] BlockUI and unBlockUI after validation routine
Hi all. I'm trying to use BlockUI to show a message while a validation routine occurs in my form. Looks like this: $(document).ready(function(){ /* when user fires submit button blockUI shows a wait message - WORKS FINE */ $(function() { $('#SaveInfoButton').click(function() { $.blockUI(); }); }); /* all long long long time form validation routine */ $.unblockUI; // DOESN'T UNBLOCK - WHY??? blockUI works fine showing a message
Next Page