[jQuery] Starting with jQuery HELP
Hi I am trying to make a simple rollover system where the user rolls over an image and a corrosponding div shows after the exsiting div disappears in a container div. Basically the problem is I cannot seem to find code how this can be done. I can show the required div but it keeps sliding down when I hover. How can I check if the required div is already show and by doing so not procede with the slide down Please see code below <script type="text/javascript"> $(document).ready(function() { $('div.information
[jQuery] Curvy Corners in IE7
Has anyone else had any trouble getting the curvy corners to look right in IE7? For me, the line work doesn't match up in either IE6 or 7. It's not unexpected in 6, but I'd hoped I could get it to look right in 7. Here's what I have: $( document ).ready ( function() { $( '#notice' ).after ( '<p id="countdown">The fair begins in ' + daysToFair() + ' days.' ); var caption_corners = { tl: { radius: 10 }, tr:
[jQuery] Auto-populating Select Boxes using jQuery & AJAX
Remy wrote this: http://remysharp.com/2007/01/20/auto-populating-select-boxes-using-jquery-aj ax/ And I used the example to a T. what I didn't notice is that in the example and now my code, the last option is always selected. I even change this line: var options = ''; To var options = '<option value="" selected>-Select-</option>'; But it still results in the last option being the default selected. Any insights on how to fix this? I know I can do the whole document.formname.myselectfield[0].selected
[jQuery] Am I missing something?
<!-- Before bargraph plugin is applied --> <div class="graph"> 22 </div> <div class="graph"> 89 </div> <!-- Fairly basic function --> jQuery.fn.bargraph = function() { return this.each(function(){ var temp = $(this).text(); var span = '<span>' + temp + '%' + '</span>'; var bar = '<strong class="bar"></strong>'; $(this).html(span); $(this).find('span').wrap(bar); $(this).find('strong').width(temp+'%'); }); }; <!-- What I end up with --> <div class="graph"> <strong class="bar" style=""> <span> 22 %</span>
[jQuery] NEWS: Another Top Site Goes to jQuery
Dzone.com, one of the top tech news aggregators, has recently redesigned their whole site. The big news is that they've chosen to incorporate jQuery for this redesign! I'm still gathering specifics but I do know that John Resig, project lead for the jQuery project, assisted them during the integration of jQuery. Let's welcome DZone to the ever-growing list of jQuery-Powered sites. http://www.dzone.com/ Rey... -- BrightLight Development, LLC. 954-775-1111 (o) 954-600-2726 (c) rey@iambright.com http://www.iambright.com
[jQuery] css image caching with jquery
Hi again, Thanks for the help and explanations with the google maps, thats all working beautifully now. As my first time out using jquery I've set up a blend effect for the css background image of the website I am working on however on occasion the images aren't ready immediately even after theyve been loaded previously, in moz at least. I've found this caching plugin [1] however i'm not sure how to proceed to make it work with css images. My concern is that the images are large and loading them
[jQuery] jQuery breaks with LiveGridPlus
Hey everybody, I've been searching for an animation library to use along side the LiveGridPlus implementation from http://dowdybrown.com/ (based on the Rico LiveGrid). Anyway, I can get jQuery set up to do what I want it to by including it first, and then the prototype library that LGP needs second, and using the noConflict method. When I don't include the main rico.js file that comes with LGP everything works just like it should. However, when I include the rico.js file from LGP my jQuery animations
[jQuery] Trick to pass input file
Hi I am trying upload without refresh so I tried http://the-stickman.com/web-development/javascript/upload-multiple-files-with-a-single-file-element/ Works like a charm but: Browser Peculiarities * Internet Explorer and Netscape do not use the VALUE attribute as the default contents of the input area. Any default value set via HTML is not usable via scripting and the DOM as well (hence it is not listed as 'supported' in any of the browsers.) If a user enters text in the field however, that value
[jQuery] Sort a table when a button is pressed
Hi. A friend of mine is using the tablesorter plugin on one of the tables on the page. He needs to sort a column when a button on the page is pressed. That is, not the header of the column, but a completely separate button on the page. How can this be achieved? Thank you
[jQuery] blockui timeout
How could I use settimeout on block so that blockui will goway after a certain amount of time?
[jQuery] new plugin - columnManager
Hey all, I've created a plugin to toggle the visibility state of whole table columns (collapsing and expanding them). Also it can remember the last state using the cookie-plugin. Maybe you want to take a look: http://p.sohei.org/jquery-plugins/columnmanager Any feedback is appreciated! Cheers, /rw
[jQuery] Masked Input Plugin Beta 1
The feedback from the Alpha release of my plugin was very good, but several of you pushed me a little to make it better. With the help of some paste events from Kristinn Sigmundsson and a lot of scouring the internet for information about cross-platform key handling, I think I have a much improved version. This release includes the following: * Fixed issues with allowing punctuation on number masks. * Added validation cleanup of text. Example: pasting in “123-456-7890″ into a “(999) 999-9999″ mask
[jQuery] Test post from outlook
<!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> <P><SPAN class=565135014-03042007><FONT face=Arial size=2>Please ignore.</FONT></SPAN></P></DIV> <DIV> </DIV> <DIV align=left><SPAN style="FONT-SIZE: 14px"><B><FONT face="Century Gothic"> <DIV align=left><SPAN class=159130414-05012007><FONT face=Arial size=2><SPAN class=159130414-05012007><FONT
[jQuery] Now it seems that I can't post to the list from OUTLOOK
Last week I was having trouble posting to the list via Google's Groups interface. No biggie since I hardly ever use it. Now it appears that I can't send to the list via Outlook. I submitted two posts yesterday and neither of them came through into my inbox. Anyone have any ideas? Do I need to change settings in Outlook to get these emails to go through? andy matthews
[jQuery] Google Maps Plugin
Hello, This ones for Dylan Verheul, I'm using your google maps plugin to populate a map with various markers. I was just wondering about adding the GUnload() function. I've added this to the bottom of the $.fn.googlemap bit: $("body").bind("unload", function(){ GUnload(); }); That should do the trick right? Cheers, Rob
[jQuery] Dealing with incremental page rendering and ready events
Hi folks, I'm trying to solve a severe performance issue I'm experiencing in an enviroment that heavily uses incremental page rendering. I have several parts on one page that are basically independent, but to apply any JavaScript to one of those parts (actually jsr168 portlets on a websphere portal) I currently rely on jQuery's DOM ready event, which is simply too late, causing ugly rendering issues. Now I stumbled about this blog entry by Ben Nadel: http://www.bennadel.com/index.cfm?dax=blog:583.view
[jQuery] Plazes on TechCrunch
So here I am looking at an article on TechCrunch and what do I spy?!?! Klaus Hartl's baby being announced in an ad! Always good to see a jQuery-Powered site taking off to the point where they're buying ad space on one of the most popular Web 2.0 news sites on the Net. Congrats to Klaus and the whole Plazes crew. Rey... -- BrightLight Development, LLC. 954-775-1111 (o) 954-600-2726 (c) rey@iambright.com http://www.iambright.com
[jQuery] Difficulty with Corners
I haven't had enough sleep lately and corners (jquery.corner.js) are completely kicking my ass. I have an image for which I'd like to put a small caption. I'd like that caption to be inside of a white div with rounded corners and a 1px black border. I can't seem to find the right combination of classes and javascript to make the magic work. I have: $( '.caption' ).corner ( 'round 10px' ).parent().css ( 'padding', '1px' ).corner ( 'round 12px' ); and .caption { background: #fff; padding: 10px;
[jQuery] Thickbox issue
Hello, I got a little issue with the thickbox plugin; this is the code I got: <code> $('#selview a').click(function() { var ajax = Ext.get('browseView').load({ url: 'view.php', scripts: true, params: 'v='+this.id, text: 'Please wait - loading view...', update: TB_init() }); }); </code> I'm getting a list with images back using the above ajax called - now I like to apply the thickbox behaviour to those images - all links have the css class "thickbox".
[jQuery] Badly need help with ajaxForm/validator
I've been working on this for three days and can't for the life of me figure out the best solution. I have a login area on every page. My (old but working) code is the following: $("div#login input#login_btn").click(function() { $.ajax({ type: "POST", url: "/users/login.php", data: ("login=1&username=" + username + "&password=" + pw), dataType: "html", success: function(msg){ window.location.reload(true); }, async: false }); return false; }); Note that I don't
[jQuery] got 2 bad http request when load jquery in ie6
i use http watch for test my web site and i got 2 line of bad request after jquery,: 00:00:00.045 0.017 * GET (Error 0x57) * http://:/ 00:00:00.063 0.000 * GET (Error 0x57) * http://:/ and it also happened when i watch jquery.com is this a bug?or something else?
[jQuery] Explain this,please.
Hi guys, I'm having problems within the callback function processXML in the following code: It works this way: function processXML (xmlData){ $('div#days1').text($("items>item>days",xmlData).text()); $('div#total1').text($("items>item>total",xmlData).text()); } not this way: function processXML (xmlData){ var days1=$("items>item>days",xmlData).text(); var total1=$("items>item>total",xmlData).text(); $('div#days1').text(days1); //$('div#total1').text(total1); }
[jQuery] id or class
<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] Safari Problems
I have a basic html page that includes a couple links to media files. I've set the href of those links to actual mp3s. Through jQuery (version 1.1.2) I've added click handlers to these links that will sometimes return false, based on a few cookies the user may have. The reason I don't use the hash mark (#) in the href is because I want the site to degrade smoothly if javascript is off (meaning the media links will still work). This all works great in IE and Firefox, meaning a user click will be stopped
[jQuery] jQuery in server side language?
Anyone think that it would be great to use jQuery in server side? such as grab html from remote server, and process the html elements using jQuery, any idea? _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Multiple image checking in AHAH content BEFORE $(DOM).load(HTML)
Hey, {Sorry for my lousy english, it's not my first language.} First of all, i'd like to excuse my bad manners to come posting without first introducing myself to the list (but i can remedy that soon enough): I found out about jQuery last year while a friend tried to convince me to move away from typing "document.getElement...." thousands of times and showed me the jQuery website. It was still the black, really simple website there was before. I didn't give that much attention, but this year i'm
[jQuery] Packer version 3.0
Hi guys, I know that many jQuery users use packer to compress their scripts/ plugins. To help ensure the quality of packer I would appreciate a little help from the jQuery community. :-) Could you try re-compressing your scripts with the new version to make sure I haven't introduced any new bugs? It would help me sleep at night. ;-) cheers, -dean
[jQuery] Trouble with selecting dynamicly made div's using blockui
I am trying to select different divs, each is given a unique id and im using this to apply a effect to it function BlockLog(id) { $(id).click(function() { $('#blockMe').unblock().block('<h1>Processing...</h1>', { border: '3px solid #a00' }); }); } with this to call it <a href="#" onClick="return BlockLog('BlockLogin1')">Your Turn</a> with a div like this <div id="blockMe">test</div>
[jQuery] Seperate Ajax
Hi all, I hope you can help. I have a page where i am trying to make two seperate ajax calls. and as such in the document.ready code i have 2 seperate ajaxStart function depending on which div's need updating: $("#diva").ajaxStart(function(){ $("#diva").prev("img").attr({ src: "images/busy.gif" }); }); and $("#divb").ajaxStart(function(){ $("#divb").prev("img").attr({ src: "images/3MA_processingbar.gif" }); }); However, when the ajax call starts, both div's fire up their respective ajaxStart animated
[jQuery] jquery.treeview in Safari
Greetings, Anybody else having problems with the jquery.treeview plugin in Safari ? For example, when using the test page from the latest svn: in the 'Sample 1 - default' tree, collapse 'Folder 2' then expand it again: boom, the 'Subfolder 2.1' node is not collapsible anymore. This apparently happens only if 'Subfolder 2.1' is expanded when you collapse 'Folder 2', if it's collapsed then it can be expanded but then it won't be collapsible anymore. Thanks for any help. -- Luc Heinrich
[jQuery] jquery.cookie.js: units for expiry time and null value for cookie deletion
I'm using the jquery.cookie.js plugin from the jQuery SVN and I adjusted it (see patch below) to allow me to... 1. easily delete a cookie with the (IMHO more intuitive) $.cookie("name", null) calls instead of the $.cookie("name", '', { expires: -1 }) calls. 2. specify the expiry time with units as in $.cookie("name", "value", { expires: "2m" }) instead of having to pass a full pre-established Date() object. I just want to share it here in case someone finds this also useful. Or someone of the jQuery
[jQuery] how to change a div
I have spent over and about 20 hours with a simple question. I have div and links inside the div and I need to change the div from links to another divs and then be able to return to the first div with a link... I have tried to make this from ten different tab menus, ajax, jqueries and what not tutorials and I just can't find the answer. If someone here can help me please do! many thanks!
[jQuery] Interface imageBox IE case
Hi guys, Normally interface imageBox works fine, However in this case http://www.khurshid.com/v2/ in IE throws errors and I am finding hard to find out what is causing it. It is very simple page. Thanks heaps. --Kush
[jQuery] Interface2
On http://interface.eyecon.ro/news paul write that "This is why we decided to start Interface 2, a non-compatible collection with many parts rewritten and a overall sense-making architecture. We will soon release first parts of it in a seperate section, but continue to update Interface 1. Check our news section again soon!". Is there any news on this? Abdul
[jQuery] Input box emptying / defaulting back
Hi all, (Sent this to discuss@jquery.com but never saw it turn up after that, trying again to the Google Groups address......) I'm looking for a piece of jQuery code that does the following: With a textbox (let's give it the ID of "#searchbox"), when it's clicked on or tabbed to, IF the value is the default value (e.g. "user, game, etc.."), the field should go blank. When the field is tabbed out of or otherwise unfocused, it should return to the default value ONLY IF it's blank. Thoughts? Regards,
[jQuery] interface imagebox overlay is not complete in FF
Hi, Interface imagebox does not form full overlay in FF, I mean once overlay appears it only covers area that is visible to you, the rest (once you scroll) is not covered in FF. Maybe you could find out how Mike Alsup goes around it with his blockUI. Here is the demo http://www.khurshid.com/v2/ --Kush
[jQuery] PerlJQuery
I have released PerlJQuery V1.02, a Perl interface to jQuery. It implements Accordion, ClickMenu, Forms, Pane Splitter, Tabs, Taconite (Ajax), TableSorter, and Treeview. More are on the way.... Find it on: http://search.cpan.org/~peterg Peter
[jQuery] Using jQuery with Ext
I'm working with the latest Ext alpha and jQuery to create a paned UI and I want to load an external URI into one of those panels. I've got the layout nicely set up and I'm trying to get that URI to load via AJaX. There's not a lot of documentation I can find about that, so I'm winging it. I'm not having much success. The layout is loading on Ext.EventManager.onDocumentReady(). To load the panel, I'm trying: $(document).ready ( function() { $('#panel-bottom').load ( 'http://www.myuri.com/index.htm'
[jQuery] error - setting a property that has only a getter
Hi all, I was making some changes to my css file and now jquery.js throws a wobbly in firefox and refuses to work even though it's just . How is it even possible? Anyway can anyone tell me what the error message 'setting a property that has only a getter' means? it comes up in firebug even when it's only the jquery.js file im including... please help! Oh yeah, it still works in MSIE for a change... Cheers, Rob
[jQuery] Unexpected behaviour when using fadeTo
Hi there, using this code $("img").hover(function(){ $(this).fadeTo("fast",.3); },function(){ $(this).fadeTo("slow",1); }); I'm getting a pretty unexpected behaviour, I think this is because the fadeTo is setting the css property of whatever it's fading to block, is this so? Anyone know how I can work around this problem? Am I maybe doing something wrong? Another thing I noticed in this very simple test is that this code queues the animation, so moving the pointer back and forth over it quickly
Next Page