[jQuery] Sortable and Cookie/history, need some help
Hello, I'm trying to make a frontpage like iGoogle, it works very nicely with sortable but I cant get to keep the changes users made. each loading the changes disapear I tried two options: * Cookie with the plugin from www.stilbuero.de/2006/09/17/cookie-plugin-for-jquery/ * Serialize which gives me a nice hash but don't really know what to do with it I'm using Jquerry 1.2.3 and Jquery.UI 1.5b I have another problem with the "additems" function, I would like to increment the '+i+' and refresh the
[jQuery] jQuery BlockUI and ASP.NET
Good day guys, I'm tring to integrate jQuery blockUI plugin in my .net pages. Basically I added this js code, first of all: <script type="text/javascript"> $().ajaxStop($.unblockUI); function test() { $(document).ready(function() { $('#xxx').ajaxForm(function() { alert("Thank you for your comment!"); }); }); } $(document).ready(function() { $('#btnSearch').click(function() { $.blockUI('<img src="gfx/ico-busy.gif" /> Searching, please wait...'); test(); }); var messageElement
[jQuery] Announce: Simple Effects Plugins on learningjquery.com
Hi everyone, I don't usually announce to this list when I post something on learningjquery.com, but I figured it might be worth doing so this time, because the entry grew out of a couple questions from the list. It shows how to extend jQuery's default set of effects/animations in a simple way. Hope you enjoy it: http://www.learningjquery.com/2008/02/simple-effects-plugins By the way, Dan G. Switzer blogged about this recently, too: http://blog.pengoworks.com/index.cfm/2008/2/6/jQuery-fadeToggle-plugin
[jQuery] Release: Validation plugin 1.2.1
The 1.2.1 release for the validation plugin (http://bassistance.de/jquery-plugins/jquery-plugin-validation/) is out! Among bugfixes related to remote validation and message display a few handy improvements landed: The delegate dependency is now bundled with the plugin (it was always required anyway), and the small part of the ajaxQueue plugin that was required for remote validation is now part of the validation plugin, too. So now all you need to include is the jquery.validate.js file, nothing else.
[jQuery] Wrapping Contiguous Elements
I have HTML code that looks like this: <input type="radio" name="my_button" id="my_button" value="Yes" / ><label for="my_button">Yes</label> And I need to wrap all of it in SPAN tags. Like this: <span><input type="radio" name="my_button" id="my_button" value="Yes" / ><label for="my_button">Yes</label></span> I tried to use code similar to this to do it. $(document).ready(function(){ $("input").before("<span>"); $("label").after("</span>"); }); But it did not like the opening and closing tags
[jQuery] overlaying jqModal over other divs
dear jquery list, here come again wondering if someone can give me a little clue to what's going wrong when trying to overlay a draggable window (jqModal) over another div (containing a map application). The problem is when you put the jqModal over the map and try to interact with it; it zooms in and out and you cannot work with the jqModal window. You can test it in http://edit3.csic.es/edit_geo/prototype/symbologies.html using Firefox 2.0 you can interact fine with the jqModal outside the map;
[jQuery] help with show hide on wordpress site
Hello, I am trying to use the show/hide jquery function to show and hide book descriptions by clicking on the name of the book. It seems that the script works OK in firefox but not at all in IE. (In IE the descriptions are hidden and won't show) For example, http://squarehedge.com/bastianbooks/?cat=4 I have Jquery installed as party of a jquery lightbox plugin. Here is my script: <script type='text/javascript'> $(document).ready(function() { $('div.demo-show> div').hide(); $('div.demo-show> a9').click(function()
[jQuery] Sliding vertically a floated element depending on scrollbar
Hi all, I think I've looked all plugins available on jquery.com and haven't found what I need. As I don't have enough experience to write my own plugin, I'd like to know if there a already a plugin to make it easier to accomplish this effect: http://www.webstudiohelp.net/index.html http://www.javascript-fx.com/experiments/float/index.html I'd like to use it to slide a "top / bottom" button. The first example is particularly interesting because the item stops sliding when the viewport reaches the
[jQuery] Pagination and Filtering Data
At this point, it's just a high-level process I'm trying to establish as well as the feasibility of doing what I'm looking to accomplish so no code at this point. But basically, the requirement is to have a new way to handle pagination and filtering for an eCommerce store. The interface is currently laid out in a 4 x 4 grid so 16 products per page (as an example). What I'd like to see is each "page" being loaded as a div and the pagination function just switching between divs. I want the entire set
[jQuery] Need help with the basics: functions & variables
I'm embarrassed to admit this. After literally days of reading & experimenting, I still haven't got a grip on how we're supposed to define functions & get results out of them! ( http://jquery.cherryaustin.com ) For example, I used this to find out whether images are on ( http://tinyurl.com/3dy6pb ): $('<img src=".....google.com/intl/en_ALL/images/logo.gif' + '#' + Math.random() + '"/>').load(function() { alert('images are on'); }); I've been trying to [1] get a named boolean out of this, which I
[jQuery] Cute Digital Camera shot
<a href="http://clocks.110mb.com/digital_camera.html">Cute Digital Camera Shot</a>
[jQuery] [UI.TABS] - Problem with nested tabs
I've created the nested tab structure and it does its initial display just fine. I'm having problems with displaying remotely generated content within a region of one of the nested tabs. The region is defined as a DIV and I've double-checked the naming throughout. The remote content is being generated from a form search. I use the FORM plugin for that. This method works fine for me on non-nested tabs. In the nested tab, the content is opened in a new window instead of the region within the nested
[jQuery] onclick to page
Hi, I'm trying to fade out my page using jQuery, by clicking on one link. This link links to a php script that changes the stylesheet, but what I want to achieve is when the user clicks 'change css' the page fades out, once this is done the pages goes to my php script, the script changes the stylesheet and then goes back to the previous page with the new style sheet and fades back in. You can see my working example here: http://www.aber.ac.uk/designstudio/mike/style/ As you can see clicking on the
[jQuery] Need help with the basics: functions & variables
I'm embarrassed to admit this. After literally days of reading & experimenting, I still haven't got a grip on how we're supposed to define functions & get results out of them! ( http://jquery.cherryaustin.com ) For example, I used this to find out whether images are on ( http://tinyurl.com/3dy6pb ): $('<img src="@www.google.com/intl/en_ALL/images/logo.gif' + '#' + Math.random() + '"/>').load(function() { alert('images are on'); }); I've been trying to [1] get a named boolean out of this, which I
[jQuery] using resize event to adjust div height hangs IE6 and IE7
Hi all, I'm using $(window).resize() to adjust a div height on the fly. I've found that mucking about with the window size causes IE6 & IE7 to hang - I guess because too many events are being fired for IE to cope? Here's my code : function content_resize() { var w = $( window ); var H = w.height(); $( '#content' ).css( {height: H-270} ); } $(document).ready(function() { $( window ).resize( content_resize ); content_resize(); }); I'm using jquery 1.2.2 and the dimensions plugin. I've also
[jQuery] What am I missing with jQuery Forms ajaxSubmit?
Hi This is my script: $("#frmTargets").submit(function(){ var frmTargetsOptions = { 'dataType':'json', target: '#output', 'success':addTargetsResponse, 'error': addTargetsResponseFailed }; $(this).ajaxSubmit(frmTargetsOptions); return false; }); I'm posting to a .NET ashx. All the post works fine and the .Net code does it's stuff correctly. But instead of getting the JSON response from this code: context.Response.ContentType = "application/json" context.Response.Write("{""status"": """ &
[jQuery] using click event on a map to update page
I am designing a map, such that different values in a table on the page update when I click on different areas of the map. As you can see the map is also inside the table although of course I could move it out if necessary. My html runs like this: -------------------------------------------------------------------------------------- <map name="troublesomemap"> <area class="class1" shape="polygon" coords=" "> <area class="class2" shape="polygon" coords=" "> <area class="class3" shape="polygon" coords="
[jQuery] LiveQuery=setTimeout() and Event Delegation Library
How compare both approaches from performance perspective? http://blogs.sun.com/greimer/entry/a_look_at_our_new Thanks.
[jQuery] jQuery Image Swap Works in FF, not IE
Hi all, I have a little jQuery function that toggles a window on click and changes the background image of a span (to toggle an up/down arrow). It works fine in FF, but in IE, it is delayed. For example, in IE, you click once and the arrow stays the same (in the closed position). When you click to close the toggled window (the 2nd click), the arrow finally swaps to the down/toggled position, even though it's the 2nd click and the window has now been closed. The arrow continues in this "off by one"
[jQuery] Form POST method does not work!
Hello folks, In one of my forms, I have a wired problem, it does not post the form data to the rails from what I see in log file. It works locally but not after deployment to the server. (Using Ruby on Rails) All of other forms work but not this one. Here is my form code: <% form_for(@book) do |f| %> which generate <form action="/books" class="new_book" id="new_book" method="post"> I'm using jqurey validation for this form but it does not change form method. I don't see any js error nor ralis error.
[jQuery] help writing first plugin
Hi Guys, http://jsbin.com/ebidu/edit#javascript I'm writing a plugin to help make styling forms and doing certain common tricks with them. I'm running into trouble when I try and put parts into functions. you can see at jsbin I have a function called labelInside, but I can't use this.children to get to the label, I have to target it directly, which means I can run the plugin like this <script> $(function () { $("form.that_doesn't_exist").jform({ labelInside: true }); }); </script> so long as labelInside
[jQuery] Selecting Descendents of This
I'm having trouble selecting descendents of "this" So, this works to initially hide uls: $(".treeHeader ul").toggle(); But this doesn't work to toggle them: $(".treeHeader").click(function(){ $(this +" ul").toggle(); });
[jQuery] Replacing a string - why doesn't this work?
<html> <body> Can someone tell me/show me what I'm doing wrong here please? I'm duplicating a fieldset that contains an input form. However, within this fieldset lies the string: <a href="#" onclick="showImageList(x);..... ... where (x) is the zero-based number of the fieldsets in the overall form. So, for example, if x = 2, then what I'm trying (and failing) to do is replace the string "showImageList(2" with "showImageList(3" <tt><x-tab> </x-tab>var clonedRow = $( "#sshow_input fieldset:last"
[jQuery] Textual display of Current sort order
I have just started modifying my pages to use Tablesorter which is a vast improvement over my old method. So far I have everything working fine and am down to one final hurdle. I would like to print the text of the current sort order above the table. For example: "Sorted by Descending Last Name, Ascending Login Date". My javascripting is VERY limited so I have been wandering around in the wilderness of widgets, plug-ins, sortstarts and sortends for a couple days now and I am very confused. I can
[jQuery] each() without the last element?
Hello, I want to loop thru each elements with the each() function, except I want to skip the last element, are there simple method? Thanks,
[jQuery] "Feed" history/remote
Hi there, I was wondering if it's possible to directly feed History/Remote: say the hash is #/this_dir/another_dir/ Then i'd like to load index.php?explore=/this_dir/another_dir/ into <div id="files"></div> So the hash would be the complete variable to load, also it wouldn't have to look for a certain ID or title in the document. I'm trying to find a decent way to keep history intact, but not reload the entire page.. Hope it's kinda clear. Thanks, Frizzle.
[jQuery] question on determining scrollTop delta after onscroll
I am trying to find a reliable way to determine how many pixels the scroll bar has moved when the user clicks on the scroll up/down buttons. It seems to be different on every browser and even different on the same browser on different operating systems. Ideally what I would like is a way to either set this value or to determine what it is. My goal is to map the scroll movements from one div onto another such that each up/down click on the first div translates into a specific delta on the second div
[jQuery] .html(val) not working properly in IE6 - suggestions?
I have a Div tag whose contents I'm trying to wipe out and replace with stuff retrieved via an ajax call. Everything works fine, except in IE6, where when I try to wipe out the contents of my div tag, nothing happens: $("#myDivId").html(""); The .html(val) call works fine in IE for some pages, but not for others. I'm guessing it's more of a problem with IE6 than JQuery, but I was hoping someone else had come across this problem and could offer some tips? Thanks, jonathan
Tab focusing using event/focus( fn )
Hi Guys, It's my first post, nice to meet you all. I've been assigned the task of looking in to the possibility of adding tab focus to a web site i'm working on and I wanted to consider the possibility of using JQuery. I'm relatively new to the scripting language but I am aware of its power. The closest I can find is the event/focus( fn ) which works well but I wondered if anyone could elaborate on this function for me. I want to be able to tabindex each form element within a page and then use the
[jQuery] VS 2008 HotFix improves jQuery intellisense
<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns="http://www.w3.org/TR/REC-html40"> <head> <meta http-equiv=Content-Type content="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 11 (filtered medium)"> <style> <!-- /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {margin:0in; margin-bottom:.0001pt; font-size:12.0pt; font-family:"Times New Roman";} a:link, span.MsoHyperlink {color:blue; text-decoration:underline;}
[jQuery] treating DOM elements as "spreadsheet cells" : does a plugin like this exist?
I am wondering if there is a jQuery plugin that allows the developer to apply and obtain function results by using page elements as individual "cells". In order to understand what I am talking about, consider a spreadsheet application such as msft Excel. In a typical spreadsheet, you can specify functions that operate on a specific range of cells: =SUM(A1:A3) *return the sum of cells a1 through a3 What I'd like to know if someone has worked on a plugin that allows you to do the same thing with arbitrary
[jQuery] div index
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body bgcolor="#ffffff" text="#000066"> How can I get the index of one of my class? I'm reading all in docs.jquery.com and found nothing $("#new-criteria").click(function(){ $last = $('#thefilter .qz-tablefield:eq(1)') .clone(true); <b>index </b>= 1; <font color="#663300">// here, how to get the index of "this"?</font> $('#qz-criteria .qz-tablefield:eq('+<b>index</b>+')').after($last);
[jQuery] Visual Studio 2008 friendly version of 1.2.3
Saw earlier today that someone went through and commented the whole jquery.1.2.3 file so it is nice and friendly with the latest version of studio http://lancefisher.net/blog/archive/2008/02/12/intellisense-for-jquery-in-visual-studio-2008.aspx To get jQuery and intellisense working properly, there was a hotfix released the other day that makes it possible: http://blogs.msdn.com/webdevtools/archive/2008/02/08/jscript-intellisense-working-with-jquery.aspx and more info with great comments and feedback:
[jQuery] A Very jQuery App
I thought I'd write in to let the community know that there's an open source mailing application whose interface is *heavily* based on jQuery. Nearly all JavaScript was refactored in the PR16 release of poMMo following an upgrade to jQuery 1.2. I hope the resulting source serves as a useful example for real world jQuery use. In particular, the following plugins are showcased; 1) Tony Tomov's jqGrid plugin - http://trirand.com/blog/ demo: http://try.pommo.org/admin/subscribers/subscribers_manage.php
[jQuery] Moving DIVs up/down
Hi, Let's say I have a large DIV with class "largeDiv" and inside it, a bunch of smaller DIVs, each with its own unique ID and class "smallDiv". Given an arbitrary DIV with class "smallDiv", if I want it to switch places with the DIV immediately above it, how do I achieve the switch? Keep in mind that it may already be the top DIV in the list. Thanks, - Dave
[jQuery] jQuery Accordion Plugin
Hi, I am having some issues implementing the Accordion plugin with tertiary menus from: http://bassistance.de/jquery-plugins/jquery-plugin-accordion/ My issues are, mainly to do with the hidden (closed) ul's inheriting the height of the previously visible (open) ul's. This seems like a bug in Accordion, or more likely, just my bad coding... You can see a working version here: http://letterfive.accelhost.com/ My nav structure is: <code> <div id="nav"> <ul id="main_nav"> <li><a href="#">Item</a></li>
[jQuery] Determine if mouse is over a specific element
Hi, is it possible to know wether the mouse is over a specific element or not ? Thank you for any help ! :thinking: -- View this message in context: http://www.nabble.com/Determine-if-mouse-is-over-a-specific-element-tp15445464s27240p15445464.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] jQuery Field Plug-in - Ajax Post Data
Hello, I'm using the jQuery Field Plus-in v0.7. I'm doing an ajax post to another page. I was trying to pass all the name/value pairs at one time but I'm runnilng into a problem. My current post data looks like this: data: {problemid:frm.problemid.value,problemTitle:frm.problemTitle.value}, Using the plug in, I thought I could do something like this: var mydata = $("#myForm").formHash(); ... data: {eval(mydata)}, ... However, I get the following error in FireBug: missing : after property id My guess
[jQuery] Counting DIVs with class "x" within a larger DIV
Hi, Sure this is simple, still trying to get a handle on the basics of JQuery. Given a DIV with id = "data", how would I count the number of DIVs with class = "x", within the larger DIV "data"? Thanks, - Dave
[jQuery] Cannot trigger mouseout for function bound by hover.
I'm using hover to bind methods to a DOM object. Triggering the mouseover event works as expected, but when using mouseout/mouseleave nothing happens. What am I doing wrong? newRollHandler = new rollHandler(this); $(this).hover(newRollHandler.over,newRollHandler.off); $(this).trigger("mouseover"); $(this).trigger("mouseout");
Next Page