[jQuery] NEWS: New Plugins
As I was updating the Sites Using jQuery page, I came across two great plugins which I never saw mentioned on the list: Ajax File Manager: http://www.phpletter.com/Demo/Ajax-File--Manager/ Ajax Image Editor: http://www.phpletter.com/Demo/Preview-of-Ajax-Image-Editor/ Both are very cool plugins. More can be found at: http://www.phpletter.com/ I'm not sure who the site owner is but this is nice work. Rey... -- BrightLight Development, LLC. 954-775-1111 (o) 954-600-2726 (c) rey@iambright.com http://www.iambright.com
[jQuery] Plugin question
<!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=968122908-18062007><FONT face=Arial size=2>hello!</FONT></SPAN></DIV> <DIV><SPAN class=968122908-18062007><FONT face=Arial size=2></FONT></SPAN> </DIV> <DIV><SPAN class=968122908-18062007><FONT face=Arial size=2>i'm stuck on how to do this: i would like to extend Luke's
[jQuery] speeding up search and replace on lots of elements
I had originally written a script called the Jargon buster that does search and replace on the html() of a page to insert links to jargon terms. The code looks like this (cut down to incluse just the parts I am interested in) function JargonBuster (jargonFile) { var self = this; // Jargon XML vars self.jargon = new Object; // HTML vars self.targetContainer = $('body'); // Regular Expressions self.regexPrefix = '('; self.regexPostfix =
[jQuery] jQuery Ajax pagination
I'm looking an example using jquery for grid pagination with ajax(database hits) support. <a href="http://makoomba.altervista.org/grid/">http://makoomba.altervista.org/grid/</a> haves a great example but using xml data. I'll want to use json instead. Do you know? Cheers
[jQuery] Could anyone send me a copy of Catfish Advert Plugin 1.3
Could anyone send me a copy of Catfish Advert Plugin 1.3. its official site is offline now. I am developing another Jquery based Open Source Project, need it ASAP. thanks in advance. Logan Cai http://www.phpletter.com
[jQuery] How to modify Q & A or Topic & Expansion CSS
I got this code from scriptaculos and it toggles display of the answer pat then the question part is clicked. Javascript ======== $(document).ready(function () { $ ('div.faqitem').find('div.answer').hide().end().find('div.question').click(function() { $(this).next().slideToggle(); }); }); HTML Code ========= <div class="faqitem"> <div class="question"> Topic </div> <div class="answer"> expansion </div> </div> I am trying to extend the CSS to: 1. give the question part a different colour if the answer
[jQuery] unbind ajaxForm
Hi, I am currently using the form plugin and I love it. There's one minor thing I don't quite seem to understand. Is it possible to unbind the ajaxForm from the form in question? I am using a number of radio buttons and depending on the radio that is clicked the form should be submitted via ajaxForm and otherwise not. If people click the radio button that binds ajaxForm multiple times the form is als submitted multiple times. So somehow I need to unbind the ajaxForm once another radiobutton is selected.
[jQuery] AJAX get into a persistent variable?
I'm working on a page that has a form that is dynamically generated using jQuery. The form isn't built in one pass but progressively based on user actions. Prior to submit the form may contain dozens of select menus with varying option content. The problem is that the select menu options contain values that are stored in database. Those values can change, therefore it isn't safe to hard code the menu options in jquery code. I realize that I could make an AJAX call each time I need to build a menu,
[jQuery] Using Sortables with tables
I have a CMS that I'm building for a client. There's going to be a list of items in one portion of the CMS which will likely get rearranged on a regular basis. Obviously I could simply have them change their order one at a time via a simple text box. I'd like to give them something unexpected though and make their lives much easier. So I'm considering the option of using Sortables to allow them to drag and drop to rearrange. Here's a small sample of my HTML code. At this point, each row would look
[jQuery] sortable:how to with tables?
hi, i tried to test interface sortables with a table structure which doesn't realy work. is there a chance to get it running with a tablestructure or are there any other solutions. i don't realy want to use <div> <span> <span> ... </div> because i have to fix width of each Column here my table test <table border="1"> <tr class="sortableitem"><td>Item 1</td><td>Item 1a</td></tr> <tr class="sortableitem"><td>Item 2</td><td>Item 2a</td></tr> <tr class="sortableitem"><td>Item
[jQuery] getScript problem
I have tried to test on the twitter json and so I use the getScript to do that. It works in IE but not Firefox. The js console error shows: <span class="objectBox objectBox-errorMessage">[Exception... "' P ³å|ë method XMLHttpRequest.open' when calling method: [nsIDOMEventListener::handleEvent]" nsresult: "0x8057001e (NS_ERROR_XPC_JS_THREW_STRING)" location: "<unknown>" data: no] I'm using the latest packed version on <a href="http://jquery.com">jquery.com</a> front page, which should be 1.1.2. </span>
[jQuery] How to disable (or properly remove) meta refresh?
Hi group, just a quick question here. Does anyone know how can I disable the refresh effect of the following meta element: <meta http-equiv="refresh" content="10;URL=index.htm" /
[jQuery] jQuery may add $.browser.isiPhone
i found there is a method which can detect if your use is browsering your site on iPhone, function isiPhone() { var agent = navigator.userAgent.toLowerCase(); return agent.match(/iPhone/i); } this method defined in http://images.apple.com/global/scripts/browserdetect.js maybe jQuery may add a new function, $.browser.isiPhone, for further, since iPhone allows developers do more in its safari... :) -- Zacky Ma www.marchbox.com
[jQuery] How to terminate each befor full iteration
I'd like to terminat (beak) the iteration in the following code if a value is emtpy. Is that somehow possible? var okay = true; $('.input_required').each (function (i){ if ($(this).val() == "") { okay = false; } if (!okay) ??? }) O. Wyss
[jQuery] Removing injected elements
Hey all, Alright, so its fairly easy to inject content with jQuery, like for instance with .wrap(). But how do you remove those injected elements again, without destroying the underlying content? .remove() will remove anything contained within an element, but what I need is something that only removes the element, leaving its contents alone. Any takers?
[jQuery] Validate RC2 Preview: Remember The Milk Signup
Hi, I've uploaded a preview demo of the upcoming RC2 release of the validation plugin. It features the signup form of Remember The Milk: http://jquery.bassistance.de/validate-milk/demo-test/milk.html The plugin handles keypress- and blur- for normal input elements and change-events for radio/checkbox buttons. It tries to give feedback to the user as early as possible, without disturbing with messages before the user had a chance to enter the correct value. In other words: You can tab through the
[jQuery] Getting the absolute position of an element
I'm looking for a "jQuery-native" way to get the absolute position of an element; something like Prototype's Position.cumulativeOffset(element) or YUI's YAHOO.util.Dom.getXY(element). Is there anything like this or do I have to borrow from the other libs? Michael -- Michael Schuerig mailto:michael@schuerig.de http://www.schuerig.de/michael/
[jQuery] Refreshing event registration
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" 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 12 (filtered medium)"> <style> <!-- /* Font Definitions */ @font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4;} @font-face
[jQuery] Prevent Firefox password manager to popup on invalid forms
Hi, I'm having troubles to prevent Firefox' password manager to popup on invalid forms. The problem is that it opens when the user clicks submit, and afterwards the form is marked invalid, possibly even including an invalid password. I haven't managed to produce a reliable test yet, so I hope someone has already experience with this problem and can help with a solution or hint me into the right direction. Thanks -- Jörn Zaefferer http://bassistance.de
[jQuery] About plugin best practices
Hi, I'm still a newbie and now writing my own plugin, i'd like to ask 2 questions, taking as best pratice : http://jquery.bassistance.de/jquery-getting-started.html # Optional: Create an object with helper functions, eg.: jQuery.fooBar = { height: 5, calculateBar = function() { ... }, checkDependencies = function() { ... } }; # Optional: Create default settings that can be changed by the user, eg.: jQuery.fn.foobar = function(options) { var settings = { value: 5, name: "pete", bar: 655 }; if(options)
[jQuery] calling php file into a div
Hi, What I want to do: I have a list of links with id values. Each of these id values get sent to a remote php file, that is in turn returned to the page. ie... <a href="index.php" id="1"> <a href="index.php" id="2"> <a href="index.php" id="3"> <div id="show_results"> Show formated results here. </div>
[jQuery] vignet : another great jquery powered site
<a href="http://www.teamviget.com/">http://www.teamviget.com/</a> great work
[jQuery] Dealing with Non existent nodes
I am using var title = document.getElementsByTagName('title').item(0).innerHTML; to get the content of a pages title tag. But if the page has no title tag I get "Error: document.getElementsByTagName("title").item(0) has no properties" and the script craps out. any ideas about how to deal with this ?
[jQuery] Printer Friendly Form Field Replacements
I have a project that I am working on where I needed to give a printer- friendly view of a form. Normally, I would do this server side, but this form was pretty complicated, had a lot of fields, and I didn't want to do all the if/then statements that would have been required in my template. So, Jquery to the rescue. The snippet below takes the value from each form field element, replaces it with a paragraph tag with the field's value. I have not thoroughly tested and this may not be comprehensive,
[jQuery] url encoding for GET
I wonder if this is normal I am sending a url to server in query string. If I use $.get, like this $.get(queryfile,{url:url,num:num},function(output){ ... }); the url is encoded as it is sent. BUT if I use $.ajax({ type:"GET", url:queryfile, data:"url="+url,num="+num, success:function(output){ .... } }) the url as it is sent is not encoded. Am doing something basic wrong here??
[jQuery] Suggestion: change for jQuery "css" method?
<div>Hi,</div> <div> </div> <div>I noticed that the "css" method clones the node including the id which is supposed to be unique in the HTML document. I know the clone node is just temporary but for cross browser and future compatibility, would it be good to remove the "id" attribute from the clone node? </div> <div> </div> <div>I tried removeAttr("id") but removeAttr doesn't return jQuery (why?), so I used attr("id","") in the call chain but I would prefer to use removeAttr...</div> <div> </div>
[jQuery] Form plugin, filling results into the fields
I'm not sure if I understand it right, does the form plugin move the results back into the form fileds after the call succeeds? If yes how has the results look like? If no, what's the best solution? O. Wyss
[jQuery] Could anyone send me a copy of Catfish Advert Plugin 1.3
Hi there Could anyone send me a copy of Catfish Advert Plugin 1.3. its official site is offline now. thanks in advance. Logan from www.phplette.com
[jQuery] Reading a querystring to determine an action - possible?
Hi folks, I'm working on a site that, by default, has a RHS sidebar. I want to be able to selective hide that sidebar based on the value of a querystring. More specifically, there are times when I need the "whole" page to display a large table, so when I submit a post or call to the server from the page to generate/load the table, I intending adding a querystring variable that, when the page is refreshed and the table is about to be loaded, jQuery will hide the sidebar (i.e. display:none;) Is this
[jQuery] How is "height" calculated?
<div>Hi,</div> <div> </div> <div>I am trying to understand how the height of an element is calculated in jQuery. I don't understand how the height can be calculated especially when the element is hidden with display:none.</div> <div> </div> <div>Thanks</div> <div> </div> <div>Fred</div> <div> </div>
[jQuery] Form plugin parameter passing
Is it possible to pass additional parameters to the AJAX call? On my page I have a get value (e.g. mode=1) which I'd like to pass to the called server function. Or do I have to store the value in a hidden input field so it's passed with the other fields? O. Wyss
[jQuery] Plugin redesign option
<!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=953493101-17062007><FONT face=Arial size=2>Hello friends,</FONT></SPAN></DIV> <DIV><SPAN class=953493101-17062007><FONT face=Arial size=2></FONT></SPAN> </DIV> <DIV><SPAN class=953493101-17062007><FONT face=Arial size=2>i would like to redevelop my jqUploader plugin, rebuilding
[jQuery] Insert table row next to last row
I'm hoping this is just a simple selector question. I currently have this code which inserts a row at the end of a table. $('<tr class="datarow">').appendTo("#my_table").html(rowcells); I need to add a footer row to the same table. Is there a simple modification to the the above code so that it would insert a row above the last table row?
[jQuery] Carousel / Sliding Images / Glider
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" 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 12 (filtered medium)"> <style> <!-- /* Font Definitions */ @font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4;} @font-face
[jQuery] Safari 3 and onload
Via Ajaxian, interesting browser behavior: ----- Safari does not fire onload at the same time as other browsers. With most browsers, they will wait until the page is loaded, all images and stylesheets and scripts have run, and the page has been displayed before they fire onload. Safari does not. In Safari, it seems onload fires before the page has been displayed, before layout has been calculated, before any costly reflows have taken place. It fires before images have completed loading (this can
[jQuery] @mike: blockUI fix
Mike, i've seen that you implemented the tab question i asked for. However, when testing it, i came to the conclusion that you could still tab out of the element, but not back into it. As i can't access SVN from work, i thought i'd post the fix here. I've tested this on the "simple dialog" example of your site, but adding this extra line: jQuery.blockUI.defaults.allowTabToLeave = 0; ---------------------------------------------------------------------------------------------------- // event handler
[jQuery] CNN and Apple Choose Prototype. Why?
Two stories today from Ajaxian (Ajaxian.com) caught my eye and made me curious: CNN Beta Site: http://ajaxian.com/archives/cnn-beta-site Apple Revamps Its Website http://ajaxian.com/archives/apple-revamps-its-website In both cases, Apple and CNN have gone with Prototype and Scriptaculous. I should say up front I'm a big fan of jQuery and Interface, but I'm wondering why two big sites like this would adopt Prototype when other high-profile sites like Technorati have adopted jQuery. Are there any standard
[jQuery] Sortable reverting to original state
<div>Ok...this one is dumb but it is happening and I can't see where/why.</div> <div> </div> <div>Same exact code is copied/pasted then tweaked slightly. The tweak is merely a change of which container ID to target and the css classes for respective elements (entry-block vs file-block, etc).</div> <div> </div> <div>Now...in one place the sort works just fine. I have an Ajax call that hits the server and saves the sort.</div> <div> </div> <div>In the other two places the sort immediately reverts to
[jQuery] Content peeking through popup in IE - should bgiframe help?
Okay, I've been staring at this too long now... help! I have a div that is in-line when JS is off. With JS on, JQuery unobtrusively hides the div, inserts an external link and a close button to toggle it on and off. It works fine everywhere except in IE. I've tested FF2, OP9, and SF3, all on WinXP/SP2. It works fine in those. But in IE7, IE6, and IE5.5, the content underneath the div shows through. This is not just select boxes. A plain <H2> element and an <IMG> are are visible. I thought this was
[jQuery] cloning content from parent page to child page
Hey guys and gals, Wondering if anyone has a quick and easy way to clone content from a div on parent page to the body of the child (pop up) page. Thanks.<br clear="all"> -- Benjamin Sterling <a href="http://www.KenzoMedia.com"> http://www.KenzoMedia.com</a> <a href="http://www.KenzoHosting.com">http://www.KenzoHosting.com</a>
Next Page