[jQuery] Preloaders, Ajax and Jquery
Hi all ! I'm quite a newbie to jquery and like very much using it in my everyday coding work. I'd like to implement some preloaders on my website. In fact, I have a number of blocks (divs) on one page and on loading it, I make an ajax call to my database and retrieves css preferences from an xml doc stored in a table. I then apply the css properties stored in the xml through jquery to my blocks. In fact the ajax call sometimes take a few seconds, so I would like to implement a preloader till the
[jQuery] datePicker: How to allow choosing dates in the past?
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type"> </head> <body bgcolor="#ffffff" text="#000000"> Hello, I am looking into using the super awesome <a href="http://kelvinluck.com/assets/jquery/datePicker/v2/demo/">datePicker v2</a> plug-in by Kelvin Luck, for an app that needs to be able to select a range from the past to the present. I am not clear on what the easiest way to do this is. Any advice
[jQuery] Ajax Experience in Boston ?
Any one going?
[jQuery] Swapping out an image map using jQuery
I have an image with an image map assigned -- which works properly. However, I have a second image map that needs to be swapped in so it overwrites the first image map. I'm using jQuery and .html() to insert the second image map, but when I mouse over the second image map it appears to be the first image map. I monitor the swap out using firebug and do see the first image map code get removed and the second image map code is added. However, the new image map hot spots never work. Do I need to do
[jQuery] question for klaus
Hi, I am a happy user of your tabs plugin... who isn't? But in my case, i had to have a feature where i can create new tabs on the fly and close open tabs as well. I managed to achieve this functionality (limited though) by tweaking and adding code to the right callbacks. Thanks for making it so flexible. I am aware that you are planning Tabs 3 in near future... But, i was wondering what features can i expect from that version ( a feature roadmap if u have one ) , and any dates that i can look upon.
[jQuery] Best (lightest) Accordian Menu PlugIn
Is anyone aware of a good accordian plugin. I have been using the one from Adobe (SPRY) and while its very flexible, it takes a lot of JS and its slow when there are a lot of menu items. What happens to mine is when you first load the page the accordian appears completely expanded. See http://www.whatbird.com/wwwroot/TAB_SEARCH.html I'd appreciate any insights. Thanks Mitch
[jQuery] Memory leak in slideToggle function
Here is my code and it shows a memory leak in firfox and I have not tested with ie. I am sure that there will be a memory leak. Here is my code and I am using jQuery 1.1.3.1-$Date: 2007-07-05 00:43:24 -0400 (Thu, 05 Jul 2007) ***********************************************/ <script type="text/javascript" src="../jscripts/jquery.js"></script> <script type="text/javascript"> $(function() { $("#BrowseStatics").hide(); $("#bs-toggle, #bs-toggle1, #bs-toggle2").click(function(){ $("#BrowseStatics").slideToggle();
[jQuery] If user clicks in one place OR another place OR another place...
I currently have this function that works perfectly: $("li[@rel='history']").click(function() But I want to add areas to this click event like this: $('li[@class^=productColor]').click(function() What's the syntax for this? Here's pseudo code for what I want to do if the above question is not clear: $("li[@rel='history']" OR 'li[@class^=productColor]').click(function()
[jQuery] Inserting text in a DIV
Can you insert text directly into a div from jQuery or does it have to be an element like a table that is inside the div?
[jQuery] javascript binding event to object method
I know when using addEventListener to "this" refers to the "owner" which is in this case the HTML element. The JQuery method "bind" seems to act similarly. Is there away to access the object that called the event handler also? Thanks
[jQuery] rowIndex property
I need to know how to access the rowIndex property of a row in a table and I want to assign that to a javascript variable: Something like: var a = $("#tableRow").????
[jQuery] Anything similar to IE's table.moveRow in jquery?
Haven't been able to find any documentation so far that talks about how to move rows around with jquery. Don't really need to sort the whole table...rather I want to move one row to another position. Can this be done?
[jQuery] where is thickbox reloaded ?
<!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=312171816-01082007><FONT face=Arial size=2>is it me or has this promising plugin completely disappeared from this side of the jQniverse? </FONT></SPAN></DIV> <DIV><SPAN class=312171816-01082007><FONT face=Arial size=2></FONT></SPAN> </DIV> <DIV><FONT face=Arial size=2></FONT> </DIV>
[jQuery] Ken Burns effects using jQuery?
Hello, Has anyone already made a Ken Burns effects slideshow powered by jQuery? I've found this one very nice, but made with Mootools, and I would not like having all JS libraries on my website... ;-) <http://www.electricprism.com/aeron/slideshow/> I don't need much, only a slideshow of photos moving and zooming in/ out randomly inside a div. Thanks! -Nicolas -- Nicolas "Brush" HOIZEY Clever Age : http://www.clever-age.com/ Gastero Prod : http://www.gasteroprod.com/ Photos : http://www.flickr.com/gp/38608514@N00/M1c002
[jQuery] 3D carousel?
<div>Has anyone done or know how to do a carousel like the 3D circular carousel in Flash in Amazon? It looks pretty cool. Forgive me if the link doesn't work for you but the carousel shows the best-seller books in a 3D circular carousel. </div> <div> </div> <div><a href="http://www.amazon.com/ref=topnav_gw_/105-7722567-3277224">http://www.amazon.com/ref=topnav_gw_/105-7722567-3277224</a><a href="http://amazon.com/ref=topnav_gw_/105-7722567-3277224"></a></div> <div> </div> <div>Fred</div> <div> </div>
[jQuery] blockUI question
I am using blockUI like modal window, it means that I load html page in the blockUI message. That works fine, however I have a problem now, because I need to block (when I am in the "modal") to show confirm message... Are there any way to block twice?
[jQuery] Check this, if you've got the time
Hey, all - Just finished my first jQuery/AIR app, and it works... mostly. I haven't figured how to make my title draggable yet, and it's not the most impressive game, but it's working. If you'd like to offer feedback, it's up as an HTML file at: http://tobias.parentleafarm.com/rebound.html or as an AIR file (unverified) at http://tobias.parentleafarm.com/rebound.air Todo on it: make the window draggable by the title bar, make a more playable (game-worthy) interface, and start building a jQuery-based
[jQuery] disable Effect queue
Hello, I am using effects (e.g. fadeIn & Out, slideUp & Down etc.) on a div triggered with a mouseover and mouseout event on a trigger-div. When the user starts entering and leaving the trigger-div with the mouse, jquery queues all effects and displays them one after another. I don't want jQuery to queue the effects. When the user leaves the toggle-div before the onmousover-effect has finished it just should override it an start with the onmouseout effect. How can I achive this? Thank you in advance
[jQuery] How to add or delete branches in Treeview ?
Dear Please guide me how to add or delete branches/folders/childs in treeview during run time ? I shall be very much obliged for this guideline. Thanks.
[jQuery] What does === equate to?
I am getting a exception when jquery is processing a successful ajax call on line 339 of the most recent release: if ( fn.apply( obj[i], args || [i, obj[i]] ) === false ) break; The error is that fn is void, and the onreadystatchange function, catches the exception and changes the status from success to an error. I am trying to dissect why this is happening (the responseText is fine) and cannot figure how what the heck === is.
[jQuery] Before automatically closes tags...?
I'm trying to enclose sections of the dom with a DIV tag. Basically I want all elements between headings (and including the top-most heading) enclosed in a DIV. My approach is to scan through the DOM, find a header tag, insert an opening DIV tag, continue scanning until I hit the next header, close the prior div, and open a new div tag. Thus: <h2>heading 2a<\h2> ...html tags... <h3>heading 3a<\h3> ...html tags... <h2>heading 2b<\h2> ...html tags... Becomes (indent added for clarity only): <div> <h2>heading
[jQuery] Drag and Drop links
Hi Folks I am trying drag and drop links from treeview plugin to a input box. or any link (no matter) When I try do this the input box receive the href. and title Ex: <a title="Natural Gas Distribution" href="/final/24360">Natural Gas Distribution</a> So in this case my input box will receive <a href="http://localhost/final/24360">http://localhost/final/24360</a> Natural Gas Distribution Even if I change my link and remove href or just insert my text. <a href="Natural Gas Distribution" title="Natural
[jQuery] Safari: Elements within overlaying Div not recognised
Hi, Im currently working on a web app which has a feature where a user can click a button which brings up an image gallery in the form of a div which overlays the page until the user selects an image, at which point the gallery is hidden again. This has so far worked perfectly in Firefox and IE but today I began testing with safari and I'm running into the following issue. The Div is displayed as normal when the gallery button is selected but once the div is visible, none of the images within the
[jQuery] Adding 1px border to a TD
Hi, don't know if is a jquery related problem, but can you help me? I've a table, like this: <table> .... <tbody> <tr class="record"> <td class="new"> Test </td> <td class="old"> Test </td> </tr> </tbody> </table> Then in my js: $(".new").hover( function() { $(this).addClass("hover") }, function() { $(this).removeClass("hover") } ); my hover class is .hover { border-bottom:1px solid red; } I can see in firebug the class in the markup, but the border doesn't appear. If I add in the markup the class
[jQuery] Form Plugin and IE 7
Hi, I have some problems with <a href="http://www.malsup.com/jquery/form/">form plugin</a> in the IE 7. The form, doesn't submit with ajax submit, the form submit like a normal form. In Firefox is all Ok. Can Someone help me?
[jQuery] Ajax Setup Questions
I need to have a global behaviour for ajax call. I have next code: jQuery().ajaxSuccess(function(request, settings){updateCounter ();}); jQuery().error(function(request, settings){alert('APLICATION ERROR\n '+settings.url);}); jQuery.ajaxTimeout(120000); - Ajax Success works fine. - I don't know how provoke and error to execute error function.... Any suggestion? - TimeOut: When time out event is fired, error function should be executed or there is any way to specify which function should be fired?
[jQuery] How to get font size in pixels?
When I use $("h1").css("font-size") it differs across browsers. Firefox returns it the way I want (in pixels), but Internet Explorer it returns it as returned from the stylesheet (so it could be % or em). How can I then convert the %/em value into pixels? I am doing image replacement (byt getting the text and passing it onto a server side image generation web handler) and as a result the font size is 76px rather than 24px (due to using var fontSize = parseInt($this.css("font-size")))
[jQuery] Problem with Interface > droppable > onhover
I have a problem with whis: $('#drag').Draggable(); $('#holder .dropzone').Droppable({ accept : 'dropaccept', activeclass: 'dropactive', hoverclass: 'dropzonehover', tolerance: 'pointer', ondrop: function (drag) { alert(this); //the droppable alert(drag); //the draggable }, onHover: function(drag) { alert(this);
[jQuery] Collapsible Menu radio buttons problems in IE7
Hello all, I just want to first say I'm pretty new to jQuery and so far love it. Now with that said I have a problem when using Radio Buttons in a Collapsible Menu. When you collapse the menu and re-open the section, the Radio Button(s) that were selected disappear, that is in IE7. Mozilla seems to work just fine, but I need this to work in IE7 as well. Below is a very simple example that you can copy and paste to see exactly what I'm trying to explain. Thanks for the help, Matt <!DOCTYPE html PUBLIC
[jQuery] Why does this code always delete the last element in the list
no matter which delete button is clicked? Please ignore the verbose code; it's a result of trying to figure out what is going on. Once this list is loaded, whenever I click on any deleteButton, it sends a post request with the item id of the last item in the list. Then the last item is deleted from the database and from the DOM. The first console.log shows the proper item id, when the click handler is added. But the second console.log shows the last item id added to the DOM. I'm guessing it has something
[jQuery] SITE SUBMISSION - www.fulltiltpoker.com
<!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.6000.16481" name=GENERATOR> <STYLE></STYLE> </HEAD> <BODY bgColor=#ffffff> <DIV><FONT face=Arial size=2>I noticed yesterday that the premiere poker site with all the biggest stars is relying heavily on jQuery: <A href="http://www.fulltiltpoker.com">http://www.fulltiltpoker.com</A></FONT></DIV> <DIV> </DIV> <DIV><FONT face=Arial
[jQuery] Form plugin returned XMLHttpRequest
Hi, is there a way how to access XMLHttpRequest (it's headers) returned after submiting ajaxForm? Thanks
[jQuery] Best practices for dynamic form creation?
Hi. New to jQuery, and am playing around with it, building a simple list application in order to learn how to use the Ajax tools. Currently, a user can add an element to the list, and it is stored in the database using Ajax and then added to the DOM on the fly. The next stage is adding delete buttons to the list elements. Now, given my approach, it seems that for each list element I will have to: (1) Write out the delete form on the fly (2) Find the just-written delete form (3) Ajaxify the delete
[jQuery] [NEWS] jQuery Books on Dzone
Ajax Magazine has a nice writeup on the two latest jQuery books by Jonathan Chaffer and Karl Swedberg. Be sure to check it out. http://ajax.phpmagazine.net/2007/08/two_new_jquery_books_released.html
[jQuery] bookmarklet iframe question
<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] jQuery & Tables
Evening all, I'm trying to get a spreadsheet-like table going (http://skorpion.geek.nz/cost_process) and want to have the green cells populatated with input fields (from there I'm going to work out the math in the red cells). Rather than manually add all the input fields I figured I'd use jQuery to do it, which worked - except I can't seem to get the width part right (I need the width of the input field to be the width of the cell). Anyone got any suggestions? It's late and my mind's gone blank for
[jQuery] textarea maxlength plugin
does anyone know of a jquery plugin that would allow me to set a maxlength attribute on a textarea? -- View this message in context: http://www.nabble.com/textarea-maxlength-plugin-tf4193495s15494.html#a11925609 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Is there a simple way?
<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] Is there a simple way?
(I'm not sure this got though so excuse me if I am sending it a second time) Klaus this is FANTASTIC. Its way way way better than settimeout because the chained list of events is to easy to understand. I think your example at learningjquery is really neat but it's a little obscured by the other neat trick of insert HTML right after a click via insertion. That in itself deserves its own page but the use of animate as a delay timer is really awesome. I could not understand the example before I knew
[jQuery] Fx Bug: SlideUp/SlideDown - Height Toggle - Accordion
Compare: http://openrico.org/demos?demo=accordion (based on Prototype) To: http://jquery.bassistance.de/accordion/?p=1.1.2.5 (based on jQuery) You'll notice the Prototype version does not bounce at all. The jQuery version does. Yes you can set a height so it doesn't effect the rest of the page, however you'll still see the accordion itself bounce. It does this with every effect that toggles the height and I haven't seen one accordion plugin using jQuery that doesn't bounce. If you just use Show and
Next Page