[jQuery] plugin page organization
can we discuss ways to better organize the plugin page? It's getting difficult to browse, I think. How about subgroups inside the groups?
[jQuery] hiring a developer: need to add next/pre buttons to fading slideshow
Hi, I'm grateful to have found this list. I found the amazing InnerFade script over at http://medienfreunde.com/lab/innerfade/ and made it work for a slideshow of rotating headlines for the front page of a test site I'm working on: http://layer5.medialayer.net/~shaydoro/ It works beautifully, except I'm in dire need of some pagination - at the very least, something that allows users to select which "headline" they want to view, much like the jQuery element in the white box on this page: http://www.ou.org
[jQuery] Problems with jQuery, ajax & greasemonkey.
I'm having some problems figuring out why this greasemonkey script I'm writing for the webshots.com site isn't working properly. http://pastebin.ca/raw/440726 The problem seems to be the ajax response isn't being assigned to the "data" variable. At least, I think that's where the problem is. Firebug shows the $.get request being sent and the appropriate response being received, it just seems to stuff up immediately after that. The strange thing is, if I run the ajax code from the Firebug javascript
[jQuery] Selector to find previous element of a kind - sibling or otherwise
Hi all, I'm attempting to write a script which makes changes to image positioning depending on attributes of previous images within a portion of a document. To do so I'm looking for a way to select the previous image relative to each image in the order in which they appear in the document. Using .prev() would make this simple if the images were all in the one paragraph. Some are, some not. Regardless, for each image in turn, I want to check certain attributes of the previous image. Thanks in advance
[jQuery] Table of Contents (TOC) plugin
The TOC plugin listed on the plugins page seems not to work correctly with the latest version of jQuery. It shows only the first occurrence of the first heading level. Does anyone have any insight into what happened, or alternatively is there an alternate TOC plugin somewhere? Test page (linked to latest jQuery): http://solidgone.com/jquery/jqpagecontent.htm Original plugin: http://dimitarspassov.googlepages.com/jqpagecontent ~ ~ Dave
[jQuery] Round corners and jQ conversion help
I'd like some improvements feedback and some verification of my attempt to jQueryize the code here http://www.456bereastreet.com/archive/200505/transparent_custom_corners_and_borders/ What I have seems to work just fine, but I'm concerned that I'm not reading the original correctly. Here's what the original code does: transforms all DIVs with the class "cbb" into this structure: div class="cb original_class" div class="bt" div class="i1" div class="i3" div id=original class="i3 original_class" div
[jQuery] looping effects in jQuery
Folks: Is there a jQuery equivalent of Prototype's PeriodicalUpdater? That is, something that will allow me to take a chain and loop it forever. TIA, --Sapphire
[jQuery] I *believe I have found a bug with interface plugin / jquery - please look.
I believe I have found a bug, unless it is my implementation, but I have tried in various ways, and still have the same result the setup: http://pastebin.us/24297 Here the second div box to the right, has an absolute position / can be relative and is cropped off. However whilst it is dragged, it becomes clipped, which to me seems like a bug. but whether it is my implementation, I don't know. so could someone look at this :) thanks L. Parry
[jQuery] jquery page jump
how do I prevent the page from jumping back to the top when calling scrollto from the interface plugin http://dev.unfetteredpress.com/story/Chavez_to_shut_down_opposition_TV# click on add comment
[jQuery] Webrocket: My new jQuery-powered CMS
Hey folks, Bit of a shameless plug here, but I'd like to announce to you my project - Webrocket. It's a CMS built on CakePHP, and using jQuery for all it's JavaScript. Currently it uses AJAX functions to load most of the pages. I've currently been working on this for a work project, however the source code is being released under a MIT/GPL Dual licence. It also uses the Forms plugin, blockUI plugin and Tablesorter. You can check out a demo at http://66.160.135.85/ The official project page is at
[jQuery] columnManager plugin update
Hi all, I've just released a new version of the columnManager plugin (which can collapse/expand whole table columns). Thanks to Matt Kruse and his table library the plugin now supports tables with colspans and rowspans. You can take a look at it here: http://p.sohei.org/jquery-plugins/columnmanager/ I've tested it with IE 6, FF2 and Opera 9. Maybe someone using another browser could take a look at the demo page (especially the example with the colspans) and report if it works or not? Thanks, /rw
[jQuery] How to load picture after picture (take 2)
I've now reworked my sample and it finally loads picture after picture yet it doesn't show them. My code is now var files = new Array(); files = <?PHP echo $json->encode ($files) ?>; var pos = 0; (pos > 0)? $('#prev').show(): $('#prev').hide(); (pos < (files.length-1))? $('#next').show(): $('#next').hide(); $('#prev').bind('click', function() { $('img.picture:visible').hide() pos -= 1; $('#files').html('<img src="'+files[pos]+'" class="picture">').show(); alert('<img src="'+files[pos]+'" class="picture">');
[jQuery] jQuery Interface Elements - Demo "Selectable Images" gone
Hi, I'm very interested in the jQuery Interface project - the widgets shown there really rock... As I'm developing a Web based photo organiser, I was especially interested in the "Selectable Images" demo shown on the Interface Website. It allowed to select multiple images by pressing the Ctrl Key or drawing a rectangular shape. Unfortunately, the demo was a bit broken - the "serialize images" link resulted in a JS error. When I re-checked the website, the demo was gone. Does anybody know if it is
[jQuery] Convert xml tree to ordered list with jQuery
Hello I've got an external xml file like this: <items> <item>1</item> <item>2 <item>2.1</item> <item>2.2/</item> </item> <item>3 <item>3.1</item> </item> </item> Now, how would I make this into a nice ordered list like this with jQuery: <ol> <li>1</li> <li>2 <ol><li>2.1</li><li>2.2</li><li>2.3</li></ol> </li> <li>3 <ol><li>3.1</li></ol> </li> </ol> My starting code looks something like this: $(document).ready(function() { $.get("whatever.xml", function(data){ $("item", data).each(function(){
[jQuery] Why is IE not able to run this code?
I'm still trying to figure out why this code runs well on FF, but not on IE when using "blur"...Jorn, anybody else have any ideas? IE just locks up every time I click in one field, then in another. I've used "keyup" instead of "blur" and it works, but I'd really prefer blur. Thanks, Rick //$.validator.defaults.debug = true; $().ready(function() { // validate Property Search form fields on blur $("#Property_Search_Form").validate({ errorPlacement: function(error,
[jQuery] Jquery not running ie and firefox
I'm newbie to jquery I have written a simple page for test. Here is the code. It only run in opera 9.2 ,in IE7 and firefox 2 it doesn't work. Why? -------- <head> <title>Untitled Page</title> <script type="text/javascript" language="javascript" src="jq/ jquery.js" /> <script type="text/javascript" language="javascript" src="jq/ jquery.pack.js" /> <script language="javascript" type="text/javascript"> $(document).ready(function() { $('a').click(function() { alert("Hello world!"); }); }); </script>
[jQuery] Google Toolbar Messages Strike Again!
Hi, all... Well... I went to demo a page containing a form with Jorn's Validation plug-in today and as soon as I caused what should have been an error message to pop up above the form field, I get "Google can fill in this form field for you..." Aaaahhhhh! Has anyone found a way to keep the Google messages from overriding the error messages? Rick
[jQuery] Autocomplte plugin status
Hi folks, I've achieved some progress on the autocomplte plugin. The features added by Dan Switzer to Dylan's initial plugin are now merged with modifications for completing multiple values, like in the gmail recpient-field. I made some minor API changes, changed a lot of default values to provide nice behaviour without specifying any options and refactored quite a lot of code to be able to fix the bugs I most likely introduced. I switched to event delegation for the select box, possibly improving
[jQuery] Crashing IE 6, help
I have a script that's crashing IE 6, hard. I'm not sure what's going on, and I don't know where to start debugging. I should mention that I'm not exactly inexperienced with debugging IE's oddities. But I don't usually encounter cases where IE simply crashes, so I'm not sure where to start. Does anyone have guidance? Are there any third-party tools like Firebug, but for IE?
[jQuery] Frames/context/scope gurus, I need your wisdom...
I ran into a problem with code in one frame trying to operate on an element in another frame last night that turned out to be caused by the target DOM not being ready when I ran the selector. I created a quick jq plugin that acts like $(document).ready() to run functions when the target frame's DOM is ready and it works quite well. The only beef I have with it is that I have to add a target frame context to every selector now. While that's not a big deal, it would be much cooler if I could add those
[jQuery] addEventListener for jQuery Events?
I want to use jQuery as one of potentially many DHTML engines for my site. Therefor I want to move the events from my XHTML code to a JavaScript includes. I've not yet had anyone help me get any of the functions working though someone suggested using addEventListener. I'm not really good with JavaScript yet so I'm looking for a little help. If I can get one good working example I should be able to do the rest on my own. This is one example... <h1 id="header1" onclick="$('#div01').BlindToggleVertically(1000,
[jQuery] animate error in IE
I'm losing my mind. This simple little bit of code works a charm in Firefox and not IE 6/7: $('#content').animate({className: 'contentNarrow'},1000, function(){ $('#podContainer:hidden').fadeIn(1000); $("#content").load("screens/order.cfm"); }); The JS error is useless, even using Firebug Lite in IE I can't get any better detail: Invalid argument on line 1, char 1. I've eliminated any possible errors involving the callback functionality--the error remains even without a callback at all. Any
[jQuery] Help badly in highlight text
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=iso-8859-1"> <META content="MSHTML 6.00.2900.2963" name=GENERATOR> <STYLE></STYLE> </HEAD> <BODY bgColor=#ffffff> <DIV><FONT face=Arial size=2> <DIV><FONT face=Arial size=2>Im trying to make a "highlight text from search" script wich must load the "keyword" saves into a hidden field, but cant make it work, i found some script in the web but dosnt adjust to what i need
[jQuery] BlockUI: DOM element removed after first unblock
<!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.16414" name=GENERATOR></HEAD> <BODY> <DIV><SPAN class=578293303-13042007><FONT face="Trebuchet MS" size=2>Mike, I guess I have one other lingering issue with blockUI that I hope you can help with. I have a custom DOM element that I have been using as my blockUI overlay, which I pass like so:</FONT></SPAN></DIV> <DIV><SPAN
[jQuery] Using TableSorter with hide()/show() on table rows
Hello, Is there anyway to tie rows in a table together so that when TableSorter sorts the table it will always keep the rows together and in the same order? I'm trying to dynamically hide/show certain rows but they appear at the bottom of the table because of TableSorter. Anyone have any thoughts or workarounds on this? One thing I can think of is to move my child rows to underneath their parent after TableSorter has sorted. I can't tell from the documentation but can TableSorter have a callback?
[jQuery] issue with slideToggle
I'm trying to wrap up my application and am going through and debugging a few things in IE (whoo hoo!) I've got a weird issue with slideToggle and I can't get it fixed and it's driving me nuts: I have a list, and each item has a 'detail' block which I hide until a user clicks to see details. I also have a page wide 'show/hide'. The page wide show/hide works fine in both IE and Firefox. The individual display - using slideToggle - works in Firefox - but in IE I'm getting a weird behavior. I click
[jQuery] Form Plugin Won't Work in IE
I've recently started using the form.js plugin (http://www.malsup.com/ jquery/form/) and I like it a lot. Except, I can't seem to get it working right in IE (6 or 7). Here is my code: /* CODE ----------------------------------- function postloading() { // beforesubmit code goes here return true; } function postsuccess(data) { //success code goes here return true; } $(".replyform").submit(function() { $(this).ajaxSubmit({ dataType: 'json', type: 'POST', beforeSubmit: postloading,
[jQuery] Why do hide/show elements appear at the end?
Hello, I am hiding/showing a <tr> that appears (in the HTML) immediately after the <tr> that contains the control but when it is shown it appears at the end of the table (along with the other <tr>s that I'm doing the same thing to). HTML: <table> <tr> <td><span class="sub_events" sub_id="2">hide/show control</span></td> </tr> <tr class="sub_events" sub_id="2"> <td>here I am!</td> </tr> <tr> <td><span class="sub_events" sub_id="3">hide/show control</span></td> </tr> <tr class="sub_events" sub_id="3">
[jQuery] What is the right "find" expression?
Hi, After dragging an object into a Droppable, using this code: $('#classlistcell').Droppable( { accept: 'student', tolerance: 'intersect', activeclass: 'dropzoneactive', hoverclass: 'dropzonehover', ondrop: function (drag) { var name = drag.innerHTML; var id = /* Need expression here */; addStudentToClass(name, id); } } ); I'm trying to form an expression for the "/* Need expression here */;" line. I want to extract the value of "value" (in the below example "1" from the hidden element. Below is
[jQuery] .find() works in 1.1.2 but not 1.0.4?
Hey guys... so I'm working on a new jCalendar plugin (an inline calendar, verse a popup one, used both for input dates and displaying a calendar) and I have one issue I just can't figure out: var year = $(this).find('select.jcalendar-select-year'); [...] year.find('option:eq(1)').val() [...] year.find('option:last').val() Those 2 last lines with *.find(* are not working in 1.0.4 but work great in 1.1.2. I can't for the life of me figure out how to make that work in 1.0.4. I'm trying to grab both
[jQuery] Select box redraw in IE
Hi folks. I'm trying to move an option element from one select box to another. I have it working in Firefox now, with a simple append: $('#selectbox_to').append($('#selectbox_from option[@selected]')); That works great everywhere except, of course, IE. In IE, it does actually move the option but doesn't redraw the "from" select box. The from select box ends up showing the entry after a selected item twice, and doesn't redraw the rest of the list until I select it to force a redraw. What's weirder,
[jQuery] How do you write custom callback functions in jQuery?
I'm pretty sure this is possible, but I couldn't seem to put my finger on how to do it properly. What I'm looking to do is create either functions or jQuery methods with a custom callback functionality, that would work in the same way as the built-in callbacks for fadeIn, slideDown, etc. For example: $.fn.testFunc = function(param, callback){ //do something that delays, like a fadeIn (just using the fadeIn as an example, but since the fadeIn already has callback functionality, it's not an ideal choice,
[jQuery] Form Plugin and AJAX DOM binding
Hello all, I have a situation that I keep bumping into and not sure what the proper way to handle. I have function to submit a request to update a customer's profile from a form and on the way in, I am bringing a new DIV inside the target DIV, but since it is new DIV the DOM doesn't know it is there (I suspect). How do I get things like this auto rebinded? What I am trying to do is after the success is loaded: $ ('#customerEditDiv').find('#success').pause(4000).fadeOut('slow'); But it never fires.
[jQuery] Is this a bug ?
This page works as expected under FF but not under IE : http://www.amigrave.com/upload/posts/jquery/wheresthebeef.htm I wonder if it's a jquery bug, an IE bug with tables or a bug between my chair and my keyboard? Relevant part is line 38 : $(a).html(ah); PS: I extracted the relevant code in order to make this test case, so it's normal if the code seems pointless. -- Fabien Meghazi Website: http://www.amigrave.com Email: agr@amigrave.com IM: amigrave@gmail.com
[jQuery] selector for ATTR is empty
Hi All, where i release a Seloctor of all images with not empty ALT, this select all with ALT: $('#content img[@alt]').each(function(){ i will the function work when ALT not empty Thanks -- Viele Grüße, Olaf ------------------------------- olaf.bosch@t-online.de http://olaf-bosch.de www.akitafreund.de -------------------------------
[jQuery] clone does copy the accesskey attribute
Hi, When I clone an element that has an accesskey, it's copied to the cloned element as well. Then you end up with two different elements having the same accesskey. Obvioulsy no good. Do I have to call .removeAttr('accesskey') method on each cloned node or is there a better way ? Thanks in advance, Xavier
[jQuery] jQuery cross-site AJAX-style loading
In case anybody is interested in it: for a project I'm currently working on I've today abstracted the <script> based cross-site AJAX-style loading of code from third-party URLs into a small jQuery plugin jquery.xsajax.js which provides a jQuery.getScriptXS() function which is similar to the standard jQuery.getScript() function but instead of XmlHttpRequest & friends it uses <script>. It especially supports the "execute callback after loading" feature. Find it under: http://trainofthoughts.org/blog/2007/04/12/jquery-plugin-xsajax/
[jQuery] Interface "folder-tree" requests
I don't know if Stefan is reading this discussion group, but i have some questions for him. I was wondering if he wants to change the demo at: http://interface.eyecon.ro/demos/drag_drop_tree.html so that it does the following thing: - Don't allow LI's to be dragged and dropped BELOW their structure (e.g. further down in the hierarchy). This gives firefox currently an error. - Don't allow items to be dropped on thesame (direct) UL as they are allready a part of. - If an item can't be dropped there,
[jQuery] Ajax based Accordion
Hi; I have been creating an accordion application whose content has been loading by ajax, code sample like below: $("#loading").ajaxStart(function(){ $(this).show();}); $("#loading").ajaxStop(function(){ $(this).hide();}); $.getJSON("ajax.php",{ task: "shops", cid: cid }, function(json) { if (json == "") return $('<dl id="shops">').appendTo("#leftcontent") for (var i = 0; i < json.length; i++) { $("<dt>"+json[i].name+"</dt>").appendTo("#shops");
[jQuery] Flexible jCarousel
Hi jQuerians! I was wondering if there is a mod for jCarousel out there, that allows it to be flexible? I need the width of the list and its items to be flexible (depending on the browser width). I tried only a bit yet and tinkered with the windows resize event, to adjust the width of .jcarousel-clip and the list elements, that works fine, but the scroll amount needs to be adjusted as well and I think changing that is not as easy... Has somebody done that? If not, I'd like to request that feature,
Next Page