[jQuery] Re: Toggle on TR.onclick but not on content link
Hi Karl, Thanks a lot, that's exactly what I needed. Freud -- View this message in context: http://www.nabble.com/Toggle-on-TR.onclick-but-not-on-content-link-tf4956507s27240.html#a14208303 Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Code Review For Cloning Exercise
Hi; I've sussed out a solution with cloning rows that are are part of a form submit and I'd appreciate any feedback you might have. Here's an image to follow along with: http://www.hinde.net/images/jqueryhelpgraph.png I have an application where users enroll in a class. After a search is done, a list of matching classes is presented. If they click a checkbox, a list of family members is presented, via a select, and the user can chose the family member to enroll in the class. It's not unusual to enroll two kids in the same sort of class, but different sessions for different age groups... But what if two family members want to take the same class? Up to now, the user would have to finish enrolling the first person and then start over to add the second. jQuery clone(true) to the rescue. I've added a fam fam "add" button and some jQuery clone magic and now the user can duplicate a class and enroll as 2nd person in the same class with a single form submit. But that's a problem on with the form submit. I've got two field sets (the checkbox to indicate the class and the select to indicate the user) with the same id & name. This is what I've come up with: function addRow(me){//'me' is the button to add a row. counter++; var myId = $(me).attr("id"); var myDashLoc = myId.indexOf("_")+1;//This should always be '3' var cbid = myId.slice(myDashLoc); var newri = "ri"+counter+"_"+cbid+"clone"; $("#ri_"+cbid).clone(true).insertBefore($("#ri_"+cbid)).attr("id",newri);//clone the row, insert the clone before the base row and set the clone's id to 'newri' $("#ri_"+cbid+" > td > input:checkbox").attr("id","ssclone"+counter+"_"+cbid);//rename id for the checkbox $("#ri_"+cbid+" > td > input:checkbox").attr("name","ssclone"+counter+"_"+cbid);//rename the name for the checkbox $("#ri_"+cbid+" td:nth-child(2) span select").attr("id","enclone"+counter+"_"+cbid);//rename id for the select $("#ri_"+cbid+" td:nth-child(2) span select").attr("name","enclone"+counter+"_"+cbid);//rename name for the select /* This leaves the clone with the original's name. The buttons all keep the same id, but they all point to the same clone, so it appears to be working. */ }; Does this seem like a reasonable approach? I had a heck of a time with the selectors, was there an easier way? Thanks. - Lee
[jQuery] Re: Show/Hide Div with checkbox options providing same results
Ok, I updated it. I made it Very jQuery. $("input[type=checkbox]").click(function(){ divClass = $(this).attr("class"); if ($(this).is(":checked")) { $("#" + divClass).show(); } else if($(this).not(":checked")) { $("#" + divClass).hide(); } }); I refactored it three times. I kept thinking, "hmm, I think this should be shorter". I think there is probably a way to make it even shorter with Toggle. Anyone? Glen On Dec 6, 2007 8:22 PM, Glen Lipka <[EMAIL PROTECTED]> wrote: > Ahh, I think I get it. > > Input 1 and 2 both are controlling the first div. > Input 3 controls div 2 > input 4 controls div 3 > input 5 controls div 4 > > Yes? I can modify the demo. > > Glen > > > On Dec 6, 2007 2:46 PM, Ryan <[EMAIL PROTECTED]> wrote: > > > > > This part works: > > Select X, get Div 1 > > or > > Select Y, get Div 1 > > or > > Select X and Y, get Div1 > > > > This part doesn't: > > When X and Y are selected, Div1 is showing > > If X is unselected and Y remains selected, Div1 is still showing > > > > Basically, if X and Y are selected and then X is unselected, I want > > Div1 to remain showing because Select Y, get Div1 still holds true. > > This is where I'm having a problem. When X is unselected, it hides > > Div1. Make sense? > > > > > > > > On Dec 6, 3:37 pm, "Glen Lipka" <[EMAIL PROTECTED]> wrote: > > > I dont get it. :) > > > > > > Say it again as a use case: > > > 1. click on X > > > 2. expect results: div Y does something. > > > > > > Glen > > > > > > On Dec 6, 2007 11:22 AM, Ryan < [EMAIL PROTECTED]> wrote: > > > > > > > > > > > > > Actually, what I need it to do is show one instance of Div 4, not > > > > two. I'm using the div for a text field, so I only need to show one > > > > > > version of it. The checkboxes showing the div are independent of > > each > > > > other in value, but have the same corresponding text field which > > > > should be filled out if either or both of these checkboxes are > > > > selected. Does that make sense? > > > > > > > On Dec 6, 12:36 pm, "Glen Lipka" <[EMAIL PROTECTED]> wrote: > > > > > I whipped a demo. Does this do what you > > > > want?http://www.commadot.com/jquery/checkBoxShow.php > > > > > > > > Couple of tips: > > > > > > > >1. Try to avoid putting onclick handlers in your html. jQuery > > does > > > > >this really easily and makes your html easier to read. > > > > >2. getElementByID can be expressed as > > $("#yourID").dosomething... > > > > >Much more concise and jQuery-ish. :) > > > > >3. The toggle function will automatically show if hidden and > > hide if > > > > >shown without the IF shatement. > > > > > > > > Hope these help. When I first started jQuery, I had to forget > > > > everything I > > > > > knew about JS (which wasn't much). It just did it all without the > > muss. > > > > > > > > Glen > > > > > > > > On Dec 6, 2007 8:30 AM, Ryan <[EMAIL PROTECTED]> wrote: > > > > > > > > > I'm completely versed in the show/hide options available, but > > have a > > > > > > problem I haven't been able to figure out. I'm hoping jquery > > will have > > > > > > the answer. I have 5 checkbox input options, the first two > > options > > > > > > providing the same show div. For example, > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > onclick="showMe('div1', this)" />value1 > > > > > > > > > > > > > > onclick="showMe('div1', this)" />value2 > > > > > > > > > > > > > > onclick="showMe('div2', this)" />value3 > > > > > > > > > > > > > > onclick="showMe('div3', this)" />value4 > > > > > > > > > > > > > > onclick="showMe('div4', this)" />value5 > > > > > > > > > Show Div 1 > > > > > > Show Div 2 > > > > > > > > Show Div 3 > > > > > > Show Div 4 > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > As you can see, the first two options should show the same div. > > > > > > Selecting one or both isn't a problem, the div appears as > > should, but > > > > > > when deselecting one of the checkboxes, the div disappears even > > though > > > > > > one of the checkboxes is still selected. > > > > > > > > > Does anyone have an idea as to how I can get the div to remain > > > > > > selected when one of the two checkboxes is deselected? Or, if > > either > > > > > > of the checkboxes are selected, to provide just one result? > > > > > > > > > Thanks! > > > >
[jQuery] ajax post request in custom method?
Hi, I've made a custom method with addMethod to check a captcha. Basically, the captcha image is made in php and its value is sent to a session variable. So I make an AJAX post request to a php page which checks the input's value against that session variable. verify: function(value, element) { $.post("scripts/verification-check.php", {inputString: value}, function(data){ //data will be equal to true or false if the input's value is equal to the session variable return data; }); }, My problem is that the error shows up before the AJAX request is finished...I think. 'Cause the way I have it now, no matter what, the error label always shows up - even if 'data' is true. So, is there a way to 'delay' the event that inserts the error label until the AJAX call is finished? Thanks :)
[jQuery] Re: Show/Hide Div with checkbox options providing same results
Ahh, I think I get it. Input 1 and 2 both are controlling the first div. Input 3 controls div 2 input 4 controls div 3 input 5 controls div 4 Yes? I can modify the demo. Glen On Dec 6, 2007 2:46 PM, Ryan <[EMAIL PROTECTED]> wrote: > > This part works: > Select X, get Div 1 > or > Select Y, get Div 1 > or > Select X and Y, get Div1 > > This part doesn't: > When X and Y are selected, Div1 is showing > If X is unselected and Y remains selected, Div1 is still showing > > Basically, if X and Y are selected and then X is unselected, I want > Div1 to remain showing because Select Y, get Div1 still holds true. > This is where I'm having a problem. When X is unselected, it hides > Div1. Make sense? > > > > On Dec 6, 3:37 pm, "Glen Lipka" <[EMAIL PROTECTED]> wrote: > > I dont get it. :) > > > > Say it again as a use case: > > 1. click on X > > 2. expect results: div Y does something. > > > > Glen > > > > On Dec 6, 2007 11:22 AM, Ryan <[EMAIL PROTECTED]> wrote: > > > > > > > > > Actually, what I need it to do is show one instance of Div 4, not > > > two. I'm using the div for a text field, so I only need to show one > > > version of it. The checkboxes showing the div are independent of each > > > other in value, but have the same corresponding text field which > > > should be filled out if either or both of these checkboxes are > > > selected. Does that make sense? > > > > > On Dec 6, 12:36 pm, "Glen Lipka" <[EMAIL PROTECTED]> wrote: > > > > I whipped a demo. Does this do what you > > > want?http://www.commadot.com/jquery/checkBoxShow.php > > > > > > Couple of tips: > > > > > >1. Try to avoid putting onclick handlers in your html. jQuery > does > > > >this really easily and makes your html easier to read. > > > >2. getElementByID can be expressed as $("#yourID").dosomething... > > > >Much more concise and jQuery-ish. :) > > > >3. The toggle function will automatically show if hidden and hide > if > > > >shown without the IF shatement. > > > > > > Hope these help. When I first started jQuery, I had to forget > > > everything I > > > > knew about JS (which wasn't much). It just did it all without the > muss. > > > > > > Glen > > > > > > On Dec 6, 2007 8:30 AM, Ryan <[EMAIL PROTECTED]> wrote: > > > > > > > I'm completely versed in the show/hide options available, but have > a > > > > > problem I haven't been able to figure out. I'm hoping jquery will > have > > > > > the answer. I have 5 checkbox input options, the first two > options > > > > > providing the same show div. For example, > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > onclick="showMe('div1', this)" />value1 > > > > > > > > > > > onclick="showMe('div1', this)" />value2 > > > > > > > > > > > onclick="showMe('div2', this)" />value3 > > > > > > > > > > > onclick="showMe('div3', this)" />value4 > > > > > > > > > > > onclick="showMe('div4', this)" />value5 > > > > > > > Show Div 1 > > > > > Show Div 2 > > > > > Show Div 3 > > > > > Show Div 4 > > > > > > > > > > > > > > > > > > > > > > > > > > As you can see, the first two options should show the same div. > > > > > Selecting one or both isn't a problem, the div appears as should, > but > > > > > when deselecting one of the checkboxes, the div disappears even > though > > > > > one of the checkboxes is still selected. > > > > > > > Does anyone have an idea as to how I can get the div to remain > > > > > selected when one of the two checkboxes is deselected? Or, if > either > > > > > of the checkboxes are selected, to provide just one result? > > > > > > > Thanks! >
[jQuery] Re: hiding page elements instantly on page load
I've always found the best solution is to build the navigation as you would like it to appear without JavaScript enabled and then manipulate it with jQuery. Since the css doesn't have to wait for the DOM to be built like jQuery, the effects will kick in instantly. Example: link 1 link 1a style #nav ul { display: none; } #nav a:hover ul { display: block; } Doing this allows for graceful degradation too. On Dec 6, 7:22 pm, bytte <[EMAIL PROTECTED]> wrote: > Thanks guys. I use the document.ready function. Actually, it only > happens on IE (both 6 and 7), not on Firefox or Safari. > I used the "display:none" css rule tiphipps pointed out and now I have > the opposite problem: the current menu is hidden and after a second > pops out. It's not ideal, but it's a lot nicer already. > > On 6 dec, 17:05, sawmac <[EMAIL PROTECTED]> wrote: > > > > This works great on my localhost. However, when I publish online I > > > experience a problem: on page load the whole is shown for a > > > second, including all nested submenu's, before it is hidden by > > > jQuery. I guess this is because all elements need to be loaded > > > into the DOM before the jQuery code is started? > > > Are you using the onload event or jQuery's document ready method? If > > you're using onload then you need to wait until all assets like > > images, flash movies have downloaded before the hide() function runs. > > The jQuery method will hide the nested ul as soon as the dom is ready > > to be manipulated > > > $(document).ready(function(){ > > $(ul ul).hide(); > > }); > > > --dave
[jQuery] Re: newbie question
To get "this" to chain with the .click() method, you need to wrap it in $() so it looks like: $(this) Better still, don't bother with the .each(). $("[EMAIL PROTECTED]'button'].button1").click(function(){MyFunc(this);}); --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Dec 6, 2007, at 6:36 PM, FrenchiINLA wrote: I have a javascript function like MyFunc(btn), and I would like to associate a click event to all my button with button1 class in the page to this function. I tried the following code and is not working for me: $("[EMAIL PROTECTED]'button'].button1").each(function() { this.click(function(){MyFunc(this);}); }); what's wrong with my code? any help would be greatly appreciated.
[jQuery] Code feedback... Callbacks for timing...
Hi all, I hope my question is not too silly... I just wanted to get a little feedback -- basically wondering what I am doing wrong here: .. $('#' + what).fadeOut('slow', function() { $(this).load(this.href, {'targ': what}, function() { $(this).fadeIn('slow'); }); }); .. Basically, I want to fade-out a div, then .load(), then fade the div back in... The above code is returning errors, but I am not sure what I am doing wrong. I can post more code if need be. Any help, tips, rtfm's, and/or links would be spectacular. :) Many TIA's. Cheers, Micky
[jQuery] Re: [PLUGINS] More from DZone
Rey Bango wrote: > Splitter by Dave Methvin > > http://methvin.com/jquery/splitter/default.html It's a pity there isn't an easy way to deal with "snapping" of divs to their containing element... Something like: $('#div1').snap('top'); // sets width to that of container and snaps the div to the top of container $('#div2').snap('left'); // sets height to that of container and snaps the div to the left of the container $('#div3').snap('client'); // sets width and height to that of container and snaps div to 0,0 of the container Adding a few simple events would then make it super easy to create border layouts - a splitter would just be a div snapped to one of the edges (top/bottom/left/right) with some drag ability - as it's dragged, events would cause the other divs to resize accordingly. I've got some old actionscript code lying around somewhere that implements a snapping framework (including stuff like splitters, etc) - I'll find it and post it online if anyone is interested in doing a snapping plugin? Guy
[jQuery] Trying to create a horizontal menu...
Basically, I got it to where I hide all visible "ul li ul" but I only want to do that when a user hovers over the root "ul li a", In other words, I only want it active on the first set of "ul li a", not the sub menus. I want "ul li ul li a" to remain visible when I hover over a "ul li ul li a". Any ideas how to go about this? JQUERY $(document).ready(function(){ $("ul li a").hover(function(){ $("#menu li ul:visible").hide() }); $("#menu li a").hover(function(){ $(this).next("ul:hidden").fadeIn("fast") }); $("#content").hover(function(){ $("#menu li ul:visible").hide() }); }); HTML Home Item 1 Item 1 A Item 1 B Item 2 Item 2 A Item 2 B
[jQuery] Re: Can figure out the diference between input button and button
My question has been hijacked with another! :) On Dec 6, 4:36 pm, "Jake McGraw" <[EMAIL PROTECTED]> wrote: > Perhaps try instead of ...>. > > Haven't tested, but it looks like maybe your form is trying to submit before > the AJAX gets a chance to resolve. > > - jake > > On Dec 6, 2007 1:53 PM, Marcelo Wolfgang <[EMAIL PROTECTED]> wrote: > > > > > Hi list > > > Long time lurker, first time poster, so here it goes: > > > I have a simple form that call a $.get, if I have a > type="button"> my code works but if I have a it > > doesn't ... can anyone tell me what I'm doing wrong? here's the code: > > > > > > >$(document).ready(function(){ > >$("#btSubmit").click(function () { > > var id = $("#user_id").val(); > > var number2 = $('#number2').attr('value'); > > $.get("a_edit.php", { userid: id, number2: number2 }, > > function(data){ > > alert("Data Loaded: " + data); > > $("#edit_response").append(data); > > }); > > }); > >}); > > > > > and the html that works > > > > > > > > > > > > > > and the html that don't work: > > > > > > > > src="../../images/btAdicionar.gif" width="94" height="16" alt="subit > > form" /> > > > > > > > TIA > > Marcelo Wolfgang
[jQuery] pull in link url as well as image url from xml file when loading images dynamically
I'm able to use the dynamic loading method to create an xml file via php that gives me the list of image urls. However, i'd also like to pull in another node from the xml file 'pid' to help me construct the link that will be associated with each image. the xml i'm creating is below: 11 221 http://www.thisismysite.com/wp-content/finds/thumbs/ homegoods_001_1__1.jpg 229 http://www.thisismysite.com/wp-content/finds/thumbs/ IMG_7146.JPG 230 http://www.thisismysite.com/wp-content/finds/thumbs/ IMG_7145.JPG 239 http://www.thisismysite.com/wp-content/finds/thumbs/ bathmat.jpg 240 http://www.thisismysite.com/wp-content/finds/thumbs/ trunkred.jpg 253 http://www.thisismysite.com/wp-content/finds/thumbs/ DSC04849.JPG 340 http://www.thisismysite.com/wp-content/finds/thumbs/ ico_wc.jpg 342 http://www.thisismysite.com/wp-content/finds/thumbs/ image_case1.jpg 343 http://www.thisismysite.com/wp-content/finds/thumbs/ image_act1.jpg 346 http://www.thisismysite.com/wp-content/finds/thumbs/ screenshot_01.jpg 347 http://www.thisismysite.com/wp-content/finds/thumbs/ screenshot_01_1.jpg thanks in advance!
[jQuery] Re: global error handler
> I ended up doing modifications to the jQuery core to make this > possible. Thank you for the response. I think I'll try my callback method described (sorta) above, if no one else can come up with a better solution. I'd rather write more code now and stay on the upgrade path!
[jQuery] newbie question
I have a javascript function like MyFunc(btn), and I would like to associate a click event to all my button with button1 class in the page to this function. I tried the following code and is not working for me: $("[EMAIL PROTECTED]'button'].button1").each(function() { this.click(function(){MyFunc(this);}); }); what's wrong with my code? any help would be greatly appreciated.
[jQuery] Re: hiding page elements instantly on page load
Thanks guys. I use the document.ready function. Actually, it only happens on IE (both 6 and 7), not on Firefox or Safari. I used the "display:none" css rule tiphipps pointed out and now I have the opposite problem: the current menu is hidden and after a second pops out. It's not ideal, but it's a lot nicer already. On 6 dec, 17:05, sawmac <[EMAIL PROTECTED]> wrote: > > This works great on my localhost. However, when I publish online I > > experience a problem: on page load the whole is shown for a > > second, including all nested submenu's, before it is hidden by > > jQuery. I guess this is because all elements need to be loaded > > into the DOM before the jQuery code is started? > > Are you using the onload event or jQuery's document ready method? If > you're using onload then you need to wait until all assets like > images, flash movies have downloaded before the hide() function runs. > The jQuery method will hide the nested ul as soon as the dom is ready > to be manipulated > > $(document).ready(function(){ > $(ul ul).hide(); > }); > > --dave
[jQuery] Re: [NEWS] Getting jQuery Adopted in Corporations
[EMAIL PROTECTED] wrote: > Although I keep coming up against the following: > > 1. Is jQuery going to be here for the long term? > 2. Why not use prototype, what are the benefits of jQuery over it? > We're hitting those two questions on a regular basis. The first is pretty easy to deal with - jQuery is growing rapidly both in terms of available plugins and sites using it. It also has books, blogs and vibrant community. As for the second one, that's a problem. Prototype is entrenched in a lot of organisations and developers don't like ditching their tried and tested libraries for something new. However, in certain circumstances Prototype is a major nightmare because it's not namespaced - drop it in to a portal environment and generally everything goes pearshaped. Guy
[jQuery] Re: Data containing ? at the start getting converted to jsonp.... by ajax() call
Sadly... no. If I were to do that then I would get double escaped data... The code that converts an object to a serialized form is already calling encodeURIComponent on the key names and the values... (see http://dev.jquery.com/browser/trunk/jquery/src/ajax.js line 454ish) -ben On Dec 6, 3:27 pm, "Benjamin Sterling" <[EMAIL PROTECTED]> wrote: > I am doing something encodeURIComponent(url) in a wordpress plugin, would > that help? > > On 12/6/07, Ben Bennett <[EMAIL PROTECTED]> wrote: > > > > > > > Sadly. That doesn't do it either. > > > I am deliberately trying to send a ? (since the bug occurred when a > > user typed it into an input box that I use as the basis of an AJAX > > request). The bug occurs because jQuery is treating =? as a special > > string, but it can happen for mundane reasons, and there is no way to > > disable the behavior. > > > -ben > > > On Dec 6, 11:30 am, "Benjamin Sterling" > > <[EMAIL PROTECTED]> wrote: > > > Ben, (its like talking to myself) > > > Put cache:true into your ajax call, the ? is to prevent caching. > > > > On 12/6/07, Ben Bennett <[EMAIL PROTECTED]> wrote: > > > > > Is this the wrong forum for this question? Should I take it to the > > > > dev list or put it in the bug tracker? > > > > > Thanks, > > > > > -ben > > > > > On Dec 4, 2:00 pm, Ben Bennett <[EMAIL PROTECTED]> wrote: > > > > > This is my first post so I really should thank everyone for a > > > > > fanatastic library. > > > > > > However, I think I have found a bug... > > > > > > Using jQuery 1.2.1, if I have: > > > > > > $.ajax({ > > > > > type: "POST", > > > > > url: "test.html", > > > > > dataType: "json", > > > > > data: {query: queryString}, > > > > > > }); > > > > > > When queryString starts with a ? it will get converted to > > > > > jsonp1231234124... > > > > > > This is clearly happening because of the code at line 2226 of the > > full > > > > > release version: > > > > > // Build temporary JSONP function > > > > > if ( s.dataType == "json" && (s.data && > > > > > s.data.match(jsre) || s.url.match(jsre)) ) { > > > > > jsonp = "jsonp" + jsc++; > > > > > > // Replace the =? sequence both in the query > > > > > string and the data > > > > > if ( s.data ) > > > > > s.data = s.data.replace(jsre, "=" + > > > > > jsonp); > > > > > s.url = s.url.replace(jsre, "=" + jsonp); > > > > > > ... > > > > > > But I see no way to prevent that from happening. > > > > > > Now... one might suggest that I should avoid a leading ? in my > > option > > > > > names. But I am taking them from input boxes and ? is a valid thing > > > > > for a user to type. Unfortunately there seems to be no good way to > > > > > escape the string to prevent this behavior (without teaching the > > > > > called code how to unescape it). > > > > > > Also, the docs don't mention that the =? escaping happens to a json > > > > > dataType... I see it for jsonp. > > > > > > Is this behavior intentional? If so, there should be a way to > > > > > suppress it or at a way for the calling code to escape the values to > > > > > cause a leading ? to be passed to the server. > > > > > > -ben > > > > -- > > > Benjamin > > Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.comhttp://www.benjam... > > -- > Benjamin > Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.comhttp://www.benjaminsterling.com
[jQuery] Re: Show/Hide Div with checkbox options providing same results
This part works: Select X, get Div 1 or Select Y, get Div 1 or Select X and Y, get Div1 This part doesn't: When X and Y are selected, Div1 is showing If X is unselected and Y remains selected, Div1 is still showing Basically, if X and Y are selected and then X is unselected, I want Div1 to remain showing because Select Y, get Div1 still holds true. This is where I'm having a problem. When X is unselected, it hides Div1. Make sense? On Dec 6, 3:37 pm, "Glen Lipka" <[EMAIL PROTECTED]> wrote: > I dont get it. :) > > Say it again as a use case: > 1. click on X > 2. expect results: div Y does something. > > Glen > > On Dec 6, 2007 11:22 AM, Ryan <[EMAIL PROTECTED]> wrote: > > > > > Actually, what I need it to do is show one instance of Div 4, not > > two. I'm using the div for a text field, so I only need to show one > > version of it. The checkboxes showing the div are independent of each > > other in value, but have the same corresponding text field which > > should be filled out if either or both of these checkboxes are > > selected. Does that make sense? > > > On Dec 6, 12:36 pm, "Glen Lipka" <[EMAIL PROTECTED]> wrote: > > > I whipped a demo. Does this do what you > > want?http://www.commadot.com/jquery/checkBoxShow.php > > > > Couple of tips: > > > >1. Try to avoid putting onclick handlers in your html. jQuery does > > >this really easily and makes your html easier to read. > > >2. getElementByID can be expressed as $("#yourID").dosomething... > > >Much more concise and jQuery-ish. :) > > >3. The toggle function will automatically show if hidden and hide if > > >shown without the IF shatement. > > > > Hope these help. When I first started jQuery, I had to forget > > everything I > > > knew about JS (which wasn't much). It just did it all without the muss. > > > > Glen > > > > On Dec 6, 2007 8:30 AM, Ryan <[EMAIL PROTECTED]> wrote: > > > > > I'm completely versed in the show/hide options available, but have a > > > > problem I haven't been able to figure out. I'm hoping jquery will have > > > > the answer. I have 5 checkbox input options, the first two options > > > > providing the same show div. For example, > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > onclick="showMe('div1', this)" />value1 > > > > > > > > onclick="showMe('div1', this)" />value2 > > > > > > > > onclick="showMe('div2', this)" />value3 > > > > > > > > onclick="showMe('div3', this)" />value4 > > > > > > > > onclick="showMe('div4', this)" />value5 > > > > > Show Div 1 > > > > Show Div 2 > > > > Show Div 3 > > > > Show Div 4 > > > > > > > > > > > > > > > > > > > As you can see, the first two options should show the same div. > > > > Selecting one or both isn't a problem, the div appears as should, but > > > > when deselecting one of the checkboxes, the div disappears even though > > > > one of the checkboxes is still selected. > > > > > Does anyone have an idea as to how I can get the div to remain > > > > selected when one of the two checkboxes is deselected? Or, if either > > > > of the checkboxes are selected, to provide just one result? > > > > > Thanks!
[jQuery] Re: [NEWS] Getting jQuery Adopted in Corporations
Freudian slip, of course I had intended to either say, increases development speed, or decreases development time. Thanks for correcting me. ~Sean On Dec 6, 2007 3:51 PM, tlphipps <[EMAIL PROTECTED]> wrote: > > Sorry, I have to say it: > ** > jQuery simplifies and reduces code size, and offers a plugin > system > ** > that rapidly increases development time. > > I would prefer it to DECREASE my development time! :) > > On Dec 6, 12:55 pm, "Andy Matthews" <[EMAIL PROTECTED]> wrote: > > Dugg > > > > _ > > > > From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On > > Behalf Of Glen Lipka > > Sent: Thursday, December 06, 2007 12:53 PM > > To: jquery-en@googlegroups.com > > Subject: [jQuery] Re: [NEWS] Getting jQuery Adopted in Corporations > > > > Wow, the "digg this story" thing worked. :) > > > > http://digg.com/programming/Getting_jQuery_into_Big_Corporations > > > > Glen > > > > > On Dec 6, 2007 10:12 AM, Sean Catchpole <[EMAIL PROTECTED]> wrote: > > > > > 1. Is jQuery going to be here for the long term? > > > > Yes, with a large and active community jQuery is in it for the long > > run. Help is always easy to find. > > > > > 2. Why not use prototype, what are the benefits of jQuery over it? > > > > jQuery simplifies and reduces code size, and offers a plugin system > > that rapidly increases development time. > > > > ~Sean >
[jQuery] Autocomplete bigiframe
Has anyone found a way to solve this display problem on IE: http://education.llnl.gov/jquery/bigiframe.png Demoed here: http://education.llnl.gov/jquery/adv_auto3.lasso (type mod)
[jQuery] Re: autocomplete bug when focus called
So that I can optimize my autocomplete, I'd like your opinion. There are cases where there might be a couple hundred results - even if the full name of a person is typed in (like "Miller" or "Johnson"). Most of the time there are *that* many. But as I type, "Mi" ... "l" ... "e", the results are going to be a subset of the original. matchSubset default is true and cacheLength default is 10. Shouldn't it *not* sent a 2nd request to the server for the additional letters? This are the current settings I'm using: $('#user').autocomplete("tools/people.lasso", {minChars: 2, delay: 150, formatResult: formatResult, formatItem: formatItem, max: 2000, width: 300}); On 12/6/07 11:41 AM, "Jörn Zaefferer" <[EMAIL PROTECTED]> wrote: > > Shelane Enos schrieb: >> Sorry it took a while. I had a very busy day. >> >> This example shows the focus bug: >> http://education.llnl.gov/jquery/adv_auto2.lasso >> >> This example shows the other bug: >> http://education.llnl.gov/jquery/adv_auto3.lasso >> This bug is the bug where the first set of results will override the second. >> I watch in firebug after I typed in mod a get was called for mo (my minimum >> number of letters) and then a get request was called for mod. The results >>> from mod came back quicker (because the results set was smaller or the query >> was faster). Then the first "mo" were returned and replaced the second. >> >> Just type mod and let it sit there. >> >> Thanks for looking. >> > Okay, thanks for the description. I think this is easy to fix: Just > include jquery.ajaxQueue.js on your site. It enhances jQuery's $.ajax > method and the autocomplete uses its abort-mode when available. That way > an active previous autocomplete request is canceled when a new one > starts. That should fix your problem. > > Thanks for bringing it up, I'll add something to the docs about it. > > http://dev.jquery.com/view/trunk/plugins/autocomplete/lib/jquery.ajaxQueue.js > > Jörn > >
[jQuery] Re: Can figure out the diference between input button and button
Perhaps try instead of . Haven't tested, but it looks like maybe your form is trying to submit before the AJAX gets a chance to resolve. - jake On Dec 6, 2007 1:53 PM, Marcelo Wolfgang <[EMAIL PROTECTED]> wrote: > > Hi list > > Long time lurker, first time poster, so here it goes: > > I have a simple form that call a $.get, if I have a type="button"> my code works but if I have a it > doesn't ... can anyone tell me what I'm doing wrong? here's the code: > > > >$(document).ready(function(){ >$("#btSubmit").click(function () { > var id = $("#user_id").val(); > var number2 = $('#number2').attr('value'); > $.get("a_edit.php", { userid: id, number2: number2 }, > function(data){ > alert("Data Loaded: " + data); > $("#edit_response").append(data); > }); > }); >}); > > > and the html that works > > > > > > > > and the html that don't work: > > > > src="../../images/btAdicionar.gif" width="94" height="16" alt="subit > form" /> > > > > TIA > Marcelo Wolfgang >
[jQuery] Re: cluetip plugin prevents click event
Ahh. Music to my ears. :-) --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Dec 6, 2007, at 3:36 PM, Dan wrote: Thanks Karl for the modification. This works perfectly for me too! -Dan On Dec 6, 1:38 pm, Spencer <[EMAIL PROTECTED]> wrote: Karl, Thank you for making the modification. I'm trying to do the same thing as driven. Your modification works great in my situation. Spencer On Dec 6, 9:30 am, Karl Swedberg <[EMAIL PROTECTED]> wrote: Hi guys, The default is to return false on a link click if the href and the tipAttribute (which is rel by default) are equal. Your request seems like a reasonable one, though, so I've added (yet another) option called "clickThrough". If you set it to true, clicking on the link should open the linked page (provided you don't have "activation" set to "click"). I haven't bundled it up yet, because I'm still ironing out the details on another new feature (mouse tracking), but it's in svn, if you want to give it a whirl: http://jqueryjs.googlecode.com/svn/trunk/plugins/cluetip/jquery.cluet ... --Karl _ Karl Swedbergwww.englishrules.comwww.learningjquery.com On Dec 6, 2007, at 10:15 AM, DaveG wrote: driven wrote: I am using cluetip to put tooltips on the links in a search results page. I have the 'activation' setting as 'hover' but unfortunately cluetip cancels the normal click event and I can't actually follow the links. I don't see any examples or settings that will let me actually click on the links. Is this possible? I'm not 100% sure, but I seem to recal that this might be what you're looking for: onActivate: function(e) {return true;} That should be the default though, so not sure if you've overridden it. ~ ~ David- Hide quoted text - - Show quoted text -
[jQuery] Re: [NEWS] Getting jQuery Adopted in Corporations
Sorry, I have to say it: ** > jQuery simplifies and reduces code size, and offers a plugin system ** > that rapidly increases development time. I would prefer it to DECREASE my development time! :) On Dec 6, 12:55 pm, "Andy Matthews" <[EMAIL PROTECTED]> wrote: > Dugg > > _ > > From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On > Behalf Of Glen Lipka > Sent: Thursday, December 06, 2007 12:53 PM > To: jquery-en@googlegroups.com > Subject: [jQuery] Re: [NEWS] Getting jQuery Adopted in Corporations > > Wow, the "digg this story" thing worked. :) > > http://digg.com/programming/Getting_jQuery_into_Big_Corporations > > Glen > > On Dec 6, 2007 10:12 AM, Sean Catchpole <[EMAIL PROTECTED]> wrote: > > > 1. Is jQuery going to be here for the long term? > > Yes, with a large and active community jQuery is in it for the long > run. Help is always easy to find. > > > 2. Why not use prototype, what are the benefits of jQuery over it? > > jQuery simplifies and reduces code size, and offers a plugin system > that rapidly increases development time. > > ~Sean
[jQuery] Re: Making a jQuery plugin
Cool, thanks. Now if i want to extend the $.paginator to add a function so i could don't something like this this.go_to_page(this.options.current_page); would i do: $.paginator.extend( { go_to_page: function(number) { this.option.new_page = number; this.reload_content(); } }); or something else? John Resig wrote: > > > Do $.extend instead of $.fn.extend to get the result that you want. > > --John > > On Dec 6, 2007 4:02 PM, Eridius <[EMAIL PROTECTED]> wrote: >> >> >> Ok, I have looked at other code and still get get it to work >> >> (function($) >> { >> $.fn.extend( >> { >> paginator: function(options) >> { >> $.extend(this.options, options); >> >> //this.go_to_page(this.options.current_page); >> } >> }); >> })(jQuery); >> >> $(document).ready(function() >> { >> var paginator = $.paginator({ >> 'url': >> '/lib/ajax/trip_search/load_users.php', >> >> 'replace_id': 'user_paginator', >> >> 'total_items': '', >> >> 'items_per_page': '10', >> >> 'total_pages': '' >> }); >> }); >> >> But this code tells me there is an error that paginator is not a >> function, >> what is wrong here? >> >> >> Eridius wrote: >> > >> > I can't seem to remember since it has been ahile since I want to do >> this, >> > how do i make a jQuery plug that i can access like >> > >> > var paginator = $.paginator({/*data*/}); >> > paginator.next_page(); >> > //etc... >> > >> > currently my code is like this: >> > >> > (function($) >> > { >> > initialize= function(options) >> > { >> > $.extend(this.options, options); >> > >> > >> > }; >> > >> > options = >> > { >> > 'url': null, >> > 'replace_id': null, >> > 'load_file': null, >> > 'total_items': 0, >> > 'items_per_page': 10, >> > 'total_pages': 0, >> > 'current_page': 0, >> > 'new_page': 0; >> > }; >> > }(jQuery); >> > >> > I also need to make sure that the initialize function is called when i >> > create the object. Thanks. >> > >> >> -- >> View this message in context: >> http://www.nabble.com/Making-a-jQuery-plugin-tf4958186s27240.html#a14201039 >> >> Sent from the jQuery General Discussion mailing list archive at >> Nabble.com. >> >> > > -- View this message in context: http://www.nabble.com/Making-a-jQuery-plugin-tf4958186s27240.html#a14201915 Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Show/Hide Div with checkbox options providing same results
I dont get it. :) Say it again as a use case: 1. click on X 2. expect results: div Y does something. Glen On Dec 6, 2007 11:22 AM, Ryan <[EMAIL PROTECTED]> wrote: > > Actually, what I need it to do is show one instance of Div 4, not > two. I'm using the div for a text field, so I only need to show one > version of it. The checkboxes showing the div are independent of each > other in value, but have the same corresponding text field which > should be filled out if either or both of these checkboxes are > selected. Does that make sense? > > On Dec 6, 12:36 pm, "Glen Lipka" <[EMAIL PROTECTED]> wrote: > > I whipped a demo. Does this do what you > want?http://www.commadot.com/jquery/checkBoxShow.php > > > > Couple of tips: > > > >1. Try to avoid putting onclick handlers in your html. jQuery does > >this really easily and makes your html easier to read. > >2. getElementByID can be expressed as $("#yourID").dosomething... > >Much more concise and jQuery-ish. :) > >3. The toggle function will automatically show if hidden and hide if > >shown without the IF shatement. > > > > Hope these help. When I first started jQuery, I had to forget > everything I > > knew about JS (which wasn't much). It just did it all without the muss. > > > > Glen > > > > On Dec 6, 2007 8:30 AM, Ryan <[EMAIL PROTECTED]> wrote: > > > > > > > > > I'm completely versed in the show/hide options available, but have a > > > problem I haven't been able to figure out. I'm hoping jquery will have > > > the answer. I have 5 checkbox input options, the first two options > > > providing the same show div. For example, > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > onclick="showMe('div1', this)" />value1 > > > > > > > onclick="showMe('div1', this)" />value2 > > > > > > > onclick="showMe('div2', this)" />value3 > > > > > > > onclick="showMe('div3', this)" />value4 > > > > > > > onclick="showMe('div4', this)" />value5 > > > > > Show Div 1 > > > Show Div 2 > > > Show Div 3 > > > Show Div 4 > > > > > > > > > > > > > > > > > > As you can see, the first two options should show the same div. > > > Selecting one or both isn't a problem, the div appears as should, but > > > when deselecting one of the checkboxes, the div disappears even though > > > one of the checkboxes is still selected. > > > > > Does anyone have an idea as to how I can get the div to remain > > > selected when one of the two checkboxes is deselected? Or, if either > > > of the checkboxes are selected, to provide just one result? > > > > > Thanks! >
[jQuery] Re: cluetip plugin prevents click event
Thanks Karl for the modification. This works perfectly for me too! -Dan On Dec 6, 1:38 pm, Spencer <[EMAIL PROTECTED]> wrote: > Karl, > > Thank you for making the modification. I'm trying to do the same thing > as driven. Your modification works great in my situation. > > Spencer > > On Dec 6, 9:30 am, Karl Swedberg <[EMAIL PROTECTED]> wrote: > > > Hi guys, > > > The default is to return false on a link click if the href and the > > tipAttribute (which is rel by default) are equal. > > > Your request seems like a reasonable one, though, so I've added (yet > > another) option called "clickThrough". If you set it to true, clicking > > on the link should open the linked page (provided you don't have > > "activation" set to "click"). > > > I haven't bundled it up yet, because I'm still ironing out the details > > on another new feature (mouse tracking), but it's in svn, if you want > > to give it a whirl: > > >http://jqueryjs.googlecode.com/svn/trunk/plugins/cluetip/jquery.cluet... > > > --Karl > > _ > > Karl Swedbergwww.englishrules.comwww.learningjquery.com > > > On Dec 6, 2007, at 10:15 AM, DaveG wrote: > > > > driven wrote: > > >> I am using cluetip to put tooltips on the links in a search results > > >> page. I have the 'activation' setting as 'hover' but unfortunately > > >> cluetip cancels the normal click event and I can't actually follow > > >> the > > >> links. I don't see any examples or settings that will let me actually > > >> click on the links. Is this possible? > > > I'm not 100% sure, but I seem to recal that this might be what > > > you're looking for: > > > onActivate: function(e) {return true;} > > > > That should be the default though, so not sure if you've overridden > > > it. > > > > ~ ~ David- Hide quoted text - > > > - Show quoted text -
[jQuery] Re: Passing extra data to AJAX handler functions
Can anyone think of a way to pass the value of a variable, not a reference to that variable (since the value of the variable might change after the AJAX request is sent) to an anonymous function defined for a success callback for AJAX? Or, is the only way to do this to have my /ajax/asset/insert callback return this ID back to me in the JSON response? Thanks, Rob On Nov 28, 10:06 am, RobRoy <[EMAIL PROTECTED]> wrote: > After I posted my message, I tried that but I want to capture the > current value of 'id' at the time of function definition, not a > reference to it since it could change by the time the handler gets > called. This seems like it should be easy, but I'm kinda confused. How > do I capture the value of 'id' at the time I define that handler > function? > > Thanks for the reply! > > On Nov 27, 1:57 pm, "Erik Beeson" <[EMAIL PROTECTED]> wrote: > > > You could wrap your real callback in an anonymous function that adds the > > parameters that you want. Maybe something like (untested): > > > $.post('/ajax/asset/insert', { > > folder_tid : lastUploadedFolderTID, > > link : linkQueue[id] > > }, function(data, status) { handleAddLinkComplete.call(this, data, > > status, 123); }, 'json'); > > > Good luck with it. > > > --Erik > > > On 11/27/07, Rob Barreca <[EMAIL PROTECTED]> wrote: > > > > I commonly want to pass an ID or some other information I know to an AJAX > > > success handler. > > > > $.post('/ajax/asset/insert', { > > > folder_tid : lastUploadedFolderTID, > > > link : linkQueue[id] > > > }, handleAddLinkComplete, 'json'); > > > > In this example, I want to pass an ID to handleAddLinkComplete function. I > > > know I can do the following, but they seem crufty to me. > > > >1. I can set a global variable with the link ID, but what if I have > > >a bunch of post calls, there are synchronous issues (I know I can do > > > async : > > >false too) > > >2. I could have my /ajax/asset/insert callback return the link ID > > >back to me in the response, but it seems silly if I already know it. > > > > I would love to do something like... > > > > $.post('/ajax/asset/insert', { > > > folder_tid : lastUploadedFolderTID, > > > link : linkQueue[id] > > > }, { callback : handleAddLinkComplete, arguments : [123] }, 'json'); > > > > or something. > > > > What is the best way here or is my dream a reality? > > > > Cheers, > > > > -Rob
[jQuery] Possible to do specific ajaxStart/Stop effects??
Im puzzled by this part.. when you do something such as $ ('img').ajaxStart(function(){ // code }); this is called every time an ajax request is sent.. what if i just want it related to a specific ajax request only? this does not seem very piratical to have everything change at once
[jQuery] Re: Making a jQuery plugin
Do $.extend instead of $.fn.extend to get the result that you want. --John On Dec 6, 2007 4:02 PM, Eridius <[EMAIL PROTECTED]> wrote: > > > Ok, I have looked at other code and still get get it to work > > (function($) > { > $.fn.extend( > { > paginator: function(options) > { > $.extend(this.options, options); > > //this.go_to_page(this.options.current_page); > } > }); > })(jQuery); > > $(document).ready(function() > { > var paginator = $.paginator({ > 'url': > '/lib/ajax/trip_search/load_users.php', > 'replace_id': > 'user_paginator', > > 'total_items': '', > > 'items_per_page': '10', > > 'total_pages': '' > }); > }); > > But this code tells me there is an error that paginator is not a function, > what is wrong here? > > > Eridius wrote: > > > > I can't seem to remember since it has been ahile since I want to do this, > > how do i make a jQuery plug that i can access like > > > > var paginator = $.paginator({/*data*/}); > > paginator.next_page(); > > //etc... > > > > currently my code is like this: > > > > (function($) > > { > > initialize= function(options) > > { > > $.extend(this.options, options); > > > > > > }; > > > > options = > > { > > 'url': null, > > 'replace_id': null, > > 'load_file': null, > > 'total_items': 0, > > 'items_per_page': 10, > > 'total_pages': 0, > > 'current_page': 0, > > 'new_page': 0; > > }; > > }(jQuery); > > > > I also need to make sure that the initialize function is called when i > > create the object. Thanks. > > > > -- > View this message in context: > http://www.nabble.com/Making-a-jQuery-plugin-tf4958186s27240.html#a14201039 > > Sent from the jQuery General Discussion mailing list archive at Nabble.com. > >
[jQuery] Re: Making a jQuery plugin
Ok, I have looked at other code and still get get it to work (function($) { $.fn.extend( { paginator: function(options) { $.extend(this.options, options); //this.go_to_page(this.options.current_page); } }); })(jQuery); $(document).ready(function() { var paginator = $.paginator({ 'url': '/lib/ajax/trip_search/load_users.php', 'replace_id': 'user_paginator', 'total_items': '', 'items_per_page': '10', 'total_pages': '' }); }); But this code tells me there is an error that paginator is not a function, what is wrong here? Eridius wrote: > > I can't seem to remember since it has been ahile since I want to do this, > how do i make a jQuery plug that i can access like > > var paginator = $.paginator({/*data*/}); > paginator.next_page(); > //etc... > > currently my code is like this: > > (function($) > { > initialize= function(options) > { > $.extend(this.options, options); > > > }; > > options = > { > 'url': null, > 'replace_id': null, > 'load_file': null, > 'total_items': 0, > 'items_per_page': 10, > 'total_pages': 0, > 'current_page': 0, > 'new_page': 0; > }; > }(jQuery); > > I also need to make sure that the initialize function is called when i > create the object. Thanks. > -- View this message in context: http://www.nabble.com/Making-a-jQuery-plugin-tf4958186s27240.html#a14201039 Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: [NEWS] Getting jQuery Adopted in Corporations
Sean Catchpole schrieb: 2. Why not use prototype, what are the benefits of jQuery over it? jQuery simplifies and reduces code size, and offers a plugin system that rapidly increases development time. Yeah, and instead of 10 lines of pure JavaScript, it reads your mind and produces 5000 lines of garbled jQuery code!!1 Jörn, mindreading and misintepreting
[jQuery] Re: Data containing ? at the start getting converted to jsonp.... by ajax() call
I am doing something encodeURIComponent(url) in a wordpress plugin, would that help? On 12/6/07, Ben Bennett <[EMAIL PROTECTED]> wrote: > > > Sadly. That doesn't do it either. > > I am deliberately trying to send a ? (since the bug occurred when a > user typed it into an input box that I use as the basis of an AJAX > request). The bug occurs because jQuery is treating =? as a special > string, but it can happen for mundane reasons, and there is no way to > disable the behavior. > > -ben > > On Dec 6, 11:30 am, "Benjamin Sterling" > <[EMAIL PROTECTED]> wrote: > > Ben, (its like talking to myself) > > Put cache:true into your ajax call, the ? is to prevent caching. > > > > On 12/6/07, Ben Bennett <[EMAIL PROTECTED]> wrote: > > > > > > > > > > > > > Is this the wrong forum for this question? Should I take it to the > > > dev list or put it in the bug tracker? > > > > > Thanks, > > > > > -ben > > > > > On Dec 4, 2:00 pm, Ben Bennett <[EMAIL PROTECTED]> wrote: > > > > This is my first post so I really should thank everyone for a > > > > fanatastic library. > > > > > > However, I think I have found a bug... > > > > > > Using jQuery 1.2.1, if I have: > > > > > > $.ajax({ > > > > type: "POST", > > > > url: "test.html", > > > > dataType: "json", > > > > data: {query: queryString}, > > > > > > }); > > > > > > When queryString starts with a ? it will get converted to > > > > jsonp1231234124... > > > > > > This is clearly happening because of the code at line 2226 of the > full > > > > release version: > > > > // Build temporary JSONP function > > > > if ( s.dataType == "json" && (s.data && > > > > s.data.match(jsre) || s.url.match(jsre)) ) { > > > > jsonp = "jsonp" + jsc++; > > > > > > // Replace the =? sequence both in the query > > > > string and the data > > > > if ( s.data ) > > > > s.data = s.data.replace(jsre, "=" + > > > > jsonp); > > > > s.url = s.url.replace(jsre, "=" + jsonp); > > > > > > ... > > > > > > But I see no way to prevent that from happening. > > > > > > Now... one might suggest that I should avoid a leading ? in my > option > > > > names. But I am taking them from input boxes and ? is a valid thing > > > > for a user to type. Unfortunately there seems to be no good way to > > > > escape the string to prevent this behavior (without teaching the > > > > called code how to unescape it). > > > > > > Also, the docs don't mention that the =? escaping happens to a json > > > > dataType... I see it for jsonp. > > > > > > Is this behavior intentional? If so, there should be a way to > > > > suppress it or at a way for the calling code to escape the values to > > > > cause a leading ? to be passed to the server. > > > > > > -ben > > > > -- > > Benjamin > Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.comhttp://www.benjaminsterling.com > -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com http://www.benjaminsterling.com
[jQuery] Re: jChess
aldur, Let's see a demo, dude! :o) -Chris On Dec 6, 2007 9:05 AM, aldur <[EMAIL PROTECTED]> wrote: > > > > > > > > $(document).ready( >function(){ >$("#chessboard").chess(); >} > ); > > >table.board{border:1px solid black} >table.board td{border:1px solid black;display:table-cell} >table.board td.legend{background-color:white;border:1px solid > white;text-align:center;} >table.board td.white{border:1px solid black;background-color:#f66} >table.board td.black{border:1px solid black;background-color:#666} >table.board td.black.highlight, table.board td.white.highlight > {border:1px solid black;background-color:lightblue} >table.board td.black.incheck, table.board td.white.incheck {border: > 1px solid black;background-color:blue} >div.piece {display:none} >td.square {border:1px solid black;text-align:center;} >td.blackMove, td.whiteMove {vertical-align:top} >ul#gameoptions li {border:1px solid #006;background- > color:#00a;color:#fff;margin:5px;padding:5px} >ul#gameoptions li:hover {border:1px solid #006;background- > color:#00f;color:#fff} > > > > > > > > -- http://cjordan.us
[jQuery] Cluetip bug in IE7 - browsers title displays
I'm trying to use the Cluetip plugin to display data on mouseover of the tr tag. The data displayed is stored in the title attribute. It works great in FireFox, but in IE7 the browsers default title displays along with the Cluetip. Am I missing an option that would allow Cluetip to override the browsers default title display? $('tr.toolTipTitle').cluetip({ cluetipClass: 'jtip', clickThrough: true, /* Set to true for allowing click to go through */ width: 360, arrows: true, dropShadow: true, hoverIntent: true, sticky: false, mouseOutClose: true, splitTitle: '|', waitImage: true, tracking: false, fx: { open: 'fadeIn', openSpeed: '' }, hoverIntent: { sensitivity: 3, interval: 100, timeout: 30 } }); Thanks.
[jQuery] Re: horizontal accordion menu
Thanks for the response. That plugin has equal width for all content areas. I need my content areas to only be as wide as the content inside that specific area. See my example to know what im talking about: http://architexture.ca/_burnkit/index.html You will notice Approach is the widest, so the other section follow. You will see why I need my content areas to be vary. Glen Lipka wrote: > > Possibly a styled version of the horizontal accordion plugin? > http://dev.portalzine.de/index?/Horizontal_Accordion--print > > Glen > > On Dec 6, 2007 10:16 AM, sherman <[EMAIL PROTECTED]> wrote: > >> >> >> The menu needs a specific width set for the "contentwidth" portion of >> the >> slider. >> >> Do you know how I could make my content widths variable? or to just >> display >> the content inside the container? >> >> Does this make sense? >> >> Here is a link to the code: http://architexture.ca/_burnkit/index.html >> >> You will see that when you click "About Us" the same content width is >> applied to "Partners" and it shows the background next to Contact. I also >> need to add a wider section to "Approach", so you can see my need for a >> variable widths. >> >> >> >> >> sherman wrote: >> > >> > Hello, >> > >> > I'm in desperate need for help with a horizontal accordion menu that >> > functions similar to the vertical More Showing, More Hiding (option 1) >> > tutorial on the learningjquery.com site. The simpler the better so I >> can >> > apply the css around it. >> > >> > Any help or direction would be greatly appreciated as I am very new to >> > jQuery. >> > >> > Thanks, >> > >> > Jamie >> > >> >> -- >> View this message in context: >> http://www.nabble.com/horizontal-accordion-menu-tf4954129s27240.html#a14197944 >> Sent from the jQuery General Discussion mailing list archive at >> Nabble.com >> . >> >> > > -- View this message in context: http://www.nabble.com/horizontal-accordion-menu-tf4954129s27240.html#a14198714 Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Can figure out the diference between input button and button
Hi list Long time lurker, first time poster, so here it goes: I have a simple form that call a $.get, if I have a my code works but if I have a it doesn't ... can anyone tell me what I'm doing wrong? here's the code: $(document).ready(function(){ $("#btSubmit").click(function () { var id = $("#user_id").val(); var number2 = $('#number2').attr('value'); $.get("a_edit.php", { userid: id, number2: number2 }, function(data){ alert("Data Loaded: " + data); $("#edit_response").append(data); }); }); }); and the html that works and the html that don't work: TIA Marcelo Wolfgang
[jQuery] Re: Datepicker and autocomplete not playing nice together?
Shawn, What is the order in which you're importing the js files? Dan On Dec 3, 7:12 pm, Shawn <[EMAIL PROTECTED]> wrote: > Sorry, maybe this was misleading. I have a form that looks something > like so: > > Employee: > > Start Date: ___ # > > The employee field would be the autocomplete field, and the start date > would have the date picker. With the dimensions plugin, the calendar > will slide down properly below the date field, but then snap above it. > Not a very large problem - unless the date field is near the top of the > page causing the calendar DIV to have a negative value for it's TOP > position. (making it partly hidden and not accessible). Turning off the > dimensions plugin (removing the script include) makes the date-picker > work properly but now I'm getting the list.scrollTop error when doing > the autocomplete on the employee field. > > I'm digging through my CSS files to make sure I haven't done something > bone-headed, but so far it seems proper... > > Thanks for the input. > > Shawn > > Dan M wrote: > > Shawn, > > > Are you able to "turn off" the auto complete for your date picker > > fields? I couldn't see it being very useful there anyway... > > > Dan > > > On Dec 3, 12:22 am, Shawn <[EMAIL PROTECTED]> wrote: > >> I have a couple of forms that require both an autocomplete field, and a > >> date picker field. I'm using the ui.datepicker and Jorn's autocomplete. > > >> The problem is that Jorn's autocomplete requires the dimensions plugin. > >> When the dimensions plug in is in place, the datepicker is getting > >> given the wrong values for the top position of the calendar. If I take > >> the dimension plugin out, the calendar behaves properly, but the > >> autocomplete throws an error. ( "list.scrollTop is not a function" ). > > >> With dimensions, the calendar slides down as usual, but once sliding is > >> complete the calendar snaps above the text box - with parts of the > >> calendar off the visible area of the page (i.e. hiding behind the > >> toolbars). > > >> Any simple way to resolve this? > > >> Shawn
[jQuery] Remy's been hiding something
So stud jQuery coder Remy Sharp has been hiding something. Something that he let out of the bad today. Its a new site that will help designers become proficient in jQuery. http://jqueryfordesigners.com/ Very stealthy Remy! Rey...
[jQuery] Re: Show/Hide Div with checkbox options providing same results
Actually, what I need it to do is show one instance of Div 4, not two. I'm using the div for a text field, so I only need to show one version of it. The checkboxes showing the div are independent of each other in value, but have the same corresponding text field which should be filled out if either or both of these checkboxes are selected. Does that make sense? On Dec 6, 12:36 pm, "Glen Lipka" <[EMAIL PROTECTED]> wrote: > I whipped a demo. Does this do what you > want?http://www.commadot.com/jquery/checkBoxShow.php > > Couple of tips: > >1. Try to avoid putting onclick handlers in your html. jQuery does >this really easily and makes your html easier to read. >2. getElementByID can be expressed as $("#yourID").dosomething... >Much more concise and jQuery-ish. :) >3. The toggle function will automatically show if hidden and hide if >shown without the IF shatement. > > Hope these help. When I first started jQuery, I had to forget everything I > knew about JS (which wasn't much). It just did it all without the muss. > > Glen > > On Dec 6, 2007 8:30 AM, Ryan <[EMAIL PROTECTED]> wrote: > > > > > I'm completely versed in the show/hide options available, but have a > > problem I haven't been able to figure out. I'm hoping jquery will have > > the answer. I have 5 checkbox input options, the first two options > > providing the same show div. For example, > > > > > > > > > > > > > > > > > > > > > > > onclick="showMe('div1', this)" />value1 > > > > onclick="showMe('div1', this)" />value2 > > > > onclick="showMe('div2', this)" />value3 > > > > onclick="showMe('div3', this)" />value4 > > > > onclick="showMe('div4', this)" />value5 > > > Show Div 1 > > Show Div 2 > > Show Div 3 > > Show Div 4 > > > > > > > > > > > As you can see, the first two options should show the same div. > > Selecting one or both isn't a problem, the div appears as should, but > > when deselecting one of the checkboxes, the div disappears even though > > one of the checkboxes is still selected. > > > Does anyone have an idea as to how I can get the div to remain > > selected when one of the two checkboxes is deselected? Or, if either > > of the checkboxes are selected, to provide just one result? > > > Thanks!
[jQuery] Re: Error in Ajax Queue plugin
[EMAIL PROTECTED] schrieb: Well I tried it, and it seems to work, however it triggers the 'error' handler too: If you'd be actually using the version I pointed to, there would be an error saying $.ajaxQueue is not a function. Please check that you are actually using the right version. And to get a bit more feedback about the error you could log the arguments to the error callback. Jörn
[jQuery] Re: autocomplete bug when focus called
Shelane Enos schrieb: Sorry it took a while. I had a very busy day. This example shows the focus bug: http://education.llnl.gov/jquery/adv_auto2.lasso This example shows the other bug: http://education.llnl.gov/jquery/adv_auto3.lasso This bug is the bug where the first set of results will override the second. I watch in firebug after I typed in mod a get was called for mo (my minimum number of letters) and then a get request was called for mod. The results >from mod came back quicker (because the results set was smaller or the query was faster). Then the first "mo" were returned and replaced the second. Just type mod and let it sit there. Thanks for looking. Okay, thanks for the description. I think this is easy to fix: Just include jquery.ajaxQueue.js on your site. It enhances jQuery's $.ajax method and the autocomplete uses its abort-mode when available. That way an active previous autocomplete request is canceled when a new one starts. That should fix your problem. Thanks for bringing it up, I'll add something to the docs about it. http://dev.jquery.com/view/trunk/plugins/autocomplete/lib/jquery.ajaxQueue.js Jörn
[jQuery] Making a jQuery plugin
I can't seem to remember since it has been ahile since I want to do this, how do i make a jQuery plug that i can access like var paginator = $.paginator({/*data*/}); paginator.next_page(); //etc... currently my code is like this: (function($) { initialize= function(options) { $.extend(this.options, options); }; options = { 'url': null, 'replace_id': null, 'load_file': null, 'total_items': 0, 'items_per_page': 10, 'total_pages': 0, 'current_page': 0, 'new_page': 0; }; }(jQuery); I also need to make sure that the initialize function is called when i create the object. Thanks. -- View this message in context: http://www.nabble.com/Making-a-jQuery-plugin-tf4958186s27240.html#a14199613 Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: cluetip plugin prevents click event
Karl, Thank you for making the modification. I'm trying to do the same thing as driven. Your modification works great in my situation. Spencer On Dec 6, 9:30 am, Karl Swedberg <[EMAIL PROTECTED]> wrote: > Hi guys, > > The default is to return false on a link click if the href and the > tipAttribute (which is rel by default) are equal. > > Your request seems like a reasonable one, though, so I've added (yet > another) option called "clickThrough". If you set it to true, clicking > on the link should open the linked page (provided you don't have > "activation" set to "click"). > > I haven't bundled it up yet, because I'm still ironing out the details > on another new feature (mouse tracking), but it's in svn, if you want > to give it a whirl: > > http://jqueryjs.googlecode.com/svn/trunk/plugins/cluetip/jquery.cluet... > > --Karl > _ > Karl Swedbergwww.englishrules.comwww.learningjquery.com > > On Dec 6, 2007, at 10:15 AM, DaveG wrote: > > > > > > > driven wrote: > >> I am using cluetip to put tooltips on the links in a search results > >> page. I have the 'activation' setting as 'hover' but unfortunately > >> cluetip cancels the normal click event and I can't actually follow > >> the > >> links. I don't see any examples or settings that will let me actually > >> click on the links. Is this possible? > > I'm not 100% sure, but I seem to recal that this might be what > > you're looking for: > > onActivate: function(e) {return true;} > > > That should be the default though, so not sure if you've overridden > > it. > > > ~ ~ David- Hide quoted text - > > - Show quoted text -
[jQuery] Re: xml parsing bug or feature?
Thanks for explaining that Dave. On 12/6/07, Equand <[EMAIL PROTECTED]> wrote: > > > yeah i'm using ajax ) thank you very much, now i see i was using > pretty unstable selector, thank you ;) > > On Dec 6, 7:17 pm, David Serduke <[EMAIL PROTECTED]> wrote: > > jQuery only takes two parameters on $(). (the second one is optional) > > > > $(expression, context) > > > > http://docs.jquery.com/Core/jQuery#expressioncontext > > > > so your first attempt had 3 parameters. The last one was ignored. > > The second one became the context so jQuery was looking for a tag > > in the string "Data" which of course it couldn't find. > > > > Maybe what you wanted was $("item,Data", xml) which will return a last > > of item and Data in one jQuery object. It's a matter of placing the > > quotes in the right place. > > > > One last comment, jQuery can look through XML but can't parse it so: > > > > $("text") won't work in IE and is buggy in > > FF. The xml created by an ajax request should work fine though. > > > > David > > > > On Dec 6, 8:37 am, Equand <[EMAIL PROTECTED]> wrote: > > > > > but what's the difference? > > > do i need to write separate parsing functions for one and several > > > items? > > > or i can use $("Data item", xml) selector for both cases? > > > > > On Dec 6, 5:31 pm, "Benjamin Sterling" > > > > > <[EMAIL PROTECTED]> wrote: > > > > Equand, > > > > I think you need to do: > > > > > > $("Data item", xml).size() > > > > > > On 12/6/07, Equand <[EMAIL PROTECTED]> wrote: > > > > > > > when in the root node of xml file i have only one node with text > in > > > > > it, when i parse this xml using jquery, i' am unable to get the > > > > > included node... > > > > > for example > > > > > > > > > > text > > > > > > > > > > > > when i try then $("item", "Data", xml).size() > > > > > i will receive 0. > > > > > why that happens? that's quite illogical... > > > > > > -- > > > > Benjamin > Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.comhttp://www.benjam...Hide > quoted text - > > > > > - Show quoted text - > -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com http://www.benjaminsterling.com
[jQuery] Re: [NEWS] Getting jQuery Adopted in Corporations
Dugg _ From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Glen Lipka Sent: Thursday, December 06, 2007 12:53 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: [NEWS] Getting jQuery Adopted in Corporations Wow, the "digg this story" thing worked. :) http://digg.com/programming/Getting_jQuery_into_Big_Corporations Glen On Dec 6, 2007 10:12 AM, Sean Catchpole <[EMAIL PROTECTED]> wrote: > 1. Is jQuery going to be here for the long term? Yes, with a large and active community jQuery is in it for the long run. Help is always easy to find. > 2. Why not use prototype, what are the benefits of jQuery over it? jQuery simplifies and reduces code size, and offers a plugin system that rapidly increases development time. ~Sean
[jQuery] Re: [NEWS] Getting jQuery Adopted in Corporations
Wow, the "digg this story" thing worked. :) http://digg.com/programming/Getting_jQuery_into_Big_Corporations Glen On Dec 6, 2007 10:12 AM, Sean Catchpole <[EMAIL PROTECTED]> wrote: > > > 1. Is jQuery going to be here for the long term? > Yes, with a large and active community jQuery is in it for the long > run. Help is always easy to find. > > > 2. Why not use prototype, what are the benefits of jQuery over it? > jQuery simplifies and reduces code size, and offers a plugin system > that rapidly increases development time. > > ~Sean >
[jQuery] Re: xml parsing bug or feature?
yeah i'm using ajax ) thank you very much, now i see i was using pretty unstable selector, thank you ;) On Dec 6, 7:17 pm, David Serduke <[EMAIL PROTECTED]> wrote: > jQuery only takes two parameters on $(). (the second one is optional) > > $(expression, context) > > http://docs.jquery.com/Core/jQuery#expressioncontext > > so your first attempt had 3 parameters. The last one was ignored. > The second one became the context so jQuery was looking for a tag > in the string "Data" which of course it couldn't find. > > Maybe what you wanted was $("item,Data", xml) which will return a last > of item and Data in one jQuery object. It's a matter of placing the > quotes in the right place. > > One last comment, jQuery can look through XML but can't parse it so: > > $("text") won't work in IE and is buggy in > FF. The xml created by an ajax request should work fine though. > > David > > On Dec 6, 8:37 am, Equand <[EMAIL PROTECTED]> wrote: > > > but what's the difference? > > do i need to write separate parsing functions for one and several > > items? > > or i can use $("Data item", xml) selector for both cases? > > > On Dec 6, 5:31 pm, "Benjamin Sterling" > > > <[EMAIL PROTECTED]> wrote: > > > Equand, > > > I think you need to do: > > > > $("Data item", xml).size() > > > > On 12/6/07, Equand <[EMAIL PROTECTED]> wrote: > > > > > when in the root node of xml file i have only one node with text in > > > > it, when i parse this xml using jquery, i' am unable to get the > > > > included node... > > > > for example > > > > > > > > text > > > > > > > > > when i try then $("item", "Data", xml).size() > > > > i will receive 0. > > > > why that happens? that's quite illogical... > > > > -- > > > Benjamin > > > Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.comhttp://www.benjam...Hide > > > quoted text - > > > - Show quoted text -
[jQuery] Re: horizontal accordion menu
Possibly a styled version of the horizontal accordion plugin? http://dev.portalzine.de/index?/Horizontal_Accordion--print Glen On Dec 6, 2007 10:16 AM, sherman <[EMAIL PROTECTED]> wrote: > > > The menu needs a specific width set for the "contentwidth" portion of the > slider. > > Do you know how I could make my content widths variable? or to just > display > the content inside the container? > > Does this make sense? > > Here is a link to the code: http://architexture.ca/_burnkit/index.html > > You will see that when you click "About Us" the same content width is > applied to "Partners" and it shows the background next to Contact. I also > need to add a wider section to "Approach", so you can see my need for a > variable widths. > > > > > sherman wrote: > > > > Hello, > > > > I'm in desperate need for help with a horizontal accordion menu that > > functions similar to the vertical More Showing, More Hiding (option 1) > > tutorial on the learningjquery.com site. The simpler the better so I can > > apply the css around it. > > > > Any help or direction would be greatly appreciated as I am very new to > > jQuery. > > > > Thanks, > > > > Jamie > > > > -- > View this message in context: > http://www.nabble.com/horizontal-accordion-menu-tf4954129s27240.html#a14197944 > Sent from the jQuery General Discussion mailing list archive at Nabble.com > . > >
[jQuery] Re: Show/Hide Div with checkbox options providing same results
I whipped a demo. Does this do what you want? http://www.commadot.com/jquery/checkBoxShow.php Couple of tips: 1. Try to avoid putting onclick handlers in your html. jQuery does this really easily and makes your html easier to read. 2. getElementByID can be expressed as $("#yourID").dosomething... Much more concise and jQuery-ish. :) 3. The toggle function will automatically show if hidden and hide if shown without the IF shatement. Hope these help. When I first started jQuery, I had to forget everything I knew about JS (which wasn't much). It just did it all without the muss. Glen On Dec 6, 2007 8:30 AM, Ryan <[EMAIL PROTECTED]> wrote: > > I'm completely versed in the show/hide options available, but have a > problem I haven't been able to figure out. I'm hoping jquery will have > the answer. I have 5 checkbox input options, the first two options > providing the same show div. For example, > > > > > > > > > > > > > onclick="showMe('div1', this)" />value1 > > onclick="showMe('div1', this)" />value2 > > onclick="showMe('div2', this)" />value3 > > onclick="showMe('div3', this)" />value4 > > onclick="showMe('div4', this)" />value5 > > Show Div 1 > Show Div 2 > Show Div 3 > Show Div 4 > > > > > > > As you can see, the first two options should show the same div. > Selecting one or both isn't a problem, the div appears as should, but > when deselecting one of the checkboxes, the div disappears even though > one of the checkboxes is still selected. > > Does anyone have an idea as to how I can get the div to remain > selected when one of the two checkboxes is deselected? Or, if either > of the checkboxes are selected, to provide just one result? > > Thanks! >
[jQuery] Re: Strange unwanted delay problem
I am having trouble reproducing the error. I see a different weird behavior. Hover on the links or not doesnt seem to change this. If I mouse over the column and mouseout before it finishes animating, then it never closes. Could you elaborate a little on the problem you are seeing? I am in FF Glen On Dec 6, 2007 5:03 AM, Trond Ulseth <[EMAIL PROTECTED]> wrote: > > Hello all, > > I have several div's which are animated on mouseover: > > $('.pan').mouseover(function() { >$(this).animate( { marginLeft:"-182px" }, 1000); > }); > > I then have another div laying behind the animated ones that on a > mouseover reverts the animation: > > $('##pancontainer').mouseover(function() { >$('#pan1').animate( { marginLeft:"0px" }, 200); >$('#pan2').animate( { marginLeft:"0px" }, 200); >$('#pan3').animate( { marginLeft:"0px" }, 200); >$('#pan4').animate( { marginLeft:"0px" }, 200); >$('#pan5').animate( { marginLeft:"0px" }, 200); >$('#pan6').animate( { marginLeft:"0px" }, 200); > }); > > So far so good - it works like a charm. > > Then inside the animated divs I put several links. Now if I hover over > one or more of the links inside the div before taking the mouse of - > the function which reverts the animation is several seconds delayed. > If i just mouseover the div without hovering the link it works like it > should. > > This is driving me mad, as I can't understand why it behaves like > this. I don't have any other jquery or js scripts other than the ones > above. > > You can have a look yourselves at http://intern.idl.no:65241 > > If anyone could help me solve this I'd appreciate it very much. >
[jQuery] Re: xml parsing bug or feature?
jQuery only takes two parameters on $(). (the second one is optional) $(expression, context) http://docs.jquery.com/Core/jQuery#expressioncontext so your first attempt had 3 parameters. The last one was ignored. The second one became the context so jQuery was looking for a tag in the string "Data" which of course it couldn't find. Maybe what you wanted was $("item,Data", xml) which will return a last of item and Data in one jQuery object. It's a matter of placing the quotes in the right place. One last comment, jQuery can look through XML but can't parse it so: $("text") won't work in IE and is buggy in FF. The xml created by an ajax request should work fine though. David On Dec 6, 8:37 am, Equand <[EMAIL PROTECTED]> wrote: > but what's the difference? > do i need to write separate parsing functions for one and several > items? > or i can use $("Data item", xml) selector for both cases? > > On Dec 6, 5:31 pm, "Benjamin Sterling" > > > > <[EMAIL PROTECTED]> wrote: > > Equand, > > I think you need to do: > > > $("Data item", xml).size() > > > On 12/6/07, Equand <[EMAIL PROTECTED]> wrote: > > > > when in the root node of xml file i have only one node with text in > > > it, when i parse this xml using jquery, i' am unable to get the > > > included node... > > > for example > > > > > > text > > > > > > > when i try then $("item", "Data", xml).size() > > > i will receive 0. > > > why that happens? that's quite illogical... > > > -- > > Benjamin > > Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.comhttp://www.benjam...- > > Hide quoted text - > > - Show quoted text -
[jQuery] Re: Data containing ? at the start getting converted to jsonp.... by ajax() call
Sadly. That doesn't do it either. I am deliberately trying to send a ? (since the bug occurred when a user typed it into an input box that I use as the basis of an AJAX request). The bug occurs because jQuery is treating =? as a special string, but it can happen for mundane reasons, and there is no way to disable the behavior. -ben On Dec 6, 11:30 am, "Benjamin Sterling" <[EMAIL PROTECTED]> wrote: > Ben, (its like talking to myself) > Put cache:true into your ajax call, the ? is to prevent caching. > > On 12/6/07, Ben Bennett <[EMAIL PROTECTED]> wrote: > > > > > > > Is this the wrong forum for this question? Should I take it to the > > dev list or put it in the bug tracker? > > > Thanks, > > > -ben > > > On Dec 4, 2:00 pm, Ben Bennett <[EMAIL PROTECTED]> wrote: > > > This is my first post so I really should thank everyone for a > > > fanatastic library. > > > > However, I think I have found a bug... > > > > Using jQuery 1.2.1, if I have: > > > > $.ajax({ > > > type: "POST", > > > url: "test.html", > > > dataType: "json", > > > data: {query: queryString}, > > > > }); > > > > When queryString starts with a ? it will get converted to > > > jsonp1231234124... > > > > This is clearly happening because of the code at line 2226 of the full > > > release version: > > > // Build temporary JSONP function > > > if ( s.dataType == "json" && (s.data && > > > s.data.match(jsre) || s.url.match(jsre)) ) { > > > jsonp = "jsonp" + jsc++; > > > > // Replace the =? sequence both in the query > > > string and the data > > > if ( s.data ) > > > s.data = s.data.replace(jsre, "=" + > > > jsonp); > > > s.url = s.url.replace(jsre, "=" + jsonp); > > > > ... > > > > But I see no way to prevent that from happening. > > > > Now... one might suggest that I should avoid a leading ? in my option > > > names. But I am taking them from input boxes and ? is a valid thing > > > for a user to type. Unfortunately there seems to be no good way to > > > escape the string to prevent this behavior (without teaching the > > > called code how to unescape it). > > > > Also, the docs don't mention that the =? escaping happens to a json > > > dataType... I see it for jsonp. > > > > Is this behavior intentional? If so, there should be a way to > > > suppress it or at a way for the calling code to escape the values to > > > cause a leading ? to be passed to the server. > > > > -ben > > -- > Benjamin > Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.comhttp://www.benjaminsterling.com
[jQuery] Re: horizontal accordion menu
The menu needs a specific width set for the "contentwidth" portion of the slider. Do you know how I could make my content widths variable? or to just display the content inside the container? Does this make sense? Here is a link to the code: http://architexture.ca/_burnkit/index.html You will see that when you click "About Us" the same content width is applied to "Partners" and it shows the background next to Contact. I also need to add a wider section to "Approach", so you can see my need for a variable widths. sherman wrote: > > Hello, > > I'm in desperate need for help with a horizontal accordion menu that > functions similar to the vertical More Showing, More Hiding (option 1) > tutorial on the learningjquery.com site. The simpler the better so I can > apply the css around it. > > Any help or direction would be greatly appreciated as I am very new to > jQuery. > > Thanks, > > Jamie > -- View this message in context: http://www.nabble.com/horizontal-accordion-menu-tf4954129s27240.html#a14197944 Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: [NEWS] Getting jQuery Adopted in Corporations
> 1. Is jQuery going to be here for the long term? Yes, with a large and active community jQuery is in it for the long run. Help is always easy to find. > 2. Why not use prototype, what are the benefits of jQuery over it? jQuery simplifies and reduces code size, and offers a plugin system that rapidly increases development time. ~Sean
[jQuery] Re: hover and className
Glen Lipka wrote: Well it sounds like you are in a better place than last week. :) Absolutely -- thanks for your help.
[jQuery] Re: Sortable + Draggable/Sortable
danielpunt wrote: > Hi all, > > I have two unordered lists and both its listitems are draggable and > droppable on the other list. Until this point everything is working > exactly as it should. > > But, one of the lists should be sortable, and thats where it goes > wrong. The list isn't sortable and i get a lot of different errors. > > Can anybody help me? > > Example at: http://dev.danielpunt.nl/IA/lib/jQueryTest/ > I tried doing something similar to this but using only sortables: http://test.adaptavist.com I ran in to this problem: http://dev.jquery.com/ticket/2004 (and a few others that you'll quickly spot)
[jQuery] Show/Hide Div with checkbox options providing same results
I'm completely versed in the show/hide options available, but have a problem I haven't been able to figure out. I'm hoping jquery will have the answer. I have 5 checkbox input options, the first two options providing the same show div. For example, value1 value2 value3 value4 value5 Show Div 1 Show Div 2 Show Div 3 Show Div 4 As you can see, the first two options should show the same div. Selecting one or both isn't a problem, the div appears as should, but when deselecting one of the checkboxes, the div disappears even though one of the checkboxes is still selected. Does anyone have an idea as to how I can get the div to remain selected when one of the two checkboxes is deselected? Or, if either of the checkboxes are selected, to provide just one result? Thanks!
[jQuery] Re: cluetip plugin prevents click event
Hi guys, The default is to return false on a link click if the href and the tipAttribute (which is rel by default) are equal. Your request seems like a reasonable one, though, so I've added (yet another) option called "clickThrough". If you set it to true, clicking on the link should open the linked page (provided you don't have "activation" set to "click"). I haven't bundled it up yet, because I'm still ironing out the details on another new feature (mouse tracking), but it's in svn, if you want to give it a whirl: http://jqueryjs.googlecode.com/svn/trunk/plugins/cluetip/jquery.cluetip.js --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Dec 6, 2007, at 10:15 AM, DaveG wrote: driven wrote: I am using cluetip to put tooltips on the links in a search results page. I have the 'activation' setting as 'hover' but unfortunately cluetip cancels the normal click event and I can't actually follow the links. I don't see any examples or settings that will let me actually click on the links. Is this possible? I'm not 100% sure, but I seem to recal that this might be what you're looking for: onActivate: function(e) {return true;} That should be the default though, so not sure if you've overridden it. ~ ~ David
[jQuery] Re: hover and className
Well it sounds like you are in a better place than last week. :) Let us know if there is anything else we can help with. Best, Glen On Dec 5, 2007 7:47 PM, DaveG <[EMAIL PROTECTED]> wrote: > > > > Glen Lipka wrote: > > Let's start at the beginning. Let's assume (work with me here) that > > autogeneration of sprites and css is the path to ruin. > Actually, I don't agree with this statement. Auto-generation get you the > sprite and positioning css, which is nice, and is useful. One of the > primary benefits though is automation -- a consistent, theoretically > error free management of the process. > > It's the same reason people prefer to automate build processes. Take the > chance of tedium induced errors out of the equation. > > > > Let's assume 100 images should be manageable in a very easy way. (When > > you add new images it should take under 3 minutes to update things) > Okay. > > > Here a beginning... > > http://www.commadot.com/jquery/hoverSprite.php > > > > Structure is everything. When you set up a good architecture, > > maintenance is easy. > So, basically we have a large grid structure with a single image in each > cell. Since the grid is statically sized, we have a fixed offset to > apply for the hover effect. > > > > So far in the demo I have. > > 1. Images are variable size, currently width is variable, if height is > > variable that is fine, but I would like to see the range of possible > > heights/widths. > > 2. Some are hoverable and some not. I use the "canHover" class and the > > "button" class in tandem to achieve the right selection. > This approach clearly makes the markup cleaner, and makes the hover js > simpler as well. I haven't run any performance metrics, but I'd suspect > this approach is quicker, but the difference is probably not user > noticeable, even on 100's of images. > > So we now have a cleaner coded solution, but have lost the benefit of > automation, and with it incurred a larger testing effort, every time an > image is added/removed. In our case I'm not sure this is an appropriate > trade-off, given the relatively small amount of code simplification we > gained. > > > > Look at the source and go slow. I am sure this doesn't scale for some > > reason. Show me the images to add and I will show you how it scales. > I think it does scale, although at some point there's going to be an > overhead due to the 'whitespace' around the smaller images. PNG seems to > do pretty well at compressing this though, so a few k at the most. > > > > PS. This technique works for a sprite I manage. Rows: 80, Cols: 8. > > Its gigantic and super easy to manage. > > Thanks for sharing your approach -- it certainly helped me think some > things through, and it's always good to bounce the idea around for a > sanity check. > > Oh, and I did realize a fundamental assumption I made way early on. For > some reason I decided that the initially combined over/out sprites > needed to be separated in order to use the large sprite idea. Not true. > In fact keeping the over/out sprite combined as a single image, and > merging that image into the larger sprite would have opened another > option, of simply off-setting the initial image by the image width (or > height depending on how the over/out sprite was stacked). > > > ~ ~ David >
[jQuery] Re: Toggle on TR.onclick but not on content link
Hi Freud, You might want to try adding an "event" argument to the click handler: $(document).ready(function() { $("tr.clickme").click( function(event) { if ( !$(event.target).is('a') ) { var ids = $(this).attr('id').split('_'); var id = (ids[(ids.length-1)]); $("#showme_"+id+" >div").each(function(){ $(this).toggle(); }); $("#showme_"+id).toggle(); } } ); }); This first makes sure that "event.target" is not a link before it does the toggle. Hope that helps. --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Dec 6, 2007, at 10:09 AM, Freud wrote: Hi, I'm facing a "stupid" stuff. I have a table. When I click on a TR, it displays another TR containing datas : Data - Data - http://www.site.com Link - Data Extra Data - Another Div - http://www.site.com Extra Data - Extra Data It works perfectly with a toggle : $(document).ready(function() { $("tr.clickme").click( function() { var ids = $(this).attr('id').split('_'); var id = (ids[(ids.length-1)]); $("#showme_"+id+" >div").each(function(){ $(this).toggle(); }); $("#showme_"+id).toggle(); } ); }); But, when I click on a link (ID:link_1) inside the TR (ID:clickme_1), it triggers the toggle effect. I whish I could : - click "anywhere" on the TR and trigger the toggle - not trigger the toggle if i clicked on a link (juste open the new window) The problem is that the first triggered effect is the TR click and I can't find the way to prevent the effect when the link is clicked. Can anyone help me ? Freud -- View this message in context: http://www.nabble.com/Toggle-on-TR.onclick-but-not-on-content-link-tf4956507s27240.html#a14193890 Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Image Opacity 60 Percent on Hovering Images inside a link tag
$(".imageFadeOnHover").hover( function() { $(this).css("opacity", "0.6"); }, function() { $(this).css("opacity", "1.0"); } ); and don't forget to realise IE 5.5 equivalent DX filter. or to fade try $(".imageFadeOnHover").hover( function() { $(this).fadeTo("fast","0.6"); }, function() { $(this).fadeTo("fast","1.0"); } ); On Dec 6, 5:52 pm, cfdvlpr <[EMAIL PROTECTED]> wrote: > I'd like to do this with minimal code and so a plugin that has a whole > lot of other features would not be ideal. Could someone get me > started with some jQuery code that would do this? > > Here's the html: > class="imageFadeOnHover" src"filename.jpg">
[jQuery] Re: Simple loop through JSon object.
Not sure why you think that's verbose, but you could always use getJSON to tighten it up (assuming you're doing a 'get' and returning an array as you're JSON data): $.getJSON(myURL, function(data) { for (var i=0; i < data.length; i++) alert(data[i]); }); On Dec 6, 2007 11:03 AM, Tom Holder <[EMAIL PROTECTED]> wrote: > > I had to go with: > > var uploadedFiles = eval("(" + server_data + ")"); > > for (var i = 0; i < uploadedFiles.length; i++) > { > alert(uploadedFiles[i]); > } > > Where server_data is my json structured content. > > This seems a bit verbose, but does the job. > > > On Dec 6, 2:56 pm, Tom Holder <[EMAIL PROTECTED]> wrote: > > Thanks Mike, > > > > That actually doesn't seem to work. It splits it in to every > > character. > > > > I will keep playing though. > > > > On Dec 6, 1:32 pm, "Mike Alsup" <[EMAIL PROTECTED]> wrote: > > > > > Tom, > > > > > The most efficient way to iterate an array like this is just a simple > > > for loop. > > > > > // where arr = ["data1","data2","data3"] > > > > > for (var i=0; i < arr.length; i++) { > > > var o = arr[i]; > > > // do something with o > > > > > } > > > > > > What's the quickest way to iterate over a very siple JSon object? > > > > > > My object looks like: > > > > > > ["data1","data2","data3"] >
[jQuery] Image Opacity 60 Percent on Hovering Images inside a link tag
I'd like to do this with minimal code and so a plugin that has a whole lot of other features would not be ideal. Could someone get me started with some jQuery code that would do this? Here's the html:
[jQuery] Re: xml parsing bug or feature?
but what's the difference? do i need to write separate parsing functions for one and several items? or i can use $("Data item", xml) selector for both cases? On Dec 6, 5:31 pm, "Benjamin Sterling" <[EMAIL PROTECTED]> wrote: > Equand, > I think you need to do: > > $("Data item", xml).size() > > On 12/6/07, Equand <[EMAIL PROTECTED]> wrote: > > > > > when in the root node of xml file i have only one node with text in > > it, when i parse this xml using jquery, i' am unable to get the > > included node... > > for example > > > > text > > > > > when i try then $("item", "Data", xml).size() > > i will receive 0. > > why that happens? that's quite illogical... > > -- > Benjamin > Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.comhttp://www.benjaminsterling.com
[jQuery] Re: Data containing ? at the start getting converted to jsonp.... by ajax() call
Ben, (its like talking to myself) Put cache:true into your ajax call, the ? is to prevent caching. On 12/6/07, Ben Bennett <[EMAIL PROTECTED]> wrote: > > > Is this the wrong forum for this question? Should I take it to the > dev list or put it in the bug tracker? > > Thanks, > > -ben > > On Dec 4, 2:00 pm, Ben Bennett <[EMAIL PROTECTED]> wrote: > > This is my first post so I really should thank everyone for a > > fanatastic library. > > > > However, I think I have found a bug... > > > > Using jQuery 1.2.1, if I have: > > > > $.ajax({ > > type: "POST", > > url: "test.html", > > dataType: "json", > > data: {query: queryString}, > > > > }); > > > > When queryString starts with a ? it will get converted to > > jsonp1231234124... > > > > This is clearly happening because of the code at line 2226 of the full > > release version: > > // Build temporary JSONP function > > if ( s.dataType == "json" && (s.data && > > s.data.match(jsre) || s.url.match(jsre)) ) { > > jsonp = "jsonp" + jsc++; > > > > // Replace the =? sequence both in the query > > string and the data > > if ( s.data ) > > s.data = s.data.replace(jsre, "=" + > > jsonp); > > s.url = s.url.replace(jsre, "=" + jsonp); > > > > ... > > > > But I see no way to prevent that from happening. > > > > Now... one might suggest that I should avoid a leading ? in my option > > names. But I am taking them from input boxes and ? is a valid thing > > for a user to type. Unfortunately there seems to be no good way to > > escape the string to prevent this behavior (without teaching the > > called code how to unescape it). > > > > Also, the docs don't mention that the =? escaping happens to a json > > dataType... I see it for jsonp. > > > > Is this behavior intentional? If so, there should be a way to > > suppress it or at a way for the calling code to escape the values to > > cause a leading ? to be passed to the server. > > > > -ben > -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com http://www.benjaminsterling.com
[jQuery] Re: xml parsing bug or feature?
Equand, I think you need to do: $("Data item", xml).size() On 12/6/07, Equand <[EMAIL PROTECTED]> wrote: > > > when in the root node of xml file i have only one node with text in > it, when i parse this xml using jquery, i' am unable to get the > included node... > for example > > text > > > when i try then $("item", "Data", xml).size() > i will receive 0. > why that happens? that's quite illogical... > -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com http://www.benjaminsterling.com
[jQuery] Re: [NEWS] Getting jQuery Adopted in Corporations
> -Original Message- > From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] > Although I keep coming up against the following: > > 1. Is jQuery going to be here for the long term? > 2. Why not use prototype, what are the benefits of jQuery over it? > > I've tried to answer these the best I can to my team, but if anyone > else fancies helping me convince them post up some more reasons on why > jQuery is the right framework to use. I just started using it on small projects - and then when the topic of javascript libraries came up - I already had a foot in the door. :) I'm not sure 'long term' and internet go together but I think with more and more big players using jQuery (Google!) that it will be around in some form or fashion for a long time. Jim
[jQuery] xml parsing bug or feature?
when in the root node of xml file i have only one node with text in it, when i parse this xml using jquery, i' am unable to get the included node... for example text when i try then $("item", "Data", xml).size() i will receive 0. why that happens? that's quite illogical...
[jQuery] Re: hiding page elements instantly on page load
> > This works great on my localhost. However, when I publish online I > experience a problem: on page load the whole is shown for a > second, including all nested submenu's, before it is hidden by > jQuery. I guess this is because all elements need to be loaded > into the DOM before the jQuery code is started? Are you using the onload event or jQuery's document ready method? If you're using onload then you need to wait until all assets like images, flash movies have downloaded before the hide() function runs. The jQuery method will hide the nested ul as soon as the dom is ready to be manipulated $(document).ready(function(){ $(ul ul).hide(); }); --dave
[jQuery] Re: [NEWS] Getting jQuery Adopted in Corporations
Thanks for the link Rey. This is a process I'm going through at the moment to encourage our studio to be looking forwards in using jQuery as the foundation of our future javascript enhanced builds. Although I keep coming up against the following: 1. Is jQuery going to be here for the long term? 2. Why not use prototype, what are the benefits of jQuery over it? I've tried to answer these the best I can to my team, but if anyone else fancies helping me convince them post up some more reasons on why jQuery is the right framework to use. I tried telling them it makes javascript fun again, but they look at me with a confused look on their faces :D Rey Bango wrote: > jQuery UI team member Marc Grabanski has an excellent writeup on how to > build acceptance for jQuery in Corporate America: > > http://marcgrabanski.com/article/92/Getting-jQuery-into-Big-Corporations > > The 2 biggest points he mentions are the cross-browser rendering and the > list of notable companies/sites using jQuery. > > Excellent post Marc. > > Rey
[jQuery] Re: jChess
$(document).ready( function(){ $("#chessboard").chess(); } ); table.board{border:1px solid black} table.board td{border:1px solid black;display:table-cell} table.board td.legend{background-color:white;border:1px solid white;text-align:center;} table.board td.white{border:1px solid black;background-color:#f66} table.board td.black{border:1px solid black;background-color:#666} table.board td.black.highlight, table.board td.white.highlight {border:1px solid black;background-color:lightblue} table.board td.black.incheck, table.board td.white.incheck {border: 1px solid black;background-color:blue} div.piece {display:none} td.square {border:1px solid black;text-align:center;} td.blackMove, td.whiteMove {vertical-align:top} ul#gameoptions li {border:1px solid #006;background- color:#00a;color:#fff;margin:5px;padding:5px} ul#gameoptions li:hover {border:1px solid #006;background- color:#00f;color:#fff}
[jQuery] Re: Data containing ? at the start getting converted to jsonp.... by ajax() call
Is this the wrong forum for this question? Should I take it to the dev list or put it in the bug tracker? Thanks, -ben On Dec 4, 2:00 pm, Ben Bennett <[EMAIL PROTECTED]> wrote: > This is my first post so I really should thank everyone for a > fanatastic library. > > However, I think I have found a bug... > > Using jQuery 1.2.1, if I have: > > $.ajax({ > type: "POST", > url: "test.html", > dataType: "json", > data: {query: queryString}, > > }); > > When queryString starts with a ? it will get converted to > jsonp1231234124... > > This is clearly happening because of the code at line 2226 of the full > release version: > // Build temporary JSONP function > if ( s.dataType == "json" && (s.data && > s.data.match(jsre) || s.url.match(jsre)) ) { > jsonp = "jsonp" + jsc++; > > // Replace the =? sequence both in the query > string and the data > if ( s.data ) > s.data = s.data.replace(jsre, "=" + > jsonp); > s.url = s.url.replace(jsre, "=" + jsonp); > > ... > > But I see no way to prevent that from happening. > > Now... one might suggest that I should avoid a leading ? in my option > names. But I am taking them from input boxes and ? is a valid thing > for a user to type. Unfortunately there seems to be no good way to > escape the string to prevent this behavior (without teaching the > called code how to unescape it). > > Also, the docs don't mention that the =? escaping happens to a json > dataType... I see it for jsonp. > > Is this behavior intentional? If so, there should be a way to > suppress it or at a way for the calling code to escape the values to > cause a leading ? to be passed to the server. > > -ben
[jQuery] Re: jChess
if (window.Node && Node.prototype && !Node.prototype.contains) { Node.prototype.contains = function (arg) { return !!(this.compareDocumentPosition(arg) & 16) } } (function($) { //Make nodes selectable by expression $.extend($.expr[':'], { chess: "(' '+a.className+' ').indexOf(' game- chess ')" }); $.fn.chess = function(o) { return this.each(function() { new $.chess(this,o); }); } //Macros for external methods that support chaining var methods = "destroy,enable,disable,refresh".split(","); for(var i=0;i table tr td.square', gametype: options.gametype != undefined ? options.gametype: "standard", containment: options.containment ? (options.containment == 'game- chess' ? el : options.containment) : null, zIndex: options.zIndex || 1000, _start: function(h,p,c,t,e) { self.start.apply(t, [self, e]); // Trigger the onStart callback }, _beforeStop: function(h,p,c,t,e) { self.stop.apply(t, [self, e]); // Trigger the onStart callback }, _drag: function(h,p,c,t,e) { self.drag.apply(t, [self, e]); // Trigger the onStart callback }, startCondition: function() { return !self.disabled; } }); //Get the items var items = $(options.items, el); for (i=0;i"+this.layout[game].description+"" } strHTML += "" el.innerHTML = strHTML var chessboard = this $("#"+el.id+" ul#gameoptions li").click(function(){ chessboard.options.gametype = this.getAttribute("gametype"); chessboard.generateBoard(el); }); }, generateBoard: function(el){ var gridSize = this.layout[this.options.gametype].gridSize; var HTMLTable = "Whites Move" var startColour = "white" var found = true; var rowspan = gridSize+1 if(this.options.gametype=="omega"){ rowspan = gridSize+2 } Writeup = "White"; Writeup += "Black"; if(this.options.gametype=="omega"){ HTMLTable += " "; HTMLTable += " "; HTMLTable += " "; HTMLTable += " "; HTMLTable += " "; HTMLTable += " "; HTMLTable += " "; HTMLTable += " "; HTMLTable += " "; HTMLTable += " "; HTMLTable += " "; HTMLTable += " "; HTMLTable += " "+Writeup+""; Writeup = "" } for(colIndex=gridSize;colIndex>0;colIndex--){ HTMLTable += ""+colIndex+""; if(this.options.gametype=="omega"){ HTMLTable += " "; } for(rowIndex=1;rowIndex<=gridSize;rowIndex++){ HTMLTable += " "; if(startColour=="white"){ startColour="black"; }else{ startColour="white"; } } if(this.options.gametype=="omega"){ HTMLTable += " "; } if (found){ HTMLTable += Writeup found=false } HTMLTable += ""; if(startColour=="white"){ startColour="black"; }else{ startColour="white
[jQuery] Re: Simple loop through JSon object.
I had to go with: var uploadedFiles = eval("(" + server_data + ")"); for (var i = 0; i < uploadedFiles.length; i++) { alert(uploadedFiles[i]); } Where server_data is my json structured content. This seems a bit verbose, but does the job. On Dec 6, 2:56 pm, Tom Holder <[EMAIL PROTECTED]> wrote: > Thanks Mike, > > That actually doesn't seem to work. It splits it in to every > character. > > I will keep playing though. > > On Dec 6, 1:32 pm, "Mike Alsup" <[EMAIL PROTECTED]> wrote: > > > Tom, > > > The most efficient way to iterate an array like this is just a simple > > for loop. > > > // where arr = ["data1","data2","data3"] > > > for (var i=0; i < arr.length; i++) { > > var o = arr[i]; > > // do something with o > > > } > > > > What's the quickest way to iterate over a very siple JSon object? > > > > My object looks like: > > > > ["data1","data2","data3"]
[jQuery] Re: Quick Question... (got a meeting in 30 minutes)
Rick, I am not sure if one currently does all that, you can probably mod out the jqModal to have a scroll bar on the bottom and then style the scroll for will, I can't think of the name, but the scroll bar plugin. But if you want it to pan automatically, probably put just animate it margin:0 to margin: "what ever the math is to get the other end in site" and once that is done, fade out and fade in new image. Sorry if this is not any REAL help, I know how it is when going into a meeting and needing to come up with something on the fly. Good luck. On 12/6/07, Rick Faircloth <[EMAIL PROTECTED]> wrote: > > What jQuery plug-in(s) can provide a full-screen or > > almost full-window of a large, panorama image that is > > larger than the view port? > > I've searched around but don't have time to figure out > > the answer before my client meeting. > > It's for "virtual tours" of homes of panoramic photos. > > Dimensions could figure out how large to make the display. > > What could make the left to right smooth image scroll > > and fade to the next image? > > Thanks! > > Rick > -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com http://www.benjaminsterling.com
[jQuery] Re: cluetip plugin prevents click event
driven wrote: I am using cluetip to put tooltips on the links in a search results page. I have the 'activation' setting as 'hover' but unfortunately cluetip cancels the normal click event and I can't actually follow the links. I don't see any examples or settings that will let me actually click on the links. Is this possible? I'm not 100% sure, but I seem to recal that this might be what you're looking for: onActivate: function(e) {return true;} That should be the default though, so not sure if you've overridden it. ~ ~ David
[jQuery] Toggle on TR.onclick but not on content link
Hi, I'm facing a "stupid" stuff. I have a table. When I click on a TR, it displays another TR containing datas : Data - Data - http://www.site.com Link - Data Extra Data - Another Div - http://www.site.com Extra Data - Extra Data It works perfectly with a toggle : $(document).ready(function() { $("tr.clickme").click( function() { var ids = $(this).attr('id').split('_'); var id = (ids[(ids.length-1)]); $("#showme_"+id+" >div").each(function(){ $(this).toggle(); }); $("#showme_"+id).toggle(); } ); }); But, when I click on a link (ID:link_1) inside the TR (ID:clickme_1), it triggers the toggle effect. I whish I could : - click "anywhere" on the TR and trigger the toggle - not trigger the toggle if i clicked on a link (juste open the new window) The problem is that the first triggered effect is the TR click and I can't find the way to prevent the effect when the link is clicked. Can anyone help me ? Freud -- View this message in context: http://www.nabble.com/Toggle-on-TR.onclick-but-not-on-content-link-tf4956507s27240.html#a14193890 Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Quick Question... (got a meeting in 30 minutes)
What jQuery plug-in(s) can provide a full-screen or almost full-window of a large, panorama image that is larger than the view port? I've searched around but don't have time to figure out the answer before my client meeting. It's for "virtual tours" of homes of panoramic photos. Dimensions could figure out how large to make the display. What could make the left to right smooth image scroll and fade to the next image? Thanks! Rick
[jQuery] Re: Simple loop through JSon object.
Thanks Mike, That actually doesn't seem to work. It splits it in to every character. I will keep playing though. On Dec 6, 1:32 pm, "Mike Alsup" <[EMAIL PROTECTED]> wrote: > Tom, > > The most efficient way to iterate an array like this is just a simple > for loop. > > // where arr = ["data1","data2","data3"] > > for (var i=0; i < arr.length; i++) { > var o = arr[i]; > // do something with o > > } > > > What's the quickest way to iterate over a very siple JSon object? > > > My object looks like: > > > ["data1","data2","data3"]
[jQuery] Re: hiding page elements instantly on page load
You'll need to use PHP to hide those elements when they are created in the HTML output. The simplest (but ugliest) way to do this would be to add a style="display: none;" to each of the elements (or parent elements) that you want hidden. This should work assuming you're using one of jQuery's native show()/hide() (or something similar) commands that change this display attribute. On Dec 6, 6:05 am, bytte <[EMAIL PROTECTED]> wrote: > Hi guys, > > I use php to fetch a menu out of a mysql database. Basically the menu > is made up of a lot of nested unordered lists (). I'm using jQuery > to hide any submenu. This means that when a user visits the webpage he > only sees the first . When he clicks a , the submenu (again an > ) is shown. > > This works great on my localhost. However, when I publish online I > experience a problem: on page load the whole is shown for a > second, including all nested submenu's, before it is hidden by > jQuery. I guess this is because all elements need to be loaded > into the DOM before the jQuery code is started? > > Is there anything I can do to solve this problem? > > Thanks for any advice!
[jQuery] Re: adding a class to the label of a checked radio button
I thought I'd update the community with the working code. In order to get this working in Safari I took advise from the following thread and created a trigger on the label as well as the input element. http://groups.google.com/group/jquery-en/browse_thread/thread/149c4f8a32a846a2/ Here's my final code: $(document).ready(function() { $('#searchLabels').addClass('active'); // allows styling when JS is enabled $('#searchLabels :radio[id]').click( function() { var selectedInput = $(this).attr("id"); $('#searchLabels label').removeClass("selected"); $('#searchLabels label[for="' + selectedInput + '"]').addClass("selected"); }); $('#searchLabels label').click( function() { $('#searchLabels label').removeClass("selected"); $(this).addClass("selected"); }); }); and here it is in action in the top search area (turn off JS to see how nicely it degrades): http://deliciouslivingmag.com/ On Dec 3, 12:39 pm, sperks <[EMAIL PROTECTED]> wrote: > I think that this bit of script is adding a class to the for > attribute, but I'm wanting to add the class to the element that has > that for attribute. Can anyone help me do the targeting better? > Thanks > > $(document).ready(function() { > $('div#searchLabels').addClass('active'); // allows me to style the > radio buttons differently when JS is enabled > $('div#searchLabels :radio[id]').click( function() { > var selectedInput = $(this).text(); > $('div#searchLabels label').removeClass("selected"); > $('div#searchLabels label.attr("for","' + selectedInput + > '")').addClass("selected"); > }); > > });
[jQuery] Re: FadeTo enchancement
Thanks Mike :D On Dec 6, 1:28 pm, "Mike Alsup" <[EMAIL PROTECTED]> wrote: > > If the element's opacity currently exceeds the value you wish to fadeTo > > then you > > won't see any effect. But you can do something like this: > > I should rephrase that - you won't see an "in" effect with your fade > (you'll see an "out" effect).
[jQuery] [NEWS] Getting jQuery Adopted in Corporations
jQuery UI team member Marc Grabanski has an excellent writeup on how to build acceptance for jQuery in Corporate America: http://marcgrabanski.com/article/92/Getting-jQuery-into-Big-Corporations The 2 biggest points he mentions are the cross-browser rendering and the list of notable companies/sites using jQuery. Excellent post Marc. Rey
[jQuery] fxFade + tabsRotate
Okay guys, kinda new to this whole discussiongroup thing, so if i'm completely posting something in the wrong section or anything, then please forgive fot my ignorance.. I have a small problem with the tabsRotate function from jQuery, it all works fine except the order of witch the tabs rotate in is kinda messed up. At first i just used the #fragment-1 id's from the demo, but they had the same problem. I'd really apprecieate the effort if anyone would be so kind to check it out for me, cause when it comes to javascript i'm kind off a retard. You can find it at http://fmnewmedia.nl/project/wrnl/ (it's at the right bar beneeth ".Klassement" (and yes i know the design still sucks for IE6, planning on sorting that out though) This is what i put into my code. [code] $(function() { $('#klassement ul').tabs({ fxFade: true }).tabsRotate(1000); }); [/code] And here is how i'm using it [code] .Klassement F1 A1GP MotoGP 1.K.Räikkönen125 2.L.Hamilton123 3.F.Alonso117 4.N.Heidfeld87 5.G.Fisichella78 6.F. Massa76 1.Nieuw Zeeland37 2.Zuid Afrika36 3.Engeland31 4.Nederland31 5.Frankrijk29 6.Zwitserland29 1.Nieuw Zeeland37 2.Zuid Afrika36 3.Engeland31 4.Nederland31 5.Frankrijk29 6.Zwitserland29 [/code] I did change the "ui.tabs.css", but i figured that couldn't have anything to do with it, but still correct me if i'm wrong. Thanks for your time, Ramon Mol
[jQuery] Superfish: Keep a menu open on selected page.
Hi, Instead of navigating to the menu everytime, can I keep a menu option with a child item selected for a particular page, like for tabs? It would be great to have. Many thanks, Ibrahim
[jQuery] Re: jChess
OK have registered, but can't login to the jQuery plugins site.
[jQuery] [PLUGINS] More from DZone
Found some more on Dzone that I've never seen: Simple Drawing: http://www.openstudio.fr/Library-for-simple-drawing-with.html Splitter by Dave Methvin http://methvin.com/jquery/splitter/default.html
[jQuery] Re: Simple loop through JSon object.
Tom, The most efficient way to iterate an array like this is just a simple for loop. // where arr = ["data1","data2","data3"] for (var i=0; i < arr.length; i++) { var o = arr[i]; // do something with o } > > What's the quickest way to iterate over a very siple JSon object? > > My object looks like: > > ["data1","data2","data3"]
[jQuery] [PLUGIN] jQuery Chart
Found this one today on DZone and it's been around for awhile. Surprised I missed it. Very good stuff. jQuery Chart http://www.reach1to1.com/sandbox/jquery/jqchart/ Rey...
[jQuery] Re: FadeTo enchancement
> If the element's opacity currently exceeds the value you wish to fadeTo then > you > won't see any effect. But you can do something like this: I should rephrase that - you won't see an "in" effect with your fade (you'll see an "out" effect).
[jQuery] Re: FadeTo enchancement
If the element's opacity currently exceeds the value you wish to fadeTo then you won't see any effect. But you can do something like this: $('#myDiv').css('opacity',0).fadeTo('slow', .5); Mike On Dec 6, 2007 6:31 AM, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote: > > Hi > > I've noticed that the fadeTo effect only seems to fade out to the > value to pass in. Is there anyway of fading IN to a certain value? > > Cheers >
[jQuery] Simple loop through JSon object.
What's the quickest way to iterate over a very siple JSon object? My object looks like: ["data1","data2","data3"] All I want to do is get each data element out. Cheers
[jQuery] Re: Flot plugin on Ajaxian
Very cool, I'll have to check the source later :) Ariel Flesler On Dec 5, 2:03 pm, Rey Bango <[EMAIL PROTECTED]> wrote: > Be sure to show your support and please don't let any trolls get to you: > > http://ajaxian.com/archives/plotting-in-jquery > > Rey
[jQuery] Strange unwanted delay problem
Hello all, I have several div's which are animated on mouseover: $('.pan').mouseover(function() { $(this).animate( { marginLeft:"-182px" }, 1000); }); I then have another div laying behind the animated ones that on a mouseover reverts the animation: $('##pancontainer').mouseover(function() { $('#pan1').animate( { marginLeft:"0px" }, 200); $('#pan2').animate( { marginLeft:"0px" }, 200); $('#pan3').animate( { marginLeft:"0px" }, 200); $('#pan4').animate( { marginLeft:"0px" }, 200); $('#pan5').animate( { marginLeft:"0px" }, 200); $('#pan6').animate( { marginLeft:"0px" }, 200); }); So far so good - it works like a charm. Then inside the animated divs I put several links. Now if I hover over one or more of the links inside the div before taking the mouse of - the function which reverts the animation is several seconds delayed. If i just mouseover the div without hovering the link it works like it should. This is driving me mad, as I can't understand why it behaves like this. I don't have any other jquery or js scripts other than the ones above. You can have a look yourselves at http://intern.idl.no:65241 If anyone could help me solve this I'd appreciate it very much.
[jQuery] Re: Drag'n'Drop assistance needed
Since this post, I have mamaged to make some headway. http://www.markdw.com/jquery/drag_drop7.php I wonder if anyone would care to comment on the way I have done it, and suggest any improvements. It seems to work very nicely, with a few occasional oddities that I haven't ironed out yet. many thanks, Mark
[jQuery] hiding page elements instantly on page load
Hi guys, I use php to fetch a menu out of a mysql database. Basically the menu is made up of a lot of nested unordered lists (). I'm using jQuery to hide any submenu. This means that when a user visits the webpage he only sees the first . When he clicks a , the submenu (again an ) is shown. This works great on my localhost. However, when I publish online I experience a problem: on page load the whole is shown for a second, including all nested submenu's, before it is hidden by jQuery. I guess this is because all elements need to be loaded into the DOM before the jQuery code is started? Is there anything I can do to solve this problem? Thanks for any advice!
[jQuery] FadeTo enchancement
Hi I've noticed that the fadeTo effect only seems to fade out to the value to pass in. Is there anyway of fading IN to a certain value? Cheers
[jQuery] Re: Error in Ajax Queue plugin
Well I tried it, and it seems to work, however it triggers the 'error' handler too: http://www.w3.org/1999/xhtml";> Untitled Document
[jQuery] Sortable + Draggable/Sortable
Hi all, I have two unordered lists and both its listitems are draggable and droppable on the other list. Until this point everything is working exactly as it should. But, one of the lists should be sortable, and thats where it goes wrong. The list isn't sortable and i get a lot of different errors. Can anybody help me? Example at: http://dev.danielpunt.nl/IA/lib/jQueryTest/