[jQuery] Announce: filemanager-like-view plugin (BogoFolders)
Hi, all! This morning i put together a plugin which provides a basic filemanager-like view, called BogoFolders: http://wanderinghorse.net/computing/javascript/jquery/bogofolders/ In short, it uses two HTML elements: one holds a list of icons/label (e.g., the "file list") and one holds the content of the currently- selected entry from the "file list." It can be considered Beta software. While there are still a number of significant missing features and a minor bug or two, it basically works as advertised.
[jQuery] Binding a click event
Just a quick question =). I want to bind an event handler to "body" so that whenever someone clicks anywhere on the body, a DIV disappears. However, there is a specific graphic (that has an id) that I need to be ignored in that click handler. I haven't been able to come up with an elegant solution and was hoping someone here may have some advice. I've tried something along the lines of: $ ('body').not('#someid').unbind('click').click(function() { /* code */ }); But it does not work. Any thoughts?
[jQuery] Easebox
I had a little bit of free time, so I started an "easeBox". Like thickbox, but with easing transitions. <a href="http://www.commadot.com/jquery/easebox/#">http://www.commadot.com/jquery/easebox/#</a> I made a list of things I want to do to it on it. Any suggestions to add to the list? Any suggestions of how I could improve the code? I have no idea how to make it into a plugin. Continuing to work on it, but help is greatly appreciated. Glen
[jQuery] click on one div to show another div, click anywhere else hide this div
I've already got the first part of this working: $(function(){ $('div#rightShoppingCartButton').click(function(){ showCart(this);//Shopping cart div has been clicked }); }); function showCart(div){ var rsccb = "#rightShoppingCartContainsBox"; if($(rsccb).css('display') == "none") { $(rsccb).css("display",'inline'); } } But, I don't know how to made the div disappear when the user clicks anywhere else. Here's what I've tried that doesn't work: $("body").click(function(){
[jQuery] Customize JQuery
Hi, I really like JQuery, and I try to use it, and I think it's big script in some kind 22KB! the rest of my page less than 12K. I think we can customize JQuery. I mean drop any function, class or method we don't use. I hope the developer make a program show this methods, classes or functions then we can select what we need to use then the customized script will be generated. maybe we can lose some size. I think its possible. do you think it's a greate idea. Azzoz Al-Hassany
[jQuery] Page initialization document ready
I'm setting default values for a text area on page load. This ivolves loading a remote xml file. Should I be using the document.read() function here. Because the "resultdiv" doesn't seem to finish load names.xml. So none of the manipulations can happen. ---- function init() { var resultdiv = $("<div id='res' />"); resultdiv.load("names.xml"); var text = $(resultdiv).html()+"\n"; $("#source").val(text); } <body onload"init()" > Source <textarea id="source" rows="10" cols="30"> </textarea> </body>
[jQuery] TableEditor
How new version for tableeditor? Super plug-in. David O.
[jQuery] Using AutoCompleter, how do you pass parameters
I'm using a modification of Dylan Verheul's AutoCompleter that can be found at http://www.pengoworks.com/workshop/jquery/autocomplete.htm. I need to pass not only the user's input, but the customer number. On a full hit, I know it from the logged in user, on an AJAX call I need another way to determine it. Perhaps there is a better/easier way, but I was just going to put the customer number in a hidden form field and then pass it via the AJAX call. So I have this form field: <input type=hidden id="CustNo"
[jQuery] search text, find urls and list
<!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.5730.11" name=GENERATOR> <STYLE></STYLE> </HEAD> <BODY bgColor=#ffffff> <DIV><FONT face=Arial size=2>Hi All-</FONT></DIV> <DIV><FONT face=Arial size=2></FONT> </DIV> <DIV><FONT face=Arial size=2>This is a newbie designer question. I think jquery's great and I'm trying to find more uses for it.</FONT></DIV> <DIV><FONT face=Arial
[jQuery] Scroll behaving odd in Firefox
Hi all, first time I've used jQuery. I'm using it for a basic scroll to anchor function. I started with it on the "back to top links" then I moved to using it on a small anchor navigation at the top of the page. It works fine in Safari on the mac and IE on the PC but for some reason the top links on the page don't work in Firefox (on both platforms) UNLESS the page is partially scrolled down. Since this is the first time I've used jQuery I'm beyond stumped! Thanks everyone Mike
[jQuery] hello everyone
im pretty new to jquery and im writing a ajax ready comment box for my community site. Im very new to javascript but got into frameworks reading about javascript along the way and i wanted to know if im going about my send function in the right fashion? function send(){ var conf = new Array(); var posting = $('#Post_Comment').html('loading..'); conf['commenttext'] = $.trim($('#commenttext').val()); conf['UserID'] = $('#ID').val() conf['MediaID'] = $('#MediaID').val(); conf['WriterID']
[jQuery] .css("border-color") returning undefined
Hi guys and gals, .css("border-color") is returning undefined. The element in question has 2 css classes, both of which have it set. HTML: <p class="result success"> CSS: .result { border: 2px dotted #fb0; } .success { border-color: #33cc33; } Can I get the correct border-color with jQuery? -- View this message in context: http://www.nabble.com/.css%28%22border-color%22%29-returning-undefined-tf4082154s15494.html#a11602408 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Multiple Interface Resizables
I've tried everything I can to get the handles to work for multiple resizables, but it just won't work. You can't use a class for the handles, so I tried using each() to loop over the resizables and specify the handles using unique ids. I tried passing DOM elements for the handles. What is the trick to having multiple resizables?
[jQuery] addClass() not executing until cursor enters confirm() box.
Hello, I have the following code: http://www.pastebin.ca/609684 When someone clicks the appropriate element I want the row of that element to change its background. But what happens is that when they click the link the confirm box is created but the row for that element doesn't change until the mouse enters the bounds of the confirm() box. Why? Shouldn't it change before the box appears? Thanks, Chris.
[jQuery] ANNOUNCE: Horizontal Accordion 0.51
<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:0cm; margin-bottom:.0001pt; font-size:12.0pt; font-family:"Times New Roman";} a:link, span.MsoHyperlink {color:blue; text-decoration:underline;}
[jQuery] problems using jquery accordion and lightboxv2
Hi! I am using a little jquery accordion menu, and a photo gallery in lightboxv2... As you can see in http://naosweb.com.ar/obras.html the accordion is not working, and looks "expanded"... This is how it have to work http://naosweb.com.ar/quienes-somos.html What can I do to use both scripts without collisions? TIA, and sorry for the bad english :) luciano a. ferrer
[jQuery] IE takes link when firing onclick event
Hi guys, New to jquery but really loving it so far. I've done some code that seemed to work in all tested browsers, except IE The code: $("a.more").click( function(){ $("a.more").css("color","red").css("font-style","italic").css("font- weight","bold"); $("dl.hidden").show("slow"); return false; } I am returning false, so the default behavior should've be nullified, but IE still "insists" on taking the link to a non-existing page (and displays an error).
[jQuery] find form from input?
Let's say i have this construction: <form> <fieldset> <legend></legend> <input type="text" class="textField" ...> </fieldset> </form> And i have this query $('.textfield').each(function() { ... }); How do i find the parent form? a) jQuery('form').contains(this); b) jQuery(this).parents('form').. ? What is the best and fastest way?
[jQuery] copy highlighted from a div
hi all I need to copy to clipboard a highlighted text selected from a div, can i do this with jquery? can you help me with a sample? Thank's in advance
[jQuery] Complex(ish) table formatting code not working in Firefox 2
Hi, Not sure if this is a bug or not, but Firefox seems not to properly apply a series of class names. Here's the example http://www.logicbox.net/jquery/pricetable/short-css.html with a 'console.log' to fix the firefox rendering. http://www.logicbox.net/jquery/pricetable/short-css-firefox-fix.html Thinking that this might be to with specificity I did a version with more verbose CSS. http://www.logicbox.net/jquery/pricetable/verbose-css.html http://www.logicbox.net/jquery/pricetable/verbose-css-firefox-fix.html
[jQuery] SITE: miss-diet.com is using jQuery
hi all, just wanted to inform that the site www.miss-diet.com is also use jQuery. well it use it with prototype also. use of plugins like Block and Interface. for the sake of honesty i have to say that i work in the company that built this site. Gen.
[jQuery] File and media managers plugins?
Hi! Are there any file or media manger plugins for Jquery? Thanks
[jQuery] jQuery in latest Sitepoint Design View
Got the Sitepoint Tech Times newsletter last night and in it there's a rather cool tutorial on using jQuery to create a page turning widget: http://www.sitepoint.com/newsletter/viewissue.php?id=5&issue=35&format=html Ironically (I guess), it's being used to promote their book Simply Javascript which I don't think actually involves jQuery at all, but hey. Cool tutorial. :) Regards, Michael Price
[jQuery] [ANNOUNCE] Check Out dzone.com for jQuery Articles
Many of you may not be aware of a news aggregator called dzone.com. dzone is a jQuery-powered site which offers links to awesome development postings and stories and allows you to vote for these stories in much the same fashion as you would on Digg (also jQuery-powered). The big difference is that Dzone is technology-specific and offers complimentary options such as the dzone Snippets source code repository, dzone Jobs, EclipseZone (Eclipse IDE community) and much more. There's a wealth of information
[jQuery] SITE: American Eagle (ae.com)
Just noticed that American Eagle's website ae.com is using jquery. A quick glance shows they are using the form plugin, interface, and dimensions. Another feather in the jquery teams hat :)
[jQuery] But with the function slideToggle in IE 6 on Windows
If I use this function: ... $('fieldset#box').slideToggle('fast',function(){$ ('input#title').focus();}); ... In IE 6 when we give the second click in the element, this browser return an wrong says that it´s impossible to set the focus in an object that isn´t visible. So, all the functions break. It´s a bug in jQuery especefically in IE? Cause in FF and Opera is normal.
[jQuery] dev tip: poor man's plugin debugging
Hi, all! The past week i've written 4 plugins and i would like to take a moment to share a tip which i've found useful while working on them. In each of my plugin functions i optionally create a "debugging area", a DIV element which i use to write debug info to: jQuery.fn.initConfirmer = function(opts) { if( ! opts ) { opts = []; } var self = this; self.opts = jQuery.extend({ ... debuggering:false }, opts); self.dbgdiv = null; function dbg(msg) { if( self.dbgdiv ) self.dbgdiv.prepend("Confirmer
ANNOUNCE: SF jQuery Meetup and Ajax Experience
Hey everyone - Here's some upcoming events in San Francisco, relating to jQuery: SF jQuery Meetup http://upcoming.yahoo.com/event/220122/ On July 26, we are taking the opportunity to invite everyone in the jQuery community to meetup at the Gordon Biersch San Francisco Brewery for drinks appetizers and debugging. We are open source, so BYOCC (Bring Your Own Credit Card). Venue: http://upcoming.yahoo.com/venue/7961/ Yehuda Katz has special jQuery SWAG for the first 25 jQueriers to buy another member
[jQuery] Behavior Problem
I added "addClass" to the behavior class, so it will recall the behaviors when addClass is called.. but they spans start out as ".codeNumbersRow" then you click on it and it runs the function turns it into ".codeNumbersRowSelected", but for some reason when you try and click on it again it runs the ".codeNumbersRow Selected" behavior and not the ".codeNumbersRow" one like it is suppose to..?? $(".codeNumbersRow").behavior('click', function() { var lineNum = $(this).attr('id').substring(4);
[jQuery] TechSmith uses jQuery
Check it out: http://blog.jingproject.com/ Check the source or scroll down to see their sample video ala Thickbox. Great to see jQuery getting used more and more.
[jQuery] selectbox: change selected item
Hi, I don't know how to change the selected item in a selectbox. I tried this but it doesn't work as expected. HTML code: ========= <select id="id_cliente" name="cliente" size="1"> <option value="" selected="selected">---------</option> <option value="1">First</option> <option value="2">Second</option> </select> javascript code: ============ var cliente = 2; $('#id_cliente:nth-child(cliente)').attr('selected','selected'); any ideas? Thank you!
[jQuery] Compressed BlockUI plugin?
I found the BlockUI plugin download here: http://malsup.com/jquery/block/#download However, I didn't find a compressed version. Is there a compressed version available? If not, could I compress it myself somewhere? I am a little concerned about doing that because I know that compressing JS can sometimes break it. Thanks.
[jQuery] ANNOUNCE: Horizontal Accordion 0.51
<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:0cm; margin-bottom:.0001pt; font-size:12.0pt; font-family:"Times New Roman";} a:link, span.MsoHyperlink {color:blue; text-decoration:underline;}
[jQuery] IE ONLY warning on fadeIn
Hi, I keep getting an error in the IE browsers (6 & 7). A Runtime Error has occurred. ... Error: Can't move focus to the control because it is invisible, not enabled, or of a type that does not accept the focus. What I've got... I have five div areas on the page (only one div showing at a time). Each div has an associated tab (using a unordered list) above the divs area. The first tab is hidden by default because on page load the first div container is shown with an advertisment (e.g., flash ad)
[jQuery] Form in Thickbox window
I have a form with JavaScript validation. It is displayed in a Thickbox window and pulled from an inline div (initially hidden). For some reason, the JS form validation doesn't work. I believe it is because the ID or NAME attribute of the form elements are being changed somehow to create the Thickbox window? I went through Thickbox but couldn't find anything like that. Does it possibly duplicate the form elements and so the JS validation is looking at the original input ID? -- View this message in
[jQuery] Frequently Asked Questions (FAQ)
New wiki page: <a href="http://docs.jquery.com/Frequently_Asked_Questions">http://docs.jquery.com/Frequently_Asked_Questions</a> Just a few to start with. Please add any questions you've seen come up a lot. Going forward, if you see a FAQ come up on the mailing list or in #jquery and it's not on the page, please add it and then reply to the question with a link. Thank you. - Richard
[jQuery] ANNOUNCE: Horizontal Accordion 0.51
<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:0cm; margin-bottom:.0001pt; font-size:12.0pt; font-family:"Times New Roman";} a:link, span.MsoHyperlink {color:blue; text-decoration:underline;}
[jQuery] Autocomplete - form elements in IE
For the lastest version of the autocomplete plugin ( http://dev.jquery.com/browser/trunk/plugins/autocomplete/), I added the z-index: 99999 to the .ac_results class, but I'm still seeing other HTML elements float up above it in IE. Any help in this topic? I have included the plugin dependencies (below, bgiframe). What else may I be missing?
[jQuery] ANNOUNCE: Horizontal Accordion
<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:0cm; margin-bottom:.0001pt; font-size:12.0pt; font-family:"Times New Roman";} a:link, span.MsoHyperlink {color:blue; text-decoration:underline;}
[jQuery] IE Problems
I have a bit of code that works just fine in Firefox but does nothing Internet Explorer. Right now, I am using the JQuery tabs plugin, remotely calling a page that displays various links. These links are the links that I am using in my code. They use another page and return the results in a DIV. Here is the code I am using. $(document).ready(function() { // add markup to container and applier click handlers to anchors $("#racks a").click(function(e){ // send request $.post("buildRack.php", {rack_name:
Next Page