[jQuery] Scroller
I was wondering if there was by any chance a jQuery Plugin for a vertical scroll, I've seen many horizontal scrollers that I can mod possibly so it's vertical. I've seen the .scrollTo method within Javascript and I'm sure that jquery has made it sexy-er[?] but yeah. Apparently yahoo did the SAME thing =[ Right hand side, under "MORE PEOPLE ON THE WEB" http://potw.news.yahoo.com/s/potw/63302/high-wire-act Thanks!
[jQuery] What does this mean?
What does the "o" and "i" represent in this code? Are they just selected randomly (i.e., could they have been "r" and "s" just as easily?) or are they special characters in JS? I need to create add a section of code to the function below that will create a list of section_id values to correspond with the show_order values that the code is already creating. Something like: $("#sortable-tbl").tableDnD(); $('#frm-sort').submit(function(){ var sRowOrder = ""; var sIdOrder
[jQuery] Loading call to js file
I have an old js file that generate html tag by writeln etc. I would like to know if I can use JQUEY to load the result of a method of this js to a div. the old code looks like <div id="id1"><script type="text/ javascript">MyMthod('var1');</script></div> . MyMethod is a function in the js file. Any help would be greatly appreciated.
[jQuery] "save as" => save contents of a textbox to a file on client's PC
hi I have a form which shows some user related information in a textarea. To save this inforation, currently users have to 1) copy the text from textarea, 2) open a notepad, 3) paste it, and finally 4) save it. I want to shortcut this process by giving them an option to directly save the contents of the textarea in a file on a single click of a button. I am planning to put a button next to textare that allows them to save the contents of textarea on their machine. I searched almost everywhere but
[jQuery] dojox gfx--Is there a jQuery equivalent?
http://archive.dojotoolkit.org/nightly/dojotoolkit/dojox/gfx/demos/ Followed a twitter link from Ajaxian.com to these. Some very cool SVG things (butterfly, lion, tiger, the clocks). Is there a SVG library for jQuery that can do this?
[jQuery] ANN: Plugin - Animated Hover 1.0
Hey jPeople, Last night I released a plugin for helping with animated hover effects. The primary feature is that the effect moves and resizes smoothly between hoverable elements. Demo: http://media.brianbeck.com/shared/javascript/jquery-ahover/demo/demo.html Download: http://jquery-ahover.googlecode.com/files/jquery.ahover.js Docs: http://code.google.com/p/jquery-ahover/wiki/Documentation Plugin: http://plugins.jquery.com/project/ahover Depends on jQuery 1.2+ and the Dimensions plugin. Let me know
[jQuery] [tooltip] bodyHandler with image
Hello there, I try to make a tooltip with a different image for each one on areas, but i don't really understand how to use the bodyHandler function. I tried different things, but I get a "bodyContent has no properties [Break on this error] if (bodyContent.nodeType || bodyContent.jquery) {" with firebug. My html : <map name="feature1" id="feature1"> <area title="11.png" shape="rect" coords="168,74,205,114" href="#" /> <area title="12.png" shape="rect" coords="81,137,119,177" href="#" /> <area title="13.png"
[jQuery] Simple? jQuery + AJAX + HTML + XML
Hi, I''ve got a problem with extracting a piece of HTML from a piece of XML returned as a response to an AJAX call. The xml is as follows <?xml version="1.0"?> <response> <status>0</status> <data> <![CDATA[<table><tr><td><a href="#"><img style="border:0;" src="image/b_del.png"/></a></td><td>16/03/2006</td></tr> <tr><td><a href="#"><img style="border:0;" src="image/ b_del.png"/></a></td><td>1</td></tr></table>]]</data> <message></message> </response> On detecting a status of zero I want to extract
[jQuery] Multiple #ID Selector troubles
Hi I am currently in the process of slapping together a navigation based in jQuery. I have everything working just fine, however I wanted to start cleaning up my code and creating some functions. In the very beginning I am hiding a crap ton of div layers which later will be used to kinda simulate opening and closing of pages. My first step is to get the hide functions cleaned up. I understand you can use multiple selectors. $('#grow1, #grow2, #grow3, #grow4').hide(); $('#content1, #content2, #content3,
[jQuery] Attaching custom variables to an event trigger?
How would I go about attaching custom variables to a trigger method so that they're available to the bind call being referenced? Given the following code: $(function(){ $(document).bind('birthday', function(event,data) { alert(data.length); }); function birthdays() { var bDayList= ['noelle','jaime']; //[{name: 'andy'},{name: 'jaime'}]; $(document).trigger('birthday',myArr); } birthdays(); }); I want the bDayList array (or string, or object, or date...any
[jQuery] Jquery Validation Plugin: Select box query
Hi I'm using the fantastic jquery validation plugin (along with the equally fantastic form plugin) and I have one query regarding the validation of a select box. Looking at the demos the 'required="true"' works if you have mark like so: <select> <option></option> <option value="a">Option A</option> <option value="b">Option B</option> <option value="c">Option C</option> </select> , but my client wants the following markup: <select> <option>--Select an option--</option> <option value="a">Option A</option>
[jQuery] Form plugin - target wont update and node cannot be inserted error
Hi, Im using the form plugin to preform a simple submit but have 2 issues (possibly related!). My 'target' div does not update (even though i see the successful response using firebug), and i also get an error as follows: Node cannot be inserted at the specified point in the hierarchy" code: "3 This error only occurs if i do not specify a dataType='html'. Every example i have looked at does not specify a dataType parameter, so im not sure why i should need it? Here is my simple code: $('#signinForm').ajaxForm({
[jQuery] Jquery populate
I try the plugin jquery.populate and for me not work. I have: <html> <head> <script src="jquery.js" type="text/javascript"></script> <script src="jquery.populate.js" type="text/javascript"></script> <script> jQuery(document).ready(function($) { $('div.example').populate({'text-1':'text', 'text-2':'More text'}) }) </script> </head> <body> <div class="example"> <input type="text" size="10" name="text-1" value="tata"> <input type="text" size="10" name="text-2" value="tatamana"> </div> </body> </html>
[jQuery] refresh a zone with jquery
Hello I'm using jquery for an application and i have a question. Is it posible to refresh a zone, a div after a click on a button, but a specific zone not the page. For exemple if i click on : a button "delete file" i refresh the div "explorer". Does someone know if it's possible? Thanks a lot
[jQuery] JQuery .animate and IE6
Hi, I'm currently attempting to use the JQuery .animate call and can get it to work as desired across firefox, safari, IE7, but in IE6 the page will take up all my CPU and also repeatedly flash my mouse egg timer icon - is this a known issue? Here's an example of my code: function Callback(data) { $('#LeadFeatureContainer').animate({opacity: 1.0}, 8000, function() { if(!paused) { $('#LeadNext').trigger('click'); triggered = true; } }); } Where CallBack gets called on $('#LeadNext').trigger('click');
[jQuery] BlockUI plugin and -moz-border-radius
I'm developing an AIR app written in CSS, using jQuery and the BlockUI plugin. It works beautifully and the awesome thing is that as long as a style works in Webkit (Safari), it'll work in my app. So I thought it would be great to use the -moz-border-radius property rather than creating an image. However, when I attempt to use this property in the defult override, it throws an error. Likely this is because of the hyphens between the words. Is there a workaround for this, or something?
[jQuery] Having some probs with $.getJSON
I'm not really sure where I'm going wrong here. I'm trying to load some data from a file in JSON format. The $.getJSON gets the data just fine, but I can't seem to do anything after the data has been returned. http://goodbyepolar.com/coding/ Have I set up the forminputs.js incorrectly for $.getJSON? http://goodbyepolar.com/coding/forminputs.js
[jQuery] Passing URLs for each carousel item
Hi, Really love the carousel and thickbox. I'm using the images to show page content through thickbox. Is there a way that the url can be passed through the mycarousel_itemList so that every item can have it's own url? ex: {imgURL: "/images/flowernew.gif", url: "http://flower.com", title: "Flower3"}, Thanks!
[jQuery] ATTR, strange behavior with "maxlength" in TEXTAREA
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body bgcolor="#ffffff" text="#000000"> Hi, i am trying to "normalize" the attribute "maxlength" (which is standard to INPUTs) and create/add it explicitly to TEXTAREA in html: <textarea id="test" maxlength="20">hi, everybody</textarea> my problem: <ul> <li>$("textarea[maxlength]") doesn't work (find nothing) ??? </li> <li>$("#test").attr("maxlength"), doesn't exist???</li> <li>($("#test")[0].maxlength || $("#test")[0].getAttribute("maxlength")),
[jQuery] How do I select this td?
How would I select the first td in this table? I tried: $("#sortable-tbl tr td:first") but that didn't work... <table id="sortable-tbl"> <tr id="2"> <td id="7">New Community Section 1 Title</td> <td><a href="community_section_update.cfm?section_id=7">Update</a></td> <td><a href="community_section_delete.cfm?section_id=7">Delete</a></td> </tr> <tr id="3"> <td
[jQuery] irc | selecting
im having hard time connecting to IRC. is it down or am i stupid? anyways I have a rather basic question about jquery: <div> <input> <a name="something" >a</a> </div> <javascript> $('.something').click(function(){ //how can I select the input element to manipulate //( i managed to select the wrapper element like so: var wrapper = $(this).parent('div'); ) }); </javascript> thank you!
again im stuck with accordian
Hello, Im now trying to convert my accordian from unordered list to a defenition list and again nothing happens. You can see my effort at : http://menu.tamarawobben.nl/index2.html Regards, Roelof
[jQuery] Binding click and double-click events independently?
I've got a function that generates a new div on the page and then binds two functions to the new divs. The click event function causes another div to appear on the page. The double-click function causes the div to fade out. When you double-click on a div, it disappears; however, it also generates two new divs! Is there a way to bind a click and double-click function to an object and have only one or the other operate? <pre> function magicDivMaker() { //name the new div var newDiv
[jQuery] newbie puzzled: create and execute script in popup
Searched the forums, but could not find solution (or did not see there was one !) A main page opens a popup, then I have to add DOM elements in that popup; so far ok. When I add script to the popup, the script is executed in main page. (main and popup pages load jquery). example: main page: $(document).ready(function(){ newForm=window.open("form_template.htm","newForm","width=400,height=500"); newForm.focus(); }); form_template.htm, contains something like: <html> <head> <title>form template</title>
[jQuery] Tablesorter dosn't work with german numbers?!
Hi All! I'm using jquery-1.2.3.min.js and jquery.tablesorter.min.js. I try to sort a german table with german formats like "1.2354,76" It seems that TABLESORTER think the cells are stings because the sorting is like: 1.887,67 2.433,67 300,76 but it should be 300,76 1.887,67 2.433,67 could someone help me to find out how I can fix this? Thanks a lot, Alex PS: Sorry for my english. ;-)
[jQuery] jquery before rendering site - IE7
Hello, I don´t know if there are many other people have problems with the rendering in IE7. (I think so) I have a menu and with different show() and hide() functions. My cms delievered an unordered list and the submenus should be hide at the beginning. I do it on this way: $(document).ready(function(){ $("ul#menue li a.menu-expand").next('ul').hide(); ... ... ... }); This is working quite well, but in the IE I can see a split of a second the whole menu with all submenus and then the "shrinked"
[jQuery] Cancel fadeOut
I have a form which, when the user tries to submit an empty field, displays an error msg. The error msg fades out over a 5 second interval. The problem occurs when the user tries to resubmit the form before the fade is done. It displays the error msg again, but this time it's at partial opacity. Is it possible to cancel a fadeOut that's currently in process?
[jQuery] jQuery regex replace syntax
Hello. Does jQuery have a nice way to do a regular expression replace on an attribute? I currently have this: $j(this).attr( 'src' , $j(this).attr('src').replace( /regex/ , 'text' ) ) But that's messy, I'd prefer this: $j(this).replaceAttr( 'src' , /regex/ , 'text' ) Is something like that possible? Thanks, Peter
[jQuery] Ajax Issue in IE(Any version)
I don't get it. My ajax app works great in FF & Safari but fails in IE Here's the link. http://www.2whoa.com/develop/ I have no problems with getting this done with normal js, but can't find the issue with jQuery and IE. Someone. Please help! This is not complete yet (functionality wise), If you wonder. But the Ajax(IE) bug is holding back completion. Thanks a lot to anyone that has the remedy.
[jQuery] datepicker add custom text
like the customize example national days in http://marcgrabanski.com/code/ui-datepicker/ but i want to add a <span>something</span> how i do? $('#nationalDays').datepicker({beforeShowDay: nationalDays}); // Highlight certain national days on the calendar var natDays = [[1, 26, 'au'], [2, 6, 'nz'], [3, 17, 'ie'], [4, 27, 'za'], [5, 25, 'ar'], [6, 6, 'se'], [7, 4, 'us'], [8, 17, 'id'], [9, 7, 'br'], [10, 1, 'cn'], [11, 22, 'lb'], [12, 12, 'ke']]; function nationalDays(date) { for (i = 0; i < natDays.length;
[jQuery] jQuery cycle with text - scroll/slide broken, works on demo
I've got one of those "I know this should be simple" issues... http://www.mredesign.com/webdev/murraycycle/index.html Another developer asked me for help with his cycle setup. Instead of sliding neatly aside like the text-container examples on the cycle site, we are getting a weird overlap effect if we use 'slideX' ... and if we use 'scrollRight' , for some reason, the cycle does not activate at all. Here's proof it does, or should, work - look at the bottom right example, here http://www.malsup.com/jquery/cycle/int2.html
[jQuery] Triggering a link with no click event, just "javascript:" in the href
I have the link <a href="javascript:doSomething(1, 2, 3);">Do Something</a> How would I trigger that link? I tried trigger('click'); but that doesn't work.
[jQuery] Serializes all but <select>
Usually when serialize doesn't work, it's malformed html to blame. I think I have mine right though: up in document.ready <code> $('form').submit(function() { $.get('server.php', $(this).find('input').serialize(), function(data) { $('#results').html(data); }); return false; }); </code> down in form <code> <div class="searchFormTextField"> <label for="system" class="searchFormCheckBoxField">Date Range</ label> <select name="date_from_month"> <option value="01">01</option> <option value="02">02</option>
[jQuery] [SITE] CyberscoreShop v4 Beta
Hi all, For reference, here's the old one..... http://www.cyberscoreshop.co.uk/ *pulls face* I'm pleased to announce that the (once again, jQuery powered) Cyberscore Shop is about to have a relaunch - the public beta is up and running at http://beta.cyberscoreshop.co.uk - would appreciate some feedback on the appearance, I'm sure you can all agree it looks like Scarlett Johansson next to the original which looks like.... well.... me, by comparison. Using the Cycle and Suckerfish plugins, and a bit
[jQuery] Need help updating sorted records into db....
Hi, all. I'm trying to use the plug-in TableDnD to sort records output via ColdFusion 8. I've got the drag-n-drop working and can get the sort_order variable as a list from a hidden field when the form is submitted. The sort_order variable is created using this code from aliaspooryorik at http://aliaspooryorik.wordpress.com/2008/02/27/sorting-table-rows-with-jquery-and-coldfusion/: $(function(){ $("#sortable-tbl").tableDnD(); $('#frm-sort').submit(function(){ var sRowOrder = ""; $("#sortable-tbl
[jQuery] Announce: jQuery Tablesorter 2.0.2 Released
Hi list! I finaly got some time to work on tablesorter, here are the main changes in for version 2.0.2 General * Added support for the new metadata plugin * Added support for jQuery 1.2.3 * Added support for decimal numbers and negative and positive digits * Added new Minified version of tablesorter * Updated documentation and website with new examples * Removed packed version. Bug fixes * Sort force (Thanks to David Lynch) Get it all at <a href="http://tablesorter.com/" target="_blank" onclick="return
[jQuery] resizable handles arguments
How does one specify only a east/right resizable handle? $("#bodyCopy").resizable({ handles: 'e'}); using: <script src="http://code.jquery.com/jquery-latest.js"></script> <script src="http://dev.jquery.com/view/trunk/plugins/dimensions/ jquery.dimensions.js"></script> <script src="http://dev.jquery.com/view/tags/ui/1.0.1a/ui.mouse.js"></ script> <script src="http://dev.jquery.com/view/tags/ui/1.0.1a/ ui.resizable.js"></script>
[jQuery] how to set the value of an input after selecting an option in a list
Hello, after selecting a value in my select field and clicking on a button, I call a function (please see the code below) But $('#newDoc_name') is an input, I would like to set his value with the result of 'index.php/get/s_document_loadName/ Can you help me? Thank you $('#newDoc_selectok').click(function(){ if($('#newDoc_select').val() == 0) alert("Please select a document in the list"); else { $('#newDoc_docinfo').fadeIn('Slow'); $('#newDoc_name').load('index.php/get/ s_document_loadName/'+$('#newDoc_select').val(),{},
[jQuery] JQuery Form Plugin is Broken
I have just tried to install the Jquery Form plugin on a test page... I can't get it to work, at all, period, in any shape or form. I have been trying for the last 4 hours (yay me). I ahve followed all the documentation to the letter, the following code does NOT work, the Jquery Form Plugin is not picking up on the fact that the form is submitting. None of the functions are being called, save document.ready [code] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
[jQuery] SOT: Anonymous JS functions / classes? Help me understand
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=us-ascii"> <META content="MSHTML 6.00.6000.16608" name=GENERATOR></HEAD> <BODY> <DIV><FONT face=Arial size=2><SPAN class=359335918-14032008>So I'm making my first foray into clas based JS (or what I think is class based JS). I found a function group yesterday and really liked the way it grouped functions and variables together. I'd like to start using this method but
Next Page