[jQuery] how to disable a handler with a click
<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] jEditable custom inputs
Many times simple select or textarea is not enough. I have been working recently in adding possibility to write custom input types for jEditable. It is all better explained in my blog post. Also check example custom inputs in second url. http://www.appelsiini.net/~tuupola/913/custom-input-types http://www.appelsiini.net/~tuupola/jquery/jeditable/07_input_types.php I would like to get some feedback about the API. Does it feel intuitive etc? Anyway this enables some pretty cool things as inplace editing
[jQuery] Testing in old versions of Safari
Does anyone have a good way of testing jQuery in old versions of Safari that does not involve installing multiple copies of the Mac OS? I upgraded a high-traffic site from jQuery 1.1.2 to 1.1.3.1 and tested the change in the major browsers, including Safari 2.0.4. However, users of older versions of Safari, such as 2.0.0, are claiming that their Web browser now crashes on our site. I would like to test the code in various versions of Safari, but installing multiple copies of the OS isn't a very efficient
[jQuery] [Announce] jQuery-powered site featured on ajaxian.com
<HTML><BODY style="word-wrap: break-word; -khtml-nbsp-mode: space; -khtml-line-break: after-white-space; ">Hey everyone,<DIV><BR class="khtml-block-placeholder"></DIV><DIV>Just wanted to let you all know that marketo.com has been featured on ajaxian.com today:</DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN><A href="http://ajaxian.com/archives/marketo-marketing-automation">http://ajaxian.com/archives/marketo-marketing-automation</A></DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>from
[jQuery] Cookie management with jquery and json
Hi People, I would like to know whether some of you have information about cookie management with jquery and json. In fact, for the moment, I have a function that returns a js hash table containing information about each box ( its column number and rank in the column) on my page. The boxes are draggable. For instance : temp["news"] = [2,3] => This means that the div with name news is found on the second column and is in the 3rd position in that column. So I would like to store this information in
[jQuery] Noob syntax question re toggle between css attributes
Dear all, I've been faffing with this thing all morning. The more I faff, the closer I get to using getElementById. The following should toggle the background colour of a submit button's parent (a containing 'span' tag pair set to display:block) I am obviously missing something very simple. $(".doSetSelect").click(function(event) { if ($(this).parents(".def_set").css("backgroundColor") == "rgb(238,238,238)") { $(this).parents(".def_set").css({backgroundColor: "rgb(255,255,255)"}) } else {
[jQuery] Hover accordion (as on apple.com)
My company redesigns a web site. Our head designer (as apple fan) decided to put nasty inverted hover accordion on new site. So, yesterday I started to develop a prototype: http://www.bydot.net/hoveracc/hoveracc_1.htm Structure is: <ul> <li> <div class="omot"> <a class="naslov_stavke">Naslov stavke 1</a> <div class="sadrzaj_stavke">Sadrzaj stavke 1</div> </div> </li> <li> <div class="omot"> <a class="naslov_stavke">Naslov stavke 2</a> <div class="sadrzaj_stavke">Sadrzaj stavke 2</div> </div> </li>
[jQuery] anyone can execute this simple XML code?
d.xml --------- <?xml version="1.0" encoding="UTF-8"?> <entries> <entry term="DANCE" part="v.i."> <definition> 123 </definition> </entry> </entries> -------- d.html --------- <script language="javascript"> $(document).ready(function() { $.get('d.xml',function(data) { alert(data);//ok $(data).find('entry').each(function() { alert('find'); }); });
[jQuery] Toggle visibility on an entire table column?
<!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.16481" name=GENERATOR></HEAD> <BODY> <DIV><SPAN class=654431314-07082007><FONT face=Arial size=2>I haven't tried this yet but is it as simple as assigning some sort of selector and show'hide -ing the resulting query object?</FONT></SPAN></DIV> <DIV><SPAN class=654431314-07082007><FONT face=Arial size=2></FONT></SPAN> </DIV>
[jQuery] Looking for correct Jquery AJAX statement
Hello everyone, I want to translate this var chk1 = document.getElementById('city').value + '*' ... var string= '<iframe name="cwindow" style="border:0px solid purple" width=980 height=1500 src="s30.php?id=' + chk1 + '"><\/iframe>'; into $("#feeds").get(chk1); or $("#feeds").get("s30.php?id=' + chk1 + '"); or $("#feeds").get("s30.php", { id: chk1 }) Which jquery expression is correct? Than you for help
[jQuery] CSS Autocomplete
A little while ago I found an autocomplete demo that resulted in the following: http://www.dev411.com/images/articles/200607/autocomplete_jquery_200.png I believe the example code was posted at this link which I can't reach at the moment. http://proj.jquery.com/discuss/2006-July/003050/ Is proj.jquery.com still around? Is there another example on how to style autocomplete results? Thanks, -- John Wang http://www.dev411.com/
[jQuery] Add class to specific list items
Hi all, I'm guessing this is really easy in jQuery so enlighten me - given a list of, say, ten items, I want to leave the top six items unstyled, but add a class to any below number six - in order to highlight, in this specific case, that only the first six items will be used, and from seven downwards don't count. So that's the question - how do I add a class to the seventh and all further list items? And is it easy to wrap into a function? This list is being sorted via drag and drop so it would
[jQuery] Bind multiple events at ocne
<!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=687564713-07082007><FONT face=Arial size=2>hi!</FONT></SPAN></DIV> <DIV><SPAN class=687564713-07082007><FONT face=Arial size=2></FONT></SPAN> </DIV> <DIV><SPAN class=687564713-07082007><FONT face=Arial size=2>i thought binding multiple events at once was possible, but apprently
[jQuery] Love It
Love the hover accordion, much slicker than making the user click the heading to expand.
[jQuery] Keyword Search for Plugin Repository
The new plugin repository is great, but it's in dire, dire need of a keyword search feature. - jason
[jQuery] 1.1.1.3 - 1.1.2 differences on memory cleanup
Hi List, I was comparing jquery-1.1.2 against jquery-1.1.3.1 on its behavour with memory usage and especially cleanup. I found that objects (in this case images) created with jquery were automatically released in jquery-1.1.2, not even needed to call $("img").empty(); With jquery-1.1.3.1 this behaviour is gone. Also $("img").empty() does not lead to reduce the amount of memory used by e.g. Internet Exploder. sample code voor one image. $("<IMG>").appendTo("#viewport") .attr({ id: map + "A", src:
[jQuery] Associate an event handler to an element out of $(document).ready
Hi JQueriers, I have a question for you. Well, my problem is the following: In .js file and inside $(document).ready, I have the following code: $(document).ready(function() { .... $('#menu').find('a').eq(0).click( function () { $('#content').load('html/senas_identidad.html'); } ); ... Well, when I click on the first link of the menu div, the hmtl file "senas_identidad.html" loads correctly inside the content div. The content of "senas_identidad.html" (stupid content)
[jQuery] Ajax with jquery, $.post or $.getJson
Till now I used a function I write myself to send via post the vars from client to server, and then (in the php file) I compose a json object to resend to the client, and I evaluate it. Now I'm tryng jquery, and I'm taking a look to: $.post (with this one I can continue sending data from client to server via post, but I've to evaluate the returned object). $.getJson(with this one I can't send data from client to server via post, but I don't have to evaluate the returned object). It doesn't exist
[jQuery] Finding the parent/context of dynmically executed script
Hi all, I have the following file loaded by calling $.ajax <div>This html is loaded dynamically <script> alert('Script executed from the loaded sample'); </script> </div> The script executes fine and the callback from $.ajax works. My issue is that I would like the loaded script to attach to the object that loaded it. I modified the callback as follows; var self = this; $.ajax({url: urlToLoad, dataType: 'html', success: function(data) { self.ContentReceived(data,self); } }); Which means in my callback
[jQuery] Behavior plugin doesn't with with $.ajax methods (.load, etc)
Hi all Just a quick note - the behavior plugin doesn't work with any method which fires the $.ajax method - $.load, $.post, $.get, etc. - when using the latest jQuery (1.3.1.1). Thought I'd mention it as the FAQ is a little miss-leading: <http:// docs.jquery.com/ Frequently_Asked_Questions#Why_do_my_events_stop_working_after_an_Ajax_request. 3F> $('a').behavior('click',fn); $('#mydiv').load('my.html'); The above doesn't work. I modified the test.html file that comes with the plugin to test the .load
[jQuery] jCarousel and jQuery 1.1.3.1
Did anybody manage to make jCarousel 0.2.0 work with jQuery 1.1.3.1? Is this possible or jCarousel isn't compatible with the newest version of jQuery at all? Many thanks, JanJ
[jQuery] Need help 're-stripping' a table
I am trying to remove a row from a table and then re-strip it as follows: $('#rowid').remove(); stripeMe(); But I can't get this to work. Either re-striping isn't working or the row isn't being completely remove. Help!
[jQuery] Trouble with Klaus Hartl's Tabs Plugin Customization... even possible?
Hello everyone, I got the tabs plugin by Klaus Hartl working about 1 hour ago, and since have been trying to change some basic things about the way it works, starting with the button image and the size. I took a brief look at the source and i see the background is just a simple image. Now when I open up that image in photoshop, I am confused. I sort of see how the plugin is setting the background image, but I am used to just using the css property background-position to change the state of a button,
[jQuery] Problem with jQuery + Dimension plugin + Autocomplete plugin + Float
Hi! I am using jQuery with the autocomplete plugin. Everything was right, but I had to float the div, which contains all input components, so the result div of the autocomplete became crazy about finding its position. So, I downloaded the Dimensions plugin, and the following is happening: In Mozilla it works fine, and the offset function gets the same results as the autocomplete built in findPos function. But in explorer, in order to position the window properly I had to call dimensions.position()
[jQuery] Announcement: new plugin: TogglePane
Yo! http://jquery.com/plugins/project/TogglePane Only 719 bytes MIN'd. :D Many thanks to: a) Joern Zaefferer for his Accordion plugin, which inspired this plugin. b) John Resig for naming it. Well, and of course for writing jQuery. c) Karl Swedberg, for his article which made this plugin possible: http://www.learningjquery.com/2007/02/more-showing-more-hiding Happy Hacking!
[jQuery] Trouble with Klaus Hartl's Tabs Plugin Customization... even possible?
Hello everyone, I got the tabs plugin by Klaus Hartl working about 1 hour ago, and since have been trying to change some basic things about the way it works, starting with the button image and the size. I took a brief look at the source and i see the background is just a simple image. Now when I open up that image in photoshop, I am confused. I sort of see how the plugin is setting the background image, but I am used to just using the css property background-position to change the state of a button,
[jQuery] request: need help naming new plugin
Hi, all! i just put together an accordion-like plugin based off of this Karl Swedberg's article: http://www.learningjquery.com/2007/02/more-showing-more-hiding The difference from other Accordions is that it does not enforce "Highlander Behaviour". That is, it does not force only one of the panels be opened at a time - any number can be opened or closed. The problem i'm having is the name... Ideas i've got so far are: - Slinky. i like this one, but i'm worried about trademark infringement. (For those
[jQuery] .ajax error function
My .ajax call is erroring out and I can't figure out why. Was working fine, and all the sudden quit. I am looking for an example of the .ajax error function. Documentaion says: error (Function) - A function to be called if the request fails. The function gets passed three arguments: The XMLHttpRequest object, a string describing the type of error that occurred and an optional exception object, if one occurred. I tried: error: function(request, settings, expobj). Is that correct? expobj=undefined
[jQuery] (generic) Accordion plugin question
Hi, all! All these posts about various Accordion plugins has gotten me looking at several, and after trying them out i've got a generic question: Is there any Accordion(like) plugin out there which does not force all elements except the selected one to be closed? What if i want to open multiple panels at one time, and close them individually? i guess my real question is, "would this feature be feasible within the framework of the existing code bases, without major changes to the public API". e.g.,
[jQuery] Traversing the DOM and more...
Hi All, I'm having much difficulty these last hours in coding a function that would give me a box(div) position in a column once the box is dropped ( actually I'm using sortable boxes demo on http://interface.eyecon.ro/ ). I guess this should be done by traversing the DOM and couting the number of previous divs having a given Class ( the same class in fact ), and then I would have my box rank number in my column. I've tried to use the predefined functions for traversing the DOM but I'm not being
[jQuery] NEW SITE: me.dium
This site just popped up on Ajaxian, and it's powered by jQuery. http://me.dium.com/ Regards, Gerry
[jQuery] NEW SITE: me.dium
Just found this terrific site using jQuery. <a href="http://me.dium.com">http://me.dium.com</a>
[jQuery] Thickbox popup, containing an autoselected textarea?
<!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.16481" name=GENERATOR></HEAD> <BODY> <DIV><SPAN class=257543517-06082007><FONT face=Arial size=2>I working on an improvement to our CMS and had an idea. Our clients view source on one of our outputted pages and use that HTML to send to THEIR clients via email. Right now this is a 5 or 6 click process and I'd like to streamline
[jQuery] $Ajax memory problem
Hi, I'd like to create a periodical Ajax request with jQuery. What i have done is: $j.ajax({ type: "POST", url: "/ajaxpro/haschanged.ashx", data: '{"req":' + AjaxPro.toJSON(r) + '}', beforeSend: function(xhr) { xhr.setRequestHeader("X-AjaxPro-Method", "HasChanged"); }, success: function(s) { mt.refresh_callback({value:res}); }, error: function(request, settings) { alert("Ajax error"); mt.isUpdating = false; setTimeout(mt.refresh_handle, 1000); } }); mt.commonData is a simple JS object which has a
[jQuery] Animate height from 0px to default w/o flicker
I want to animate the height of a box so that it expands from 0px to it's default height. I've tried <div style="direction: ltr;"><span class="q">$('#wait').css({height: 0}).animate({ height: 'toggle' }, 3000); But sometimes the box is visible for a few milliseconds. I've also tried setting the height to 0 px in the stylesheet: </span></div> #wait { height: 0px } And then switch to the default height using jQuery: <span class="q">$('#</span>wait').animate({ height: 'toggle' }, 3000); But that doesn't
[jQuery] jQuery slowdowns on consecutive calls
http://brennan.offwhite.net/fasterjquery/ I put together a test to see how well jQuery would perform if I carefully chained multiple functions together or use the "each" function or completely break them up into separate calls. I was able to show the chaining is the fastest while the each function still performed alright. What I discovered was that when the functions are run again they take longer. And it adds up each time. I would like to know if there is something I should do or if there is something
[jQuery] how to use scrollto to scroll in other elements?
Hi! I have a left menu, with a few links in there... And a main section of content with a few ID (it is a div with fixed width & height, overflow hidden), I need each ID related to each link, and the scrollto function working on that main content Can be done that? TIA, and sorry for the bad english! :) luciano
[jQuery] New Plugin: HoverAccordion
Hello, I'm really excited: My first try at building a jQuery plugin! This is another accordion, but in this case, it's designed to open up by just moving your mouse over an item, just like on the http://www.apple.com/mac/ website. Can be used together with the excellent hoverIntent plugin to avoid accidentally opening an item. See http://berndmatzner.de/jquery/hoveraccordion/ for instructions and examples. Looking forward to your comments, Bernd
[jQuery] draggable fx and jQuery 1.1.3.1
Hi, I've noticed that using the option "fx", with interface draggable and jQuery 1.1.3.1, I get an error (jQuery.easing[e.easing] is not a function). With jQuery 1.1.2 all run perfectly. -Maurizio
[jQuery] Validate form field with 1 capital letter and 1 number
Is there a way to validate or make it so a user can not submit a form if the password field does not have atleast 1 captital letter and 1 number and atleast 6 characters long? I have found the google password strength meter that sorta does this but i want something that will valitdate the field is possible. Anyone who can help me do this will be my hero! :) Thanks, Aaron
Next Page