[jQuery] Re: Dynamically Filter List
Depends what you want the list to finally contain (as opposed to being
visible, that is).
Here's an alternative...
$(document).ready(function() {
var arr = ['C+
+','D','HTML','CSS','C#','PHP','Python','XML','JavaScript','Photoshop']
, alc = []
, list = $('#list');
$.each(arr, function(i,v){
list.append('li'+v+'/li');
alc[i] = v.toLowerCase();
});
list = $('li', list);
$('#filter').keyup(function(){
var v = this.value ? this.value.toLowerCase() : 0;
list.each(function(i){
$(this)[v alc[i].indexOf(v) == -1 ? 'hide' : 'show']();
});
});
});
This doesn't change the list contents, simply hides those elements not
relevant to the value of the filter input box. It also stores the
lowercase options up front, and stores the object of all the list
elements so that the keyup handler doesn't have to go find them each
time it runs.
Mark wrote:
Hi... so I'm new to jQuery. I'm using it to dynamically filter a
list... I'm wondering if this is the best/most efficient method to go
about doing it:
html
head
titlejquery test/title
script type=text/javascript src=js/jquery-1.2.3.min.js/
script
script type=text/javascript
$(document).ready(function() {
var arr = ['C+
+','D','HTML','CSS','C#','PHP','Python','XML','JavaScript','Photoshop'];
for(i=0; iarr.length; ++i) {
$('#list').append('li'+arr[i]+'/li');
}
$('[EMAIL PROTECTED]').keyup(function() {
$('#list').empty();
for(i=0; iarr.length; ++i) {
if($
('[EMAIL PROTECTED]').attr('value')==undefined||
arr[i].toLowerCase().indexOf($
('[EMAIL PROTECTED]').attr('value').toLowerCase())!=-1)
{
$('#list').append('li'+arr[i]
+'/li');
}
}
});
});
/script
/head
body
ul id=list/ul
input name='filter' id=filter/
/body
/html
See it in action: http://mechaflora.com/programming/filter
Any suggestions on how I can do this better would be appreciated :) Or
feel free to use the code for your own purposes if you think it's good.
[jQuery] Re: jQuery Form Plugin file upload problem
Hi Mike,
Thank you for your prompt response! Unfortunately, I'm still in a
development stage and won't be able to provide you a link to a
publicly accessible page.
However if I may, I'd like to provide some code snippets and hopefully
it might help. First off, the code for the form is derived from a
JSP, with the form tag as follows:
form id=dialog_form action=refer.do method=POST
enctype=multipart/form-data
The form has a number of hidden fields as well as text fields, and
finally the file input field:
input type=file name=dialogDatafile size=40
And a regular form submit button.
The Javascript code initializes the form to ajaxForm once the DOM is
loaded:
function initReferDialog() {
$('#dialog_form').ajaxForm({
beforeSubmit: validateReferDialog,
success: referDialogSuccess
});
}
My validateReferDialog method is as follows:
function validateReferDialog(formData, jqForm, options) {
if (($('#dialogName').val() == || $('#dialogEmpName').val() ==
|| $('#dialogEmpEmail').val() == )) {
$('#dialogMessage').empty().append(span class='red-
bold'Please fill in all required fields (*)/spanbr/br/);
return false;
}
return true;
}
I believe I've utilized your APIs correctly. The one thing I've
noticed, is that when I don't include a file to be uploaded, the
request does get sent to my servlet, however the enctype is
application x-www-form-urlencoded. I believe in this case it gets
sent via the XMLHttpRequest object. It's only if I include the file
that it doesn't even reach my servlet. To test this, I simply have a
print statement as the first line of my servlet. This statement
should always print out if the servlet is executed.
Is there anything special I have to do with the iframe? Or is it
possible that since I'm utilizing the form within a SimpleModal dialog
box, that it's causing the issue?
Again Mike, thank you for helping me out with this. I'm really very
new to jQuery, but I find the library the best I've ever used, and the
fact that there is a thriving community out there willing to
contribute with people such as yourself, makes it all the more better
to use.
-Dave
On May 4, 8:30 pm, Mike Alsup [EMAIL PROTECTED] wrote:
I'm attempting to use the jQuery Form Plugin on a page that has
multiple forms. The particular form I am using to allow the uploading
of files is the third form on the page. I'm also using that form
within a modal dialog box, using the SimpleModal jQuery plugin. I
have a Java Servlet handling the form submission.
I am having a problem when I try to upload a file. It looks like the
request never gets to my servlet. When I fill out the other fields of
the form out, leaving the upload blank, it's working fine. However,
once I attempt to include a file to upload, the servlet never gets
invoked.
I understand that the XMLHttpRequest cannot send files over, but that
the Forms Plugin utilizes an iFrame to do so. However, it's not
working in my case. I've read a blog in which the person is able to
address this, found here:
http://www.ender.com/2008/04/jquery-the-jquery-form-plugin.html.
I tried his suggestions of including a hidden field in my form, but
it's still not reaching my servlet.
Could the problem actually be the fact that I have more than one form
on the page? Any help would be greatly appreciated. Thanks.
The Form Plugin fully supports multiple forms on a page so that
shouldn't be causing your problem. Can you post a link to your page?
[jQuery] weird DOM/JQ error; elements do not get added/animated
I've got bit of a firefox mystery here: My photo-album component animates when browsing to the next page, see http://mediabeez.veerman.ws/mediaBeez/ and press the 'next' button (thats the one on the right) on the photoalbum you view on that homepage. You have to use firefox to test this properly, IE wont perform one of the functions in the chain (yet). If you're using a browser debugger you'll encounter a debugger stop when you press the next button; just run past it for now. The bug occurs when you click on one of the images, then use the 'back' function of your browser to go to the front-page again. There's a debugger stop (for your convenience) at the start of the code that re-inserts the 'previous page' html into the DOM. I believe that that code works correctly. Then, when you click the 'next' button, the debugger stop activates but the code around that stop doesnt do anything. I was wondering why, and havent been able to figure it out after two days.. Maybe you have a clue that helps ;) I did notice that firebug's HTML view doesn't show the node (s2) being added to .mbCollectionContent, but when you view it's childnodes collection in it's 'watch variable', it IS added.. i don't get it..
[jQuery] Re: jQuery Form Plugin file upload problem
Hi Mike, To hopefully add some more insight into this, I took the form out of the SimpleModal jQuery plugin and placed it into its own JSP page, and when I tried to submit the Form, the browser is reporting an error in line 334 of the jquery.form.js file, stating that: form.submit is not a function This happens in both Firefox 2.0 and IE6. Regards, Dave On May 4, 8:30 pm, Mike Alsup [EMAIL PROTECTED] wrote: I'm attempting to use the jQuery Form Plugin on a page that has multiple forms. The particular form I am using to allow the uploading of files is the third form on the page. I'm also using that form within a modal dialog box, using the SimpleModal jQuery plugin. I have a Java Servlet handling the form submission. I am having a problem when I try to upload a file. It looks like the request never gets to my servlet. When I fill out the other fields of the form out, leaving the upload blank, it's working fine. However, once I attempt to include a file to upload, the servlet never gets invoked. I understand that the XMLHttpRequest cannot send files over, but that the Forms Plugin utilizes an iFrame to do so. However, it's not working in my case. I've read a blog in which the person is able to address this, found here: http://www.ender.com/2008/04/jquery-the-jquery-form-plugin.html. I tried his suggestions of including a hidden field in my form, but it's still not reaching my servlet. Could the problem actually be the fact that I have more than one form on the page? Any help would be greatly appreciated. Thanks. The Form Plugin fully supports multiple forms on a page so that shouldn't be causing your problem. Can you post a link to your page?
[jQuery] Re: Need help on jQuery.browser.version
Thanks a lot Mike, I've tried, it works perfectly!
I would like to add FF 1 and IE 5 which are not supported too.
Could you tell me if my code is correct... I think I did an error:
script type=text/javascript
// See http://developer.apple.com/internet/safari/uamatrix.html for
Safari versions
if(( $.browser.safari$.browser.version 523 ) ||
( $.browser.msie $.browser.version 6 ) || ( $.browser.mozilla
$.browser.version 2.0.0.6 ))
document.write( 'a href=test.html target=_blanktest/a' );
else
document.write( 'a href=test.html?height=300width=300 title=add
a caption to title attribute / or leave blank class=thickboxtest/
a' );
/script
On 4 mai, 20:48, Michael Geary [EMAIL PROTECTED] wrote:
Like this?
// Seehttp://developer.apple.com/internet/safari/uamatrix.htmlfor
Safari versions
if( $.browser.safari$.browser.version 523 )
document.write( 'a href=test.html target=_parenttest/a' );
else
document.write( 'a href=test.html?height=300width=300 title=add
a caption to title attribute / or leave blank class=thickboxtest/a' );
As an aside, note how the use of single quotes for the strings avoids the
need of escaping the double quotes inside the strings.
-Mike
I saw there were a Browser Detect included with jQuery.
I would like to use two different code line in my Web page depending
of the browser version:
If the browser is Safari and the version is older than 3, the code
line is:
a href=test.html target=_parenttest/a
Else (for all other browsers including Safari 3), the code line is:
a href=test.html?height=300width=300 title=add a caption to title
attribute / or leave blank class=thickboxtest/a
I would like to use ThickBox script in my Web page, but this script
runs correctly on Safari 2.0.4+ and my Web page has to be compatible
with older version of Safari too!
I'm not really a Web Developper... I learn how to!
Could you help me to write a script which can detect the Safari
version and apply the good code in the page?
I've tried the code below, but it doesn't look good!
SCRIPT language=JavaScript
!--
var browserName=navigator.appName;
var browserVer=parseInt(navigator.appVersion);
if ((browserName==Safari browserVer=1) || (browserName==Safari
browserVer=2))
{
document.write(a href=\test.html\ target=\_parent\test/a);
}
else
{
document.write(a href=\test.html?height=300width=300\ title=\add
a caption to title attribute / or leave blank\ class=\thickbox
\test/a);
}
//--
/SCRIPT
Thanks a lot for your help :)
Chris
[jQuery] .filter() and .not() approximately worthless - Table issue perhaps?
My experiences today with .filter() and .not() showed them to be extremely buggy in my case. For example, .not(.foo + .foo) would leave me with an empty set (though nothing should have been matching). Is this because I was using them to select tr elements? Is there a known issue with .filter() and tables? If not, I could post an example if it breaking soon. I came up with a workaround, but it was annoying.
[jQuery] Re: jQuery Form Plugin file upload problem
form.submit is not a function This happens in both Firefox 2.0 and IE6. That error is usually the result of having a form element with an id or name of 'submit'. That is not a valid name for a form element (at least not when using JavaScript). Dave, have you tried removing the plugin from the equation to see if submitting the form via the browser gets the data to your servlet? When uploading a file that essentially what is happening. The form plugin simply submits the form using form.submit() and redirects the response to an iframe. Mike
[jQuery] Re: jQuery Form Plugin file upload problem
Mike, That was it! Indeed there was a form element with the name submit and like you said, was causing that error. Renaming it allowed the plugin to do its job. Thank you again! Best, Dave On May 5, 7:03 am, Mike Alsup [EMAIL PROTECTED] wrote: form.submit is not a function This happens in both Firefox 2.0 and IE6. That error is usually the result of having a form element with an id or name of 'submit'. That is not a valid name for a form element (at least not when using JavaScript). Dave, have you tried removing the plugin from the equation to see if submitting the form via the browser gets the data to your servlet? When uploading a file that essentially what is happening. The form plugin simply submits the form using form.submit() and redirects the response to an iframe. Mike
[jQuery] Re: jquery tabs: removing old loaded content from DOM
There are a lot of different tabs plugins but I'm guessing you're using the jquery UI tabs? You should try using firefox w/ firebug, and take a look at the classes the tabs are given when they are selected / hidden (or read the docs on that plugin as they should have that info as well). I don't remember what they are. Basically however you'd do something like this: $ (selector_for_all_hidden_tabs).remove([selector_for_what_you_want_to_remove]). So for example, if your hidden tab class was hidden-tab and you had a div in there id'd content which contained all your content, I believe you'd use the following: $(.hidden-tab).remove(#content);
[jQuery] localscroll plugin
Hi everyone, I try to explain my problem simply: how can I avoid that the entire window goes down at the end of the scroll?? I am using the plugin localscroll and I want to avoid the final step that moves the entire window below. this happens with the screens 1024/768. someone could help me? this is the link http://www.pirolab.it/diego/ Tnx Diego -- View this message in context: http://www.nabble.com/localscroll-plugin-tp17060646s27240p17060646.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] jCarousel Firefox issue
I just added a carousel to http://www.humormegraphics.com. The carousel looks and works great in Safari and IE. However, using Firefox there seems to be a weird jump in the easing when you click on the right arrow. It's possible that I missed setting a value somewhere, but I'm stumped. Any suggestions/tips would be welcome. Thanks, Doug
[jQuery] strange behaviour: multiple selectors responding
hi,
I'm trying to change the innerHtml of an anchor to loading for the
duration of an ajax load with this code:
$(#contests ul li span a).toggle(
function(){
var url_title = $(this).html();
$(this).ajaxStart(function(){$
(this).html(loading...);}).ajaxStop(function(){$
(this).html(url_title);});
$(.contest-form- + this.name).load(this.href).show();
return false;
},
function(){
$(.contest-form- + this.name).hide(fast);
return false;
}
);
both the ajax load and the text replacing work fine. the problem
however is that all links that have been clicked are getting the
loading innerHtml. in stead of only the one that is clicked on. for
clarification I've put an example page online here: http://allnighters.net/jq/.
try clicking a few different links.
thanks
[jQuery] Re: jCarousel Firefox issue
dramsay escribió: I just added a carousel to http://www.humormegraphics.com. The carousel looks and works great in Safari and IE. However, using Firefox there seems to be a weird jump in the easing when you click on the right arrow. It's possible that I missed setting a value somewhere, but I'm stumped. Any suggestions/tips would be welcome. Thanks, Doug I have the same issue here: http://xli.net/brm/htm/index.htm click in the green arrows in the top of the page, just after the word IMÁGENES works great in IE but in firefox you will see a little weird jump. Somebody can help?
[jQuery] [ANNOUNCE] jQuery UI v1.5b3 is Now Available for Download plus New Site
jQuery UI v1.5b3, the jQuery project's UI effects library, is now available for download. While still in beta, the library is feature frozen and the features are in excellent shape. The jQuery UI team is anxious for your feedback so please join them on the UI mailing list found here: http://groups.google.com/group/jquery-ui?hl=en Any assistance with testing is greatly appreciated as it will help in making UI rock-solid out of the gate. Also check out the new site for the jQuery UI project at http://ui.jquery.com/ Rey
[jQuery] Variable for Google Maps API
Hi, I have a Website with geocoding meta tags like this: meta name=ICBM content=50.1678, -97.133185 With help of jQuery I can extract the content like this: var title = $(meta[name=ICBM]).attr(content); This works fine. But how can I store the variable to this: map.setCenter(new GLatLng( variablemust go here ),5); I tried in vain to get since two days, so I would appreciate any help. Thank you RalphM
[jQuery] Re: Can't set type=search attribute to input fields on Safari 3.0
On May 2, 12:23 am, Cody [EMAIL PROTECTED] wrote: I filed a ticket, but it was marked as nofix. Apparently there are inconsistencies in changing the type attribute in input fields and they aren't meant to have their type attribute changed. So the alternative is to simply remove the input field and create a new one of the desired type using jQuery (rather than changing just the attribute). -Cody So I'd like to know what is the official / canonical / recommended way to enable search fields in webkit browsers, without breaking standards compliance. If jQuery won't support altering the type attribute, I will use plain old JS to have it done... -- Claudio Procida http://www.emeraldion.it
[jQuery] Re: Giving more parameters to the async load function ?
I discussed the idea of jQuery core supporting dynamic data parameters
with Scott recently - we haven't made progress, but it could solve a
lot of issues like this one. Basically you'd replace static values
with functions that return those values, while the treeview plugin
just passes these through to $.ajax, which then evaluates those
functions while serializing the data. I think every plugin that uses
jQuerys ajax methods could leverage that.
Jörn
On Fri, May 2, 2008 at 11:35 PM, jayg [EMAIL PROTECTED] wrote:
Excellent thought. I was thinking of having some sort of parameter
hash to pass in, maybe I can hook that together with this idea.
On May 2, 11:39 am, markus.staab [EMAIL PROTECTED] wrote:
Maybe a callback function (given some usefull context parameters..)
which produces the url could do the trick..
On 2 Mai, 17:24, jayg [EMAIL PROTECTED] wrote:
Thanks Jörn,
I will post code here when I get a good solution. However, I know the
treeviewis being worked on in the UI project as well, should I be
looking at something other than treview.asynch to make these changes
to? Additionally, I was considering adding a 'custom' persist option,
I can provide a patch if you think it would be useful (and assuming it
is done generically enough). Probably also going to be looking at
adding a 'loading' spinner option, unless it is there and I have just
missed it.
On Apr 30, 11:42 am, Jörn Zaefferer [EMAIL PROTECTED] wrote:
jayg schrieb: I need to set up dynamic urls with async trees as well,
though I am
using rails, so I am looking for something more like 'foo/bar/1', but
same functionality. The problem I have with the idea to use
source.php?id=firsttree or something similar is that I don't know
how many subtrees I may have - this needs to be built dynamically.
If
I misunderstood, and this is intended to be dynamic, a code snippet
would be greatly helpful. If not, my thought was in the getJSON
function of thetreeview.asynch to have _that_ create the url info for
the newly returned tree. We already have this.id and could easily
return the name of the controller and method to call. Then, at the
end when we call $(container).treeview({add:child}), we could insert
the url we created into ts setting. I may hack on this until I hear
another idea, but let me know what you think of that approach.
Ideas, especially in the form of code, are very welcome. The basic
problem, dynamic arguments and different URL formats, applies now to
bothtreeviewand autocomplete plugins, so solving it properly would
help a lot.
Jörn
[jQuery] Re: [ANNOUNCE] jQuery UI v1.5b3 is Now Available for Download plus New Site
congratulations on this super appetizing release. One request though, or rather, a supplication, no, a prayer: please, oh please, do not change the jquery logo, or at least, keep the devo hat, it has become such a sympathetic icon ! On Mon, May 5, 2008 at 4:20 PM, Rey Bango [EMAIL PROTECTED] wrote: jQuery UI v1.5b3, the jQuery project's UI effects library, is now available for download. While still in beta, the library is feature frozen and the features are in excellent shape. The jQuery UI team is anxious for your feedback so please join them on the UI mailing list found here: http://groups.google.com/group/jquery-ui?hl=en Any assistance with testing is greatly appreciated as it will help in making UI rock-solid out of the gate. Also check out the new site for the jQuery UI project at http://ui.jquery.com/ Rey -- Alexandre Plennevaux LAb[au] http://www.lab-au.com
[jQuery] Re: [ANNOUNCE] jQuery UI v1.5b3 is Now Available for Download plus New Site
A few tiny bugs I just noticed. Slider demo When the arrow is selected, it displays a dotted selected line. Accordion In IE7, the left and right sides show horns. The end of each button bar is slide up about 20 pixels. Tabs The tabs aren't connected to the box. This might be by design, but it looks a little off. Dialog Error, missing template. -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Rey Bango Sent: Monday, May 05, 2008 9:21 AM To: jquery-en@googlegroups.com Subject: [jQuery] [ANNOUNCE] jQuery UI v1.5b3 is Now Available for Download plus New Site jQuery UI v1.5b3, the jQuery project's UI effects library, is now available for download. While still in beta, the library is feature frozen and the features are in excellent shape. The jQuery UI team is anxious for your feedback so please join them on the UI mailing list found here: http://groups.google.com/group/jquery-ui?hl=en Any assistance with testing is greatly appreciated as it will help in making UI rock-solid out of the gate. Also check out the new site for the jQuery UI project at http://ui.jquery.com/ Rey
[jQuery] Re: Which jQuery book to choose?
Hi Lee, I think you'll be happy with your choice. The reason that I recommend both is because the jQuery In Action book is, I believe, updated to version v1.2 of jQuery while the Learning jQuery book is using v1.1.2. Both books offer their own unique bits of info and both are worth having. Rey.. Lee O wrote: You don't think both books is overkill? Not to say that you can ever learn too much, but i imagine the books are only 85-90% different from eachother (in physical ideas and code). They obviously do things slightly different, but i imagine a vast majority of the end content learned is the same. Anyway, i went ahead and ordered the Packt one, they seem comparable and i've liked those books in the past. I'll check out jQuery in Action next time im at a book store, thanks! On Sun, May 4, 2008 at 5:01 PM, Rey Bango [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] wrote: Lee, Both books are great and offer insight into jQuery. I'm actually reading Learning jQuery for a review for Packt and while going through it, I've had a couple of Whoa, I didn't know I could do that! moments. The jQuery In Action book is equally awesome and a little more up-to-date but I would recommend having both books on your shelf. Rey... Lee Olayvar wrote: I'm a beginner to javascript, and am in need of learning Ajax jQuery (mainly ajax in jquery, for now) fast. With that said, out of the two books listed on http://jquery.com/ , can anyone give any insight on which i should choose? I'm having a heck of a time deciding.. heh. -- Lee Olayvar http://www.leeolayvar.com
[jQuery] Re: [ANNOUNCE] jQuery UI v1.5b3 is Now Available for Download plus New Site
Andy (and everyone), please post feedback on the jQuery UI mailing list found here: http://groups.google.com/group/jquery-ui?hl=en Thanks, Rey Andy Matthews wrote: A few tiny bugs I just noticed. Slider demo When the arrow is selected, it displays a dotted selected line. Accordion In IE7, the left and right sides show horns. The end of each button bar is slide up about 20 pixels. Tabs The tabs aren't connected to the box. This might be by design, but it looks a little off. Dialog Error, missing template. -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Rey Bango Sent: Monday, May 05, 2008 9:21 AM To: jquery-en@googlegroups.com Subject: [jQuery] [ANNOUNCE] jQuery UI v1.5b3 is Now Available for Download plus New Site jQuery UI v1.5b3, the jQuery project's UI effects library, is now available for download. While still in beta, the library is feature frozen and the features are in excellent shape. The jQuery UI team is anxious for your feedback so please join them on the UI mailing list found here: http://groups.google.com/group/jquery-ui?hl=en Any assistance with testing is greatly appreciated as it will help in making UI rock-solid out of the gate. Also check out the new site for the jQuery UI project at http://ui.jquery.com/ Rey
[jQuery] Re: [ANNOUNCE] jQuery UI v1.5b3 is Now Available for Download plus New Site
Hi Alexandre, The announcement is for jQuery UI, our UI effects lib, not jQuery. :) Rey Alexandre Plennevaux wrote: congratulations on this super appetizing release. One request though, or rather, a supplication, no, a prayer: please, oh please, do not change the jquery logo, or at least, keep the devo hat, it has become such a sympathetic icon ! On Mon, May 5, 2008 at 4:20 PM, Rey Bango [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] wrote: jQuery UI v1.5b3, the jQuery project's UI effects library, is now available for download. While still in beta, the library is feature frozen and the features are in excellent shape. The jQuery UI team is anxious for your feedback so please join them on the UI mailing list found here: http://groups.google.com/group/jquery-ui?hl=en Any assistance with testing is greatly appreciated as it will help in making UI rock-solid out of the gate. Also check out the new site for the jQuery UI project at http://ui.jquery.com/ Rey -- Alexandre Plennevaux LAb[au] http://www.lab-au.com
[jQuery] Does click action not apply to TDs?
Hi,
I'm trying to make a TD, with id = content, clickable.
Unfortunately, it doesn't seem to be working -- the action is not
invoked when I click on the TD. Here's the code:
$('#content').click(function() {
location = 'zipcodelookup.php';
});
and here's the page (the Just Right Pricing section is supposed to
be clickable)
http://justrightlawns.com/pricing.php
Any ideas where I'm going wrong? Thanks, - Dave
[jQuery] jQuery Offline Documentation
Hi, Can someone tell please where can I find updated offline documentation about jQuery? I have used VisualJQuery in the past but it is old now (for v.1.1.2). and everything else that i have been able to find now is for jQuery versions below 1.2 Thanks in advance.
[jQuery] [jQuery.forms] problem when uploading files
Hi,
I'm trying to submit a form using Ajax and this plugin. The form has
some simple fields, and a field of type file. When I do not select
any file, everything works correctly. Whenever I select a file, the
success function isn't called, plus the POST do not appear in the
console of Firebug. It appears in the net tab though, but POST
fields are *empty* ! The PHP script called also gets nothing in $_POST
nor $_FILES array.
I'm wondering whats wrong. I have correctly set enctype to multipart/
form-data, and I also set MAX_FILE_SIZE to needed size. What could be
wrong ? And is there any way to debug this correctly ?
I'm using this to prepare the form for AJAX:
$('form.details').ajaxForm( {dataType:'json', url: '/index.php?
ajax=1action=edit_kad_imagerand='+Math.random(), success:
kad_return } );
Any help/hint appreciated ! ;)
[jQuery] Re: Cycle Plugin and IE/FF
Thanks for the reply, Mike. Everything works now. I did change the CSS around a bit, but couldn't really figure out what caused the problem. Great plugin, by the way. It's a shame that the fonts still don't look good while fading in IE, even with cleartype on. Cheers, Bo.
[jQuery] Re: Does click action not apply to TDs?
try: (remember jQuwery returns an array)
$('#content')[0].click(function() {
location = 'zipcodelookup.php';
});
[EMAIL PROTECTED] wrote:
Hi,
I'm trying to make a TD, with id = "content", clickable.
Unfortunately, it doesn't seem to be working -- the action is not
invoked when I click on the TD. Here's the code:
$('#content').click(function() {
location = 'zipcodelookup.php';
});
and here's the page (the "Just Right Pricing" section is supposed to
be clickable)
http://justrightlawns.com/pricing.php
Any ideas where I'm going wrong? Thanks, - Dave
[jQuery] Re: Does click action not apply to TDs?
Don't forget to put your code in a document.ready block. Your code is
running before the element (#content) exists, because the DOM is not yet
ready:
$(document).ready(function() {
$('#content').click(function() {
location = 'zipcodelookup.php';
});
});
or, shortcut:
$(function() {
$('#content').click(function() {
location = 'zipcodelookup.php';
});
});
- Richard
On Mon, May 5, 2008 at 11:00 AM, [EMAIL PROTECTED]
[EMAIL PROTECTED] wrote:
Hi,
I'm trying to make a TD, with id = content, clickable.
Unfortunately, it doesn't seem to be working -- the action is not
invoked when I click on the TD. Here's the code:
$('#content').click(function() {
location = 'zipcodelookup.php';
});
and here's the page (the Just Right Pricing section is supposed to
be clickable)
http://justrightlawns.com/pricing.php
Any ideas where I'm going wrong? Thanks, - Dave
[jQuery] Photo Crop proposal
Hi, (pls excuse dbl post) I would like to get feedback on: 1) Would a photo crop plug-in be useful to others? 2) How doable is it in JQuery? 3) Would anyone be interested in a bounty on it? ($$$) Please see the video of my prototype here: http://www.hdgreetings.com/view.aspx?name=JQuery%20Crop%20Prototypevideo=http://download.hdgreetings.com/crop.flv So the basic features are: - Photo cropping with aspect ratio locking - Face cropping (elliptical crop) - Straighten photo with real time adjustments - Real-time preview of result photo This the prototype is a working application, so all the logic is known and perfected. I think I know ways to make all the imaging pieces fast enough for good performance. Any feedback on these points would be appreciated. thank you, Lee
[jQuery] detecting if a user came back to a page using the browser's back button
Has anyone ever wanted to do something like this? Is it even possible? If not, how might you handle something like this when you don't want re-load a customer's shopping cart after they have already confirmed everything and checked out?
[jQuery] Re: detecting if a user came back to a page using the browser's back button
Can you please elaborate more on the use of an indicator?
[jQuery] Re: Photo Crop proposal
There are already crop plugins that have been written. Why would anyone pay for something that is based on opensource. LTG wrote: Hi, (pls excuse dbl post) I would like to get feedback on: 1) Would a photo crop plug-in be useful to others? 2) How doable is it in JQuery? 3) Would anyone be interested in a bounty on it? ($$$) Please see the video of my prototype here: http://www.hdgreetings.com/view.aspx?name=JQuery%20Crop%20Prototypevideo=http://download.hdgreetings.com/crop.flv So the basic features are: - Photo cropping with aspect ratio locking - Face cropping (elliptical crop) - Straighten photo with real time adjustments - Real-time preview of result photo This the prototype is a working application, so all the logic is known and perfected. I think I know ways to make all the imaging pieces fast enough for good performance. Any feedback on these points would be appreciated. thank you, Lee
[jQuery] Re: [ANNOUNCE] jQuery UI v1.5b3 is Now Available for Download plus New Site
I announced it here because Paul Bakaus is doing a blog post and will announce it on the UI mailing list. Paul is the UI lead and I would rather he have the opportunity to announce it. Since not everyone on here is on the UI list, I want to make sure people are aware of it. :) Rey... MorningZ wrote: Kind of funny how you announced it in this group but not in the UI group :-) Great work on the UI project, i just started messing with the sortables the other day, very easy to implement
[jQuery] Re: localscroll plugin
$().localScroll({
...
hash:false,
...
});
Actually, just remove the line that says: hash:true.
Check the docs for further information, you can do MUCH more than the
example.
--
Ariel Flesler
http://flesler.blogspot.com
On 5 mayo, 09:31, piro [EMAIL PROTECTED] wrote:
Hi everyone, I try to explain my problem simply:
how can I avoid that the entire window goes down at the end of the scroll??
I am using the plugin localscroll and I want to avoid the final step that
moves the entire window below.
this happens with the screens 1024/768.
someone could help me?
this is the linkhttp://www.pirolab.it/diego/
Tnx
Diego
--
View this message in
context:http://www.nabble.com/localscroll-plugin-tp17060646s27240p17060646.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: Photo Crop proposal
Why would anyone pay for something that is based on open source? In support of an open source initiative, especially if that initiative is addressing an immediate need that you might have. -- Steve Cutter Blades Adobe Certified Professional Advanced Macromedia ColdFusion MX 7 Developer _ http://blog.cutterscrossing.com --- The Past is a Memory The Future a Dream But Today is a Gift That's why they call it The Present
[jQuery] Re: Variable for Google Maps API
On Mon, May 5, 2008 at 12:08 PM, RalphM [EMAIL PROTECTED] wrote:
Two hours later ;-)
When I set a variable like this
var position = new Array(50.1678, -97.133);
I can do this:
map.setCenter(new GLatLng(position[0], position[1]),8);
But when I try something like this:
meta name=ICBM content=50.1678, -97.133185
script
var geopos = $(meta[name=ICBM]).attr(content);
var position = new Array(geopos);
map.setCenter(new GLatLng(position[0], position[1]),8);
/script
You need to turn the string into an array. The easiest way to do that
is to use split():
var geopos = $(meta[name=ICBM]).attr(content).split(',');
map.setCenter(new GLatLng(geopos[0], geopos[1]),8);
Ken
[jQuery] [ANNOUNCE] IMPORTANT: jQuery UI v1.5b4 Up. Addresses issues in v1.5b3
IMPORTANT UPDATE: jQuery UI v1.5b4 is now up and addresses two bugs in v1.5b3 released earlier. Please re-download http://ui.jquery.com/ Thanks, Rey
[jQuery] [NEWS] Blog Posting About jQuery UI v1.5b4
The jQuery IU team has put up a new blog posting about jQuery UI v1.5b4. http://jquery.com/blog/2008/05/05/jquery-ui-15b4-featuring-effects-and-a-new-home/ Rey...
[jQuery] Re: Way to designate links as form submitters?
If you're trying to replicate the functionality of a submit button,
then the link would only submit the form it's contained in. A regular
submit button wouldn't submit any form (unless I'm mistaken) if it's
not within the form tags anyway. So why not something like this?
$(document).ready(function(){
$('a.formlink').click(function(){
$(this).parents('form').submit();
return false;
});
});
This way you can have multiple forms on the page if needed.
On May 2, 12:48 pm, Rick Faircloth [EMAIL PROTECTED] wrote:
Well... the original plan was to use the pagination links
on the page to submit the form fields. That way a user
could change the search options and just continue clicking the
pagination links instead of submitting the new options.
However, I believe this might be confusing, so I created a
Click here link after making option choices to make it clear
what the user is supposed to do.
And yes, Karl, there's only one form on the page...
This solution (it's different than the example submit link I
tossed out earlier) is working fine:
$(document).ready(function() {
$('.submitLink').click(function() {
$('form').get(0).submit();
return false;
});
});
With a text link like this:
pUncheck the boxes above to remove those property types from the listings
and click
a class=submitLink href=cfoutput#listlast(cgi.script_name,
'/')#?pagenumber=#pagenumber#/cfoutputhere/a./p
So, up to this point, everything's working well.
You can see it in action at:http://c21ar.wsm-dev.com/cfm/browse-properties.cfm
Let me know if you have any trouble with it if you decide to check it out.
Thanks for all the help!
Rick
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of hj
Sent: Friday, May 02, 2008 11:45 AM
To: jQuery (English)
Subject: [jQuery] Re: Way to designate links as form submitters?
Anyway to do that?
Have certain links, say with an id of link,
to be programmed to submit a form when clicked?
Why not mark up the links as buttons, or input type=submit elements,
and then
just use CSS to style them appropriately?
--
hj
[jQuery] Re: hover and fade in fade out problems...
Is it possible that the *** might be behind the image??
I copied that exacty and pasted in the script replaced what I had and
still I don't see any *** that appears on the side of the image.
I am doing this to just learn how to manage the function hover.
my main idea is to have the image that when a mouse is over the image
a window/table will fade in kinda like a tool tip but instead of a tip
it's other photos in the users photo album once the mouse goes off the
image and is not on the table or window then the windows/table would
fade out.
That is my goal but for right now I am trying to play with the hover
function and the fadein fadeout fucntions to master how to manipulate
it.
On May 4, 2:16 pm, Alexandre Plennevaux [EMAIL PROTECTED]
wrote:
hi Aaron,
your function braces are missing, it should be:
$(document).ready(function() {
$(#image).hover(
function () {
$(this).append('span ***/span');},
function () {
$(this).find(span:last).remove();});
});- Hide quoted text -
- Show quoted text -
[jQuery] Re: Photo Crop proposal
Not if it already exists for free. Steve Blades wrote: "Why would anyone pay for something that is based on open source?" In support of an open source initiative, especially if that initiative is addressing an immediate need that you might have. -- Steve "Cutter" Blades Adobe Certified Professional Advanced Macromedia ColdFusion MX 7 Developer _ http://blog.cutterscrossing.com --- The Past is a Memory The Future a Dream But Today is a Gift That's why they call it The Present
[jQuery] Re: Photo Crop proposal
Not if it already exists for free. It depends...if the free product is a piece of crap, people might pay for something better. -- Josh
[jQuery] Re: Way to designate links as form submitters?
Thanks for the feedback, Real...
The solution I worked up below, targeting .get(0) (first form
on the page), works fine because there is only one form.
But your solution would probably work as well for one form,
but have the added benefit of working for multiple forms.
I'll file you solution away for future use! :o)
Thanks,
Rick
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of real
Sent: Monday, May 05, 2008 1:38 PM
To: jQuery (English)
Subject: [jQuery] Re: Way to designate links as form submitters?
If you're trying to replicate the functionality of a submit button,
then the link would only submit the form it's contained in. A regular
submit button wouldn't submit any form (unless I'm mistaken) if it's
not within the form tags anyway. So why not something like this?
$(document).ready(function(){
$('a.formlink').click(function(){
$(this).parents('form').submit();
return false;
});
});
This way you can have multiple forms on the page if needed.
On May 2, 12:48 pm, Rick Faircloth [EMAIL PROTECTED] wrote:
Well... the original plan was to use the pagination links
on the page to submit the form fields. That way a user
could change the search options and just continue clicking the
pagination links instead of submitting the new options.
However, I believe this might be confusing, so I created a
Click here link after making option choices to make it clear
what the user is supposed to do.
And yes, Karl, there's only one form on the page...
This solution (it's different than the example submit link I
tossed out earlier) is working fine:
$(document).ready(function() {
$('.submitLink').click(function() {
$('form').get(0).submit();
return false;
});
});
With a text link like this:
pUncheck the boxes above to remove those property types from the listings
and click
a class=submitLink href=cfoutput#listlast(cgi.script_name,
'/')#?pagenumber=#pagenumber#/cfoutputhere/a./p
So, up to this point, everything's working well.
You can see it in action
at:http://c21ar.wsm-dev.com/cfm/browse-properties.cfm
Let me know if you have any trouble with it if you decide to check it out.
Thanks for all the help!
Rick
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of hj
Sent: Friday, May 02, 2008 11:45 AM
To: jQuery (English)
Subject: [jQuery] Re: Way to designate links as form submitters?
Anyway to do that?
Have certain links, say with an id of link,
to be programmed to submit a form when clicked?
Why not mark up the links as buttons, or input type=submit elements,
and then
just use CSS to style them appropriately?
--
hj
[jQuery] jdMenu 1.4.1 not accepting settings?
Have setup jdMenu 1.4.1 successfully but am having one minor issue.
When
I try to override the disableLinks setting, it doesn't seem to take.
Here is the
snippet of code to create my menus:
$(document).ready( function() { $('ul.jdMenu').jdMenu({disableLinks:
false}); } );
The snippet is placed near the bottom of the page, just a few lines
before the
closing body tag.
Using Firebug, I see that the settings parameter to the jdMenu
constructor is
coming in as undefined. Not sure why this would be; for now, I've
modified the
jdMenu source to set the setting to false. However, I would prefer to
leave
the source untouched and have it overridden properly.
Don't have a publically visible page to link to, but I'll provide
whatever snippets, etc.
that might be helpful. I've checked the other JS libraries in use on
the page, and
I don't see any name conflicts. Here is a list of the various jquery
libs I am using and
their versions:
jquery: 1.2.3, minified distribution
dimensions: 1.2, minified distribution
positionBy 1.0.7
cluetip: 0.9.6
bgiframe: 2.1.1
The remaining libs are other custom, non-jquery based pieces.
Thanks
- Luis
[jQuery] Re: .filter() and .not() approximately worthless - Table issue perhaps?
It looks like you want to select all .foo elements that are siblings,
but not the first .foo. You could try something like this $
(.foo).gt(0); This will get all .foo elements, then reduce the
collection by dropping off the first element.
On May 5, 4:50 am, {ajh} [EMAIL PROTECTED] wrote:
My experiences today with .filter() and .not() showed them to be
extremely buggy in my case. For example, .not(.foo + .foo) would
leave me with an empty set (though nothing should have been matching).
Is this because I was using them to select tr elements? Is there a
known issue with .filter() and tables?
If not, I could post an example if it breaking soon. I came up with a
workaround, but it was annoying.
[jQuery] Re: click(function(select) help
elle,
Since you're going to have 8 fieldsets, why don't you have some code
that will automatically close all of them when the change function is
called, then you can use a variable as your jQuery selector so you
don't have to use an IF statement. You could do something like this.
$(.product-type).change(function(){
var $value = $(this).val(); //this would store 'filters' for example
$(fieldsets.options).slideUp(slow); //close all fieldsets
$(fieldsets. + $value).slideDown(slow); //this will then show
the fieldset with 'filters' as a class.
});
This example should take care of all of your select option cases
without using an IF statement. You'll just have to make sure that each
one of your fieldsets has a class value of the respective option
value.
On May 2, 5:09 am, elle [EMAIL PROTECTED] wrote:
@Dave: when I selected the first product it showed me its options.
Changing an option didn't do a thing.
Clicking again on first product, hid its options.
@motob: I used this instead:
$(.product-type).change(function(){
if($(this).val() == filters){
$('fieldset.filters').slideDown(slow);
} else {
$('fieldset.filters').slideUp(slow);
}
});
Because I have about 8 products not only 2. It worked for one so, I
guess it will work for all 8 if I define it separately for each
product.
First of all thank you.
Second, is there anyway to streamline this code instead of repeating
it 8 times? or should I just bite the bullet?
What do you reckon?
Cheers,
Elle
On May 2, 12:35 am, motob [EMAIL PROTECTED] wrote:
Instead of adding click listeners to the option elements, add a change
listener to the overall select menu. Once the change event is fired,
determine which value is choosen, then show/hide the appropriate
option fieldset. NOTE: You may want to change the values of the option
elements so that they don't contain spaces. I'm not sure if those
spaces will cause problems or not.
$(document).ready(function(){
$(#product-type).change(function(){
if($(this).val() == product a){
$('fieldset.producta').slideDown(slow);
$('fieldset.productb').slideUp(slow);
}
else {
$('fieldset.productb').slideDown(slow);
$('fieldset.producta').slideUp(slow);
}
});
});
The above code is untested, but that is the basic idea of what you
would need to do.
On May 1, 4:57 am, Waz and Elle [EMAIL PROTECTED] wrote:
Hi again,
I have a form with products select menu. I would like to show and hide
product specific options as the user selects them. Now, I can show the
product options but I don't know how to hide them if the user selects
a different product.
My HTML is:
snip...
select id=product-type name=product-type class=product-type
option value=select
selected=selected-Select-/option
option value=product a
class=productaProduct A/option
option value=product b
class=productbProduct B/option
/select/p
fieldset class=producta options ... /fieldset
fieldset class=productb options ... /fieldset
snip
My code at the moment is:
$('#orderform').find('.options').hide();
$('.product-type').find('option.producta').click(function(select) {
$('fieldset.producta').slideDown(slow);
});
$('.product-type').find('option.productb').click(function(select) {
$('fieldset.productb').slideDown(slow);
});
So, if I change the user changes his/her mind between product a to
product b, the options stay visible, and I'm not sure how to hide them
again.
Also, if the user already entered information in the fieldset's
fields, should I reset them when I hide them?
Any advice will be great.
Thanks,
Elle
[jQuery] jQuery Trac unavailable
I'm trying to look through the tickets in the jQuery Trac but I'm faced with the following error: Trac detected an internal error: IntegrityError: (1062, Duplicate entry 'bf4f39c0467ab22-0-0' for key 1) Hope you guys sort this out soon. Thanks, Nick Fletcher
[jQuery] Treeview async with animation
I am trying to figure out what I am doing wrong here, or where I need to put an updated hook. I am using the animate option for the treeview widget with asynchronous data (lazy load). When I open a new node that has to fetch data, it does not animate when opening. However, once the data has arrived at the browser, subsequent opening and closing of the node animate properly. It seems that animation needs to be deferred until after the data has returned, but as the load call is in the toggle, I am not sure how to adjust this. Any thoughts? Thanks, -j
[jQuery] Re: Does click action not apply to TDs?
Thanks both for your responses. As it turns out, problem was with
forgetting to put document.ready code. - Dave
On May 5, 10:16 am, Richard D. Worth [EMAIL PROTECTED] wrote:
Don't forget to put your code in a document.ready block. Your code is
running before the element (#content) exists, because the DOM is not yet
ready:
$(document).ready(function() {
$('#content').click(function() {
location = 'zipcodelookup.php';
});
});
or, shortcut:
$(function() {
$('#content').click(function() {
location = 'zipcodelookup.php';
});
});
- Richard
On Mon, May 5, 2008 at 11:00 AM, [EMAIL PROTECTED]
[EMAIL PROTECTED] wrote:
Hi,
I'm trying to make a TD, with id = content, clickable.
Unfortunately, it doesn't seem to be working -- the action is not
invoked when I click on the TD. Here's the code:
$('#content').click(function() {
location = 'zipcodelookup.php';
});
and here's the page (the Just Right Pricing section is supposed to
be clickable)
http://justrightlawns.com/pricing.php
Any ideas where I'm going wrong? Thanks, - Dave- Hide quoted text -
- Show quoted text -
[jQuery] SELECTOR MADNESS! How To Grab Lowest Child Node's Text?!
Last week I had a question on how to traverse the DOM and find all
elements that had some text (p, a, li, h1, etc.) so I could manipulate
it with Google's translation API. Well with some help from the
community I was able to accomplish this feat.
http://groups.google.com/group/jquery-en/browse_thread/thread/c63da32785cc9be4/a357018b128506d9#a357018b128506d9
However, I have a bigger problem. Now, when I grab the all proper
elements:
$a = $(' #container * ').contents();
And parse thru them to find which ones have text, it does just that
BUT if an unordered list is within a div and that UL has text it will
show up not only with the UL, but within the DIV as well.
$a.each(function()
{ ... translate stuff here ..});
So in iteration one, we find the DIV, and then locate any and ALL text
in the DIV. Quite a bit for the header navigation.
Example Result for Div:
HOME BUSINESS CONTACT ABOUT
Then the next iteration is the UL, and it finds its text, which is
basically the same as the DIV's text result.
Example Result for UL:
HOME BUSINESS CONTACT ABOUT
Then the next iteration is the LI element, which has the proper text
but,
The next iteration is the A element which is finally the text I
actually want to translate.
Example Result for LI and A:
HOME
So my question is how can I traverse down and grab the last child on
that particular branch of the DOM. Surely there's a way to check if
current node has or does not have a child, but how with jQuery?
Thanks!
BTW, Ariel Fleisler's recommendation from the previous post appears to
be the best approach, but my pure Javascript mixing with jQuery skills
are not quite up to snuff to hash that out...
[jQuery] Re: SELECTOR MADNESS! How To Grab Lowest Child Node's Text?!
Typical. I may have just answered my own question, but haven't tested
whether it is bulletproof or not:
In the .each loop I have placed the following conditional statement:
if ($(this).children().length 0)
{
alert(This node till has children\n\n + $
(this).children().length)
return;
}
else
{
...translate it and replace it..
}
This appears to work, but I did find a snag where a p tag had a link
inside it. Will have to check for that special case maybe...any other
suggestions?
Joe
www.subprint.com
On May 5, 2:32 pm, Joe [EMAIL PROTECTED] wrote:
Last week I had a question on how to traverse the DOM and find all
elements that had some text (p, a, li, h1, etc.) so I could manipulate
it with Google's translation API. Well with some help from the
community I was able to accomplish this feat.
http://groups.google.com/group/jquery-en/browse_thread/thread/c63da32...
However, I have a bigger problem. Now, when I grab the all proper
elements:
$a = $(' #container * ').contents();
And parse thru them to find which ones have text, it does just that
BUT if an unordered list is within a div and that UL has text it will
show up not only with the UL, but within the DIV as well.
$a.each(function()
{ ... translate stuff here ..});
So in iteration one, we find the DIV, and then locate any and ALL text
in the DIV. Quite a bit for the header navigation.
Example Result for Div:
HOME BUSINESS CONTACT ABOUT
Then the next iteration is the UL, and it finds its text, which is
basically the same as the DIV's text result.
Example Result for UL:
HOME BUSINESS CONTACT ABOUT
Then the next iteration is the LI element, which has the proper text
but,
The next iteration is the A element which is finally the text I
actually want to translate.
Example Result for LI and A:
HOME
So my question is how can I traverse down and grab the last child on
that particular branch of the DOM. Surely there's a way to check if
current node has or does not have a child, but how with jQuery?
Thanks!
BTW, Ariel Fleisler's recommendation from the previous post appears to
be the best approach, but my pure Javascript mixing with jQuery skills
are not quite up to snuff to hash that out...
[jQuery] Re: jQuery Trac unavailable
I'm not sure why, but this error comes up when you're not logged in. It would be wonderful if you could view this report without logging in, and the error is beyond cryptic, but that's the current state. Sorry about that. - Richard On Mon, May 5, 2008 at 2:41 PM, Nick Fletcher [EMAIL PROTECTED] wrote: I'm trying to look through the tickets in the jQuery Trac but I'm faced with the following error: Trac detected an internal error: IntegrityError: (1062, Duplicate entry 'bf4f39c0467ab22-0-0' for key 1) Hope you guys sort this out soon. Thanks, Nick Fletcher
[jQuery] Expression/Selector question...
One thing that I've noticed is that the expr attribute is pretty
inconsistent across methods (such as filter, find, parents, parent, etc.)
The documentation is very vague about what an expression is, other than it
just being a selector. However I would assume a valid expression for one
element would be valid for all elements, but I've noticed that an HTML
element is only a valid expression in the find() method.
For example:
$li = $(li);
// returns the first matches for $li
$(body ul li).find($li[0]);
// this actually errors with a t.substring is not a function error
$(body ul li).filter($li[0]);
// I would expect this to only return the element which is the first $li,
// but instead it ignores the expression altogether and returns all parents
$(li[rel=45]).parents($li[0]);
Shouldn't expressions work the same across all methods?
Right now I'm having to use this to find only the explicit parent:
$el.parents().filter(function (){ return this === $parent[0]; });
However, if parents() worked like find() I would be able to do:
$el.parents($parent[0]);
(Before you say Why not just use $parent?, it's because I'm checking to
see if an element is a child of a specific element.)
-Dan
[jQuery] Re: need some help with selecting text nodes
$(#tln21').text(); This will return the text associated with id=tln21. http://docs.jquery.com/Attributes/text Joe www.subprint.com On May 5, 2:34 pm, darren [EMAIL PROTECTED] wrote: Hi everybody, new member here. I have a project with the following snipped of code: =start html= div class=line div name=tln4 id=tln4 class=ln tln ! /divAs I remember, Adam, it was upon this fashion div name=tln5 id=tln5 class=ln tln5/divbequeathed me by will but poor a thousand div name=tln6 id=tln6 class=ln tln ! /divcrowns, and, as thou say'st, charged my brother, div name=tln7 id=tln7 class=ln tln ! /divon his blessing, to breed me well; and div name=tln8 id=tln8 class=ln tln ! /divthere begins my sadness. My brother Jaques he keeps div name=tln9 id=tln9 class=ln tln ! /divat school, and report speaks goldenly of his profit. div name=tln10 id=tln10 class=ln tln10/divFor my part, he keeps me rustically at home, or, to speak div name=tln11 id=tln11 class=ln tln ! /divmore properly, stays me here at home unkept; for call div name=tln12 id=tln12 class=ln tln ! /divyou that keeping for a gentleman of my birth that differs div name=tln13 id=tln13 class=ln tln ! /divnot from the stalling of an ox? His horses are bred div name=tln14 id=tln14 class=ln tln ! /divbetter, for, besides that they are fair with their feeding, div name=tln15 id=tln15 class=ln tln15/divthey are taught their man�ge, and to that end riders div name=tln16 id=tln16 class=ln tln ! /divdearly hired; but I, his brother, gain nothing under div name=tln17 id=tln17 class=ln tln ! /divhim but growth, for the which his animals on his div name=tln18 id=tln18 class=ln tln ! /divdunghills are as much bound to him as I. Besides this nothing div name=tln19 id=tln19 class=ln tln ! /divthat he so plentifully gives me, the something that div name=tln20 id=tln20 class=ln tln20/divnature gave me his countenance seems to take from div name=tln21 id=tln21 class=ln tln ! /divme. He lets me feed with his hinds, bars me the div name=tln22 id=tln22 class=ln tln ! /divplace of a brother, and as much as in him lies, mines my div name=tln23 id=tln23 class=ln tln ! /divgentility with my education. This is it, Adam, that div name=tln24 id=tln24 class=ln tln ! /divgrieves me; and the spirit of my father, which I think div name=tln25 id=tln25 class=ln tln25/divis within me, begins to mutiny against this servitude. div name=tln26 id=tln26 class=ln tln ! /divI will no longer endure it, though yet I know no wise div name=tln27 id=tln27 class=ln tln ! /divremedy how to avoid it. ! /div End HTML I have a short selection of text and a tln that the text should be found near. I wan to use jquery to find this text node so that i can manipulate it. My trouble is that I dont understand how the DOM treats text nodes and element nodes. So say for
[jQuery] Re: jQuery Trac unavailable
Hi Richard, On May 5, 1:11 pm, Richard D. Worth [EMAIL PROTECTED] wrote: I'm not sure why, but this error comes up when you're not logged in. It would be wonderful if you could view this report without logging in, and the error is beyond cryptic, but that's the current state. Sorry about that. - Richard I've created an account and I'm logged in and I'm still getting this error.
[jQuery] Re: Photo Crop proposal
Yes I understand that, sorry maybe my comments were a little harsh and not thought out well.we all have bad days. LTG wrote: Thank you for the replies, perhaps I didn't clarify: 1) I can find no crop plugins with this level of features. If there is a plug-in that comes close, for example with face cropping, by all means please provide a link. 2) Donald in case you haven't noticed, paying people to work on open source projects is done all the time (usually by larger companies). In fact it can be a very good thing for the community because more contributions get made more quickly. I think the open software movement is about more than just "getting free stuff". On May 5, 10:32 am, Donald J Organ IV [EMAIL PROTECTED] wrote: Why would anyone pay for something that is based on opensource.
[jQuery] newbie struggling with JSON
Hi, newbie here. Hoping someone can help. I'm able to successfully
call $.get and then eval() a URL that returns a JSON object:
$.get(myurl,
function(code) { eval(code); alert(code[0]); });
But if I try to call $.getJSON on the same URL:
$.getJSON (myurl,
function(code) { alert(code[0]); });
I always get back:code has no properties
Any suggestions?
Thanks,
Stan McFarland
`
[jQuery] Re: Photo Crop proposal
Here is a link to the current UI cropper. Maybe you can help incorporate some additional features. http://ui.jquery.com/repository/real-world/image-cropper/ On May 5, 4:36 pm, Donald J Organ IV [EMAIL PROTECTED] wrote: Yes I understand that, sorry maybe my comments were a little harsh and not thought out well.we all have bad days. LTG wrote:Thank you for the replies, perhaps I didn't clarify: 1) I can find no crop plugins with this level of features. If there is a plug-in that comes close, for example with face cropping, by all means please provide a link. 2) Donald in case you haven't noticed, paying people to work on open source projects is done all the time (usually by larger companies). In fact it can be a very good thing for the community because more contributions get made more quickly. I think the open software movement is about more than just getting free stuff. On May 5, 10:32 am, Donald J Organ IV[EMAIL PROTECTED]wrote:Why would anyone pay for something that is based on opensource.
[jQuery] Re: Photo Crop proposal
And the crop region really should be draggable there. That's a very recent regression. - Richard On Mon, May 5, 2008 at 5:27 PM, motob [EMAIL PROTECTED] wrote: Here is a link to the current UI cropper. Maybe you can help incorporate some additional features. http://ui.jquery.com/repository/real-world/image-cropper/ On May 5, 4:36 pm, Donald J Organ IV [EMAIL PROTECTED] wrote: Yes I understand that, sorry maybe my comments were a little harsh and not thought out well.we all have bad days. LTG wrote:Thank you for the replies, perhaps I didn't clarify: 1) I can find no crop plugins with this level of features. If there is a plug-in that comes close, for example with face cropping, by all means please provide a link. 2) Donald in case you haven't noticed, paying people to work on open source projects is done all the time (usually by larger companies). In fact it can be a very good thing for the community because more contributions get made more quickly. I think the open software movement is about more than just getting free stuff. On May 5, 10:32 am, Donald J Organ IV [EMAIL PROTECTED]wrote:Why would anyone pay for something that is based on opensource.
[jQuery] Re: strange behaviour: multiple selectors responding
The problem is the context of 'this' within the ajaxStart() and
ajaxStop() functions.
try this instead...
$(#contests ul li span a).toggle(
function(){
//store ref to toggling element for use in ajax callbacks...
var lnk = $(this);
var url_title = lnk.html();
lnk.ajaxStart(function(){
lnk.html(loading...);
}).ajaxStop(function(){
lnk.html(url_title);
});
$(.contest-form- + this.name).load(this.href).show();
return false;
},
function(){
$(.contest-form- + this.name).hide(fast);
return false;
}
);
On May 5, 2:26 pm, bobh [EMAIL PROTECTED] wrote:
hi,
I'm trying to change the innerHtml of an anchor to loading for the
duration of an ajax load with this code:
$(#contests ul li span a).toggle(
function(){
var url_title = $(this).html();
$(this).ajaxStart(function(){$
(this).html(loading...);}).ajaxStop(function(){$
(this).html(url_title);});
$(.contest-form- + this.name).load(this.href).show();
return false;
},
function(){
$(.contest-form- + this.name).hide(fast);
return false;
}
);
both the ajax load and the text replacing work fine. the problem
however is that all links that have been clicked are getting the
loading innerHtml. in stead of only the one that is clicked on. for
clarification I've put an example page online here:http://allnighters.net/jq/.
try clicking a few different links.
thanks
[jQuery] Re: Photo Crop proposal
Sorry Donald, but your comment suggests you do not really understand what Open Source is. It is more than I can get it for free. And it is more than I can do what I want with it (two very different kinds of free). It is a mix of the two, with a healthy dose of what makes the community better view in there. But nowhere in that (partial) description does it say that money cannot change hands. I would gladly pay someone to take an open source product and make it meet my needs - where I am either unable or don't have the time to do so myself. The question isn't about if I can get the product for free. It's more about how much effort will it take to implement that free product. And what about support afterwards? Or if needs change? There is always a business choice needed whether to do it yourself or let someone else do it. It just so happens that the majority of people on this list are developers who can do it themselves. But a community is made up of more than one type of person. There are business people on the list, as well as casual users. THEY may not want to do it themselves, and be willing to pay for something that is based on Open Source. While you may not pay for things you can get for free, don't paint everyone with your characteristics. My Thoughts Shawn Donald J Organ IV wrote: There are already crop plugins that have been written. Why would anyone pay for something that is based on opensource.
[jQuery] Re: need some help with selecting text nodes
hi Joe, thanks for your comment If you look closer, you can see that the text is not actually in the div element. i basically need to select the text after that node: div div tln=xxx/div Some text div tln=xxx/div some more text div tln=xxx3/div even more text /div So that wouldnt work On May 5, 2:06 pm, Joe [EMAIL PROTECTED] wrote: $(#tln21').text(); This will return the text associated with id=tln21. http://docs.jquery.com/Attributes/text Joe www.subprint.com On May 5, 2:34 pm, darren [EMAIL PROTECTED] wrote: Hi everybody, new member here. I have a project with the following snipped of code: =start html= div class=line div name=tln4 id=tln4 class=ln tln ! /divAs I remember, Adam, it was upon this fashion div name=tln5 id=tln5 class=ln tln5/divbequeathed me by will but poor a thousand div name=tln6 id=tln6 class=ln tln ! /divcrowns, and, as thou say'st, charged my brother, div name=tln7 id=tln7 class=ln tln ! /divon his blessing, to breed me well; and div name=tln8 id=tln8 class=ln tln ! /divthere begins my sadness. My brother Jaques he keeps div name=tln9 id=tln9 class=ln tln ! /divat school, and report speaks goldenly of his profit. div name=tln10 id=tln10 class=ln tln10/divFor my part, he keeps me rustically at home, or, to speak div name=tln11 id=tln11 class=ln tln ! /divmore properly, stays me here at home unkept; for call div name=tln12 id=tln12 class=ln tln ! /divyou that keeping for a gentleman of my birth that differs div name=tln13 id=tln13 class=ln tln ! /divnot from the stalling of an ox? His horses are bred div name=tln14 id=tln14 class=ln tln ! /divbetter, for, besides that they are fair with their feeding, div name=tln15 id=tln15 class=ln tln15/divthey are taught their man�ge, and to that end riders div name=tln16 id=tln16 class=ln tln ! /divdearly hired; but I, his brother, gain nothing under div name=tln17 id=tln17 class=ln tln ! /divhim but growth, for the which his animals on his div name=tln18 id=tln18 class=ln tln ! /divdunghills are as much bound to him as I. Besides this nothing div name=tln19 id=tln19 class=ln tln ! /divthat he so plentifully gives me, the something that div name=tln20 id=tln20 class=ln tln20/divnature gave me his countenance seems to take from div name=tln21 id=tln21 class=ln tln ! /divme. He lets me feed with his hinds, bars me the div name=tln22 id=tln22 class=ln tln ! /divplace of a brother, and as much as in him lies, mines my div name=tln23 id=tln23 class=ln tln ! /divgentility with my education. This is it, Adam, that div name=tln24 id=tln24 class=ln tln ! /divgrieves me; and the spirit of my father, which I think div name=tln25 id=tln25 class=ln tln25/divis within me, begins to mutiny against this servitude. div name=tln26 id=tln26 class=ln tln ! /divI will no longer endure it, though yet I know no wise div
[jQuery] Cycle plugin and Safari 3.1 flickering
A few weeks ago, I started to use the Cycle plugin on a site, mostly with just the 'fade' effect. It worked beautifully. The site development then stalled until recently as I waited on some content from my client, and when I returned to the site today, I noticed that the Cycle fades were now flickering like crazy in Safari. In between those two moments in time, I didn't change any code, but I believe that I upgraded my Safari browser to 3.1 on my Mac. As a troubleshooting step, I upgraded from jQuery 1.2.1 to 1.2.3 and upgraded to the most recent version of the Cycle plugin, but experienced no improvement. When I went to the Cycle plugin site to get the most recent version, I discovered that several of the demo animations on the site also flicker in Safari. So it seems like it's not a question of my implementation of the code. Anyone else experience this? Is there something that I can do on my end to fix this, or is it a bug that needs to be sorted out between jQuery and WebKit? Any assistance you can offer would be greatly appreciated.
[jQuery] superfish pathclass and joomla
first, thanks for superfish... it seems to be the best solution for
search friendly drop down menus!
working on integrating superfish with a joomla website. here's the
situation.
three level menu structure, organized very much like:
http://users.tpg.com.au/j_birch/plugins/superfish/all-horizontal-example/
however, joomla automatically assigns 'active' class to the top level
menu list item as well as the current list item. this means the
second level requires a mouse hover to be seen.
since the CMS is generating the list, it would be easier to customize
superfish.js than change the cms
what i would like is for all children of an 'active' item to be
shown. i tried this tweaking pathClass : 'active',
pathClass : 'active ul',
pathClass : 'active ul li',
pathClass : 'active li',
but, none of those worked.
i also tried tinkering with superfish.js
o.$path = $('li.'+o.pathClass,this).each(function(){
$(this).addClass(o.hoverClass+' '+bcClass)
.filter(hasUl()).removeClass(o.pathClass);
});
something like this:
$('li.'+o.pathClass+' ul li',this)
again, didn't work. this code is a bit condensed and i'm not sure
what to do to get it working this way i'd like. any ideas?
THANKS!
[jQuery] location of pop-up ajax response
Hi All,
I am building a site with a bunch of forms which i retrieve via ajax.
I am trying to do something similar to what google does with maps
where when the user clicks on a specific point, the form displays
relative to the users position, AND most importantly the position
relative to the rest of the screen, so that the returned form does not
cause the user to scroll.
For instance, if the user clicks close to the left of the screen, then
the form will show up to the right. But if they click close to the
right of the screen, then the form would show up to the left.
I currently am just taking the users click location and then appending
some css, but I am hoping their is a nice way to do this. such as
finding the % left and saying 'if % left 50 then x, else...
Below is what I have so far, but I'm pretty sure I'm not on track with
this. Any ideas would be great.
[code]
$(.add).click(function(event) {
var posTop = event.pageY;
var posLeft = event.pageX;
var formID = #addForm;
var id=this.id;
$(formID).css({ position: 'absolute', top: posTop, left:
posLeft });
$(formID).fadeIn(slow).html(loading);
$.ajax({
url: add.php,
data: cid=+cid,
success: function(response){
$(formID).html(response);
$('.date-pick').datePicker({clickInput:true});
cancelForm(formID);
}
});
});
[/code]
[jQuery] Re: Cycle plugin and Safari 3.1 flickering
When I went to the Cycle plugin site to get the most recent version, I discovered that several of the demo animations on the site also flicker in Safari. So it seems like it's not a question of my implementation of the code. Which animations do you seeing flickering? I'm not seeing any problems on Safari 3.1.1 (Windows or Mac).
[jQuery] Re: need some help with selecting text nodes
$(#tln21 div).text(); Like that? By the way, firebug is very helpful to test our selectors and see what they come up with. Hmm, it would be nice to have a tutorial on how to do this. I can try and whip one up. Glen On Mon, May 5, 2008 at 2:47 PM, darren [EMAIL PROTECTED] wrote: hi Joe, thanks for your comment If you look closer, you can see that the text is not actually in the div element. i basically need to select the text after that node: div div tln=xxx/div Some text div tln=xxx/div some more text div tln=xxx3/div even more text /div So that wouldnt work On May 5, 2:06 pm, Joe [EMAIL PROTECTED] wrote: $(#tln21').text(); This will return the text associated with id=tln21. http://docs.jquery.com/Attributes/text Joe www.subprint.com On May 5, 2:34 pm, darren [EMAIL PROTECTED] wrote: Hi everybody, new member here. I have a project with the following snipped of code: =start html= div class=line div name=tln4 id=tln4 class=ln tln ! /divAs I remember, Adam, it was upon this fashion div name=tln5 id=tln5 class=ln tln5/divbequeathed me by will but poor a thousand div name=tln6 id=tln6 class=ln tln ! /divcrowns, and, as thou say'st, charged my brother, div name=tln7 id=tln7 class=ln tln ! /divon his blessing, to breed me well; and div name=tln8 id=tln8 class=ln tln ! /divthere begins my sadness. My brother Jaques he keeps div name=tln9 id=tln9 class=ln tln ! /divat school, and report speaks goldenly of his profit. div name=tln10 id=tln10 class=ln tln10/divFor my part, he keeps me rustically at home, or, to speak div name=tln11 id=tln11 class=ln tln ! /divmore properly, stays me here at home unkept; for call div name=tln12 id=tln12 class=ln tln ! /divyou that keeping for a gentleman of my birth that differs div name=tln13 id=tln13 class=ln tln ! /divnot from the stalling of an ox? His horses are bred div name=tln14 id=tln14 class=ln tln ! /divbetter, for, besides that they are fair with their feeding, div name=tln15 id=tln15 class=ln tln15/divthey are taught their man�ge, and to that end riders div name=tln16 id=tln16 class=ln tln ! /divdearly hired; but I, his brother, gain nothing under div name=tln17 id=tln17 class=ln tln ! /divhim but growth, for the which his animals on his div name=tln18 id=tln18 class=ln tln ! /divdunghills are as much bound to him as I. Besides this nothing div name=tln19 id=tln19 class=ln tln ! /divthat he so plentifully gives me, the something that div name=tln20 id=tln20 class=ln tln20/divnature gave me his countenance seems to take from div name=tln21 id=tln21 class=ln tln ! /divme. He lets me feed with his hinds, bars me the div name=tln22 id=tln22 class=ln tln ! /divplace of a brother, and as much as in him lies, mines my div name=tln23 id=tln23 class=ln tln ! /divgentility with my education. This is it, Adam, that div name=tln24 id=tln24 class=ln tln ! /divgrieves me; and the spirit of my
[jQuery] Re: newbie struggling with JSON
Stan,
I'd suggest using Firefox with the Firebug extension, and doing a
console.log(code) in your callback. This will give you better information
than is provided by using the alert method.
-- Josh
- Original Message -
From: Stan McFarland [EMAIL PROTECTED]
To: jQuery (English) jquery-en@googlegroups.com
Sent: Monday, May 05, 2008 2:07 PM
Subject: [jQuery] newbie struggling with JSON
Hi, newbie here. Hoping someone can help. I'm able to successfully
call $.get and then eval() a URL that returns a JSON object:
$.get(myurl,
function(code) { eval(code); alert(code[0]); });
But if I try to call $.getJSON on the same URL:
$.getJSON (myurl,
function(code) { alert(code[0]); });
I always get back:code has no properties
Any suggestions?
Thanks,
Stan McFarland
`
[jQuery] Re: Photo Crop proposal
Yes as I stated in the email previous to this i am sorry for the harsh, not very well thought out comments(everyone has a bad day). I fully understand Open Source. And yes sometimes a little bit of money does provoke that little bit of innovation needed for an Open Source project to take that great leap. So I retract my earlier comments as they were not thought out and do not fully express my views as an Open Source Developer. Thanks, Donald Organ Shawn wrote: Sorry Donald, but your comment suggests you do not really understand what Open Source is. It is more than I can get it for free. And it is more than I can do what I want with it (two very different kinds of free). It is a mix of the two, with a healthy dose of what makes the community better view in there. But nowhere in that (partial) description does it say that money cannot change hands. I would gladly pay someone to take an open source product and make it meet my needs - where I am either unable or don't have the time to do so myself. The question isn't about if I can get the product for free. It's more about how much effort will it take to implement that free product. And what about support afterwards? Or if needs change? There is always a business choice needed whether to do it yourself or let someone else do it. It just so happens that the majority of people on this list are developers who can do it themselves. But a community is made up of more than one type of person. There are business people on the list, as well as casual users. THEY may not want to do it themselves, and be willing to pay for something that is based on Open Source. While you may not pay for things you can get for free, don't paint everyone with your characteristics. My Thoughts Shawn Donald J Organ IV wrote: There are already crop plugins that have been written. Why would anyone pay for something that is based on opensource.
[jQuery] superfish - vertical menu, be able to drop left or right
Hello - i am trying to use superfish and jQuery to make my dropdown menus. I have added each li in the dropdown have its own class, subMenuAnchor. This allows us to position the next menu to the right of the previous dropdown. Now, we want to be able to drop left or right, so on the ones I want to drop left, I added another class in css, subMenuAnchorLeft. This drops the menu in the correct spot, but it does not use the animation for showing the dropdown from superfish.js Any ideas? Thanks!
[jQuery] TableSorter + Filtering + Ajax
Hi, I am using the tablesorter pluging http://tablesorter.com/ and it works fine for smallish tables. However, I need to page through large result sets (and filter them) - so I am going to use AJAX to repopulate the table once the options have been selected. Now, if through filtering / whetever - less than 100 rows are returned, then I want tablesorter to just sort the table (without having to make an AJAX call) To do this I want to edit the tablesorter plugin to call a function which returns true/false depending on how many records there are to sort. So my question (there is one!) is how do I do that with tablesorter. I have tried using 'sortStart' and returning false but no joy. I can edit the source of course - but if there is a simple way I'd love to know it. Better still, does anyone have an example of doing filteringsorting paging of large datasets using JSON/AJAX and Jquery? :) Thanks, Patrick
[jQuery] Need help with easy fix for image gallery
Extremely new to jQuery so I am sure this is an easy fix for some of
you advanced players out there. Thanks in advance.
Creating a photo gallery and want the currently displayed image to
fade away before the new image fades in...this is the code I have thus
far.
$(#imageSelect li a).click(function(){
var imagePath = $(this).attr(href);
$(#mainImg img).animate({opacity: hide}, 500).attr({ src:
imagePath }).animate({opacity: show}, 500);
return false;
});
The main issue is that the new image is grabbed and displayed before
the hide animation can complete, so you see it right away, then it
fades away...and then reappears a half second later. Any suggestions?
[jQuery] Re: Need help with easy fix for image gallery
Extremely new to jQuery so I am sure this is an easy fix for some of
you advanced players out there. Thanks in advance.
Creating a photo gallery and want the currently displayed image to
fade away before the new image fades in...this is the code I have thus
far.
$(#imageSelect li a).click(function(){
var imagePath = $(this).attr(href);
$(#mainImg img).animate({opacity: hide}, 500).attr({ src:
imagePath }).animate({opacity: show}, 500);
return false;
});
The main issue is that the new image is grabbed and displayed before
the hide animation can complete, so you see it right away, then it
fades away...and then reappears a half second later. Any suggestions?
The key is the delay the fadeIn until the fadeOut has completed. You
do that by using a callback method. Note that I switched from animate
to fadeIn/Out for simplicity:
$(#imageSelect li a).click(function() {
var imagePath = $(this).attr(href);
// pass callback to fadeOut
$(#mainImg img).fadeOut(500, function() {
$(this).attr('src', imagePath).fadeIn(500);
});
return false;
});
[jQuery] Re: Superfish Menu Fade-out
Hi folks I've been trying to get this little puppy working in IE7 but to no success (no surprises - I'm no javascript expert). I'm wondering if anyone would be up for helping us out on it, paid work? In short, it works fine at this URL: http://mga.id.au/test/ in Firefox but IE7 balks... Thanks! On Apr 21, 2:43 pm, Reuben [EMAIL PROTECTED] wrote: Thanks both, This is great - I've implemented it here (I'm just the coder on this project):http://mga.id.au/test/where it works really nicely although not in IE7. I checked out the demo on IE7 and didn't have similar problems so I'm sure I just need to have a go at debugging it. So far so awesome though - thanks! (I was away for a couple days hence late reply :o) ) On Apr 18, 3:38 pm, Joel Birch [EMAIL PROTECTED] wrote: Thanks Stan, I have created a test page which includes a link to a zip file containing all the related files incase anyone wants to experiment further. I found only one or two things that I had to correct from the code on the page you linked to above - the one I can remember offhand (might be the only one) is that you had onBeforeShow called in hideSuperfishUl when it should be onHide. If you get chance, please have a look at my test pages as I have briefly discussed the results of my quick experimentation with your patch. It would be awesome to iron the bugs out of this functionality. Thanks again Stan. Link to my test page:http://tinyurl.com/5zhno9 Joel Birch.
[jQuery] Re: php mysql
I have the same question. I have over 20k rows of data in mysql, and the idea is for there to be an update button beside each row. I don't see any examples of how to interact with the database here -- in php it's $sql = ...; in ruby/rails it's Thing.new[...], but what's up with jquery? I don't think an explanation would be voodoo - it'd be a lifesaver. I already understand the old ways - school me on the jquery. Thanks John This is a pretty big question. What you need to do is learn how to do it with regular HTTP interaction with the backend. Once you understand that you'll be able to adapt it to Ajax. A firm grounding in HTTP makes XHR pretty straightforward. Doing this right is not simple. You should probably read up on REST and understand which parts should GET and which parts should POST (or really even PUT/DELETE but that's often unused due to bad support and general lack of understanding). The take away point is that if you don't know how to do every part with regular forms and backend interaction already, doing it in Ajax will seem like insurmountable voodoo.
[jQuery] suggestions for a hover zoom on text...
I'm trying to come up with a technique for expanding text when you hover over it. I built a real quick and dirty demo to help explain the affect I'm trying to achieve: http://imlocking.com/projects/zoom_text.html So, in the list of times, I'd like to make them pop when you hover over. Of course, it would be easy to change the style of the element directly but then the list would move which I'm trying to avoid. What I'm doing now is creating a hidden positionable container that moves to the correct location and shows a copy of the hovered element (with a different style applied). It works but I've noticed on an actual page with other content, the performance can get horrendous. Safari is blazing fast. Both Firefox and IE can both go up to 100% CPU usage. All the code (HTML/CSS/JS) is inline. So, please take a look and let me know if there's a better more efficient way to do this. Any suggestions, tips, comments, etc. are welcome. Another alternative we've tried is putting hidden spans in the page that show up on hover (requires little-to-no scripting) but it ends up marking the markup unnecessarily large. Many thanks, victor
[jQuery] Re: need some help with selecting text nodes
oh and yes, firebug is a Godsend. It is the most useful tool in my programming environment, by a long shot. I strongly recommend people learn all of its features like the debugger and the profiler. On May 5, 4:23 pm, Glen Lipka [EMAIL PROTECTED] wrote: $(#tln21 div).text(); Like that? By the way, firebug is very helpful to test our selectors and see what they come up with. Hmm, it would be nice to have a tutorial on how to do this. I can try and whip one up. Glen On Mon, May 5, 2008 at 2:47 PM, darren [EMAIL PROTECTED] wrote: hi Joe, thanks for your comment If you look closer, you can see that the text is not actually in the div element. i basically need to select the text after that node: div div tln=xxx/div Some text div tln=xxx/div some more text div tln=xxx3/div even more text /div So that wouldnt work On May 5, 2:06 pm, Joe [EMAIL PROTECTED] wrote: $(#tln21').text(); This will return the text associated with id=tln21. http://docs.jquery.com/Attributes/text Joe www.subprint.com On May 5, 2:34 pm, darren [EMAIL PROTECTED] wrote: Hi everybody, new member here. I have a project with the following snipped of code: =start html= div class=line div name=tln4 id=tln4 class=ln tln ! /divAs I remember, Adam, it was upon this fashion div name=tln5 id=tln5 class=ln tln5/divbequeathed me by will but poor a thousand div name=tln6 id=tln6 class=ln tln ! /divcrowns, and, as thou say'st, charged my brother, div name=tln7 id=tln7 class=ln tln ! /divon his blessing, to breed me well; and div name=tln8 id=tln8 class=ln tln ! /divthere begins my sadness. My brother Jaques he keeps div name=tln9 id=tln9 class=ln tln ! /divat school, and report speaks goldenly of his profit. div name=tln10 id=tln10 class=ln tln10/divFor my part, he keeps me rustically at home, or, to speak div name=tln11 id=tln11 class=ln tln ! /divmore properly, stays me here at home unkept; for call div name=tln12 id=tln12 class=ln tln ! /divyou that keeping for a gentleman of my birth that differs div name=tln13 id=tln13 class=ln tln ! /divnot from the stalling of an ox? His horses are bred div name=tln14 id=tln14 class=ln tln ! /divbetter, for, besides that they are fair with their feeding, div name=tln15 id=tln15 class=ln tln15/divthey are taught their man�ge, and to that end riders div name=tln16 id=tln16 class=ln tln ! /divdearly hired; but I, his brother, gain nothing under div name=tln17 id=tln17 class=ln tln ! /divhim but growth, for the which his animals on his div name=tln18 id=tln18 class=ln tln ! /divdunghills are as much bound to him as I. Besides this nothing div name=tln19 id=tln19 class=ln tln ! /divthat he so plentifully gives me, the something that div name=tln20 id=tln20 class=ln tln20/divnature gave me his countenance seems to take from div name=tln21 id=tln21 class=ln tln ! /divme. He lets me feed with his hinds, bars me the div name=tln22 id=tln22 class=ln tln ! /divplace of a brother, and as much as in him lies, mines my
[jQuery] Re: Need help with easy fix for image gallery
Rock on, thanks a bunch Mike. I thought it had something to do with
the callback but I didn't fully understand how to use it; starting to
get the big picture. :-)
Thanks again.
On May 5, 7:53 pm, Mike Alsup [EMAIL PROTECTED] wrote:
Extremely new to jQuery so I am sure this is an easy fix for some of
you advanced players out there. Thanks in advance.
Creating a photo gallery and want the currently displayed image to
fade away before the new image fades in...this is the code I have thus
far.
$(#imageSelect li a).click(function(){
var imagePath = $(this).attr(href);
$(#mainImg img).animate({opacity: hide}, 500).attr({ src:
imagePath }).animate({opacity: show}, 500);
return false;
});
The main issue is that the new image is grabbed and displayed before
the hide animation can complete, so you see it right away, then it
fades away...and then reappears a half second later. Any suggestions?
The key is the delay the fadeIn until the fadeOut has completed. You
do that by using a callback method. Note that I switched from animate
to fadeIn/Out for simplicity:
$(#imageSelect li a).click(function() {
var imagePath = $(this).attr(href);
// pass callback to fadeOut
$(#mainImg img).fadeOut(500, function() {
$(this).attr('src', imagePath).fadeIn(500);
});
return false;
});
[jQuery] Re: need some help with selecting text nodes
hi glen, thanks for replying. That still wouldn't work. With that you are looking for the text inside div elements which are descendants of of the id'd element. What i want to select are certain text elements of the id'd element. I figured something out, but this is surprisinlgy difficult: div id=21 div text node div text node ... /div I had to use .contains() and [nodeType=3] to pick text nodes. not pretty. On May 5, 4:23 pm, Glen Lipka [EMAIL PROTECTED] wrote: $(#tln21 div).text(); Like that? By the way, firebug is very helpful to test our selectors and see what they come up with. Hmm, it would be nice to have a tutorial on how to do this. I can try and whip one up. Glen On Mon, May 5, 2008 at 2:47 PM, darren [EMAIL PROTECTED] wrote: hi Joe, thanks for your comment If you look closer, you can see that the text is not actually in the div element. i basically need to select the text after that node: div div tln=xxx/div Some text div tln=xxx/div some more text div tln=xxx3/div even more text /div So that wouldnt work On May 5, 2:06 pm, Joe [EMAIL PROTECTED] wrote: $(#tln21').text(); This will return the text associated with id=tln21. http://docs.jquery.com/Attributes/text Joe www.subprint.com On May 5, 2:34 pm, darren [EMAIL PROTECTED] wrote: Hi everybody, new member here. I have a project with the following snipped of code: =start html= div class=line div name=tln4 id=tln4 class=ln tln ! /divAs I remember, Adam, it was upon this fashion div name=tln5 id=tln5 class=ln tln5/divbequeathed me by will but poor a thousand div name=tln6 id=tln6 class=ln tln ! /divcrowns, and, as thou say'st, charged my brother, div name=tln7 id=tln7 class=ln tln ! /divon his blessing, to breed me well; and div name=tln8 id=tln8 class=ln tln ! /divthere begins my sadness. My brother Jaques he keeps div name=tln9 id=tln9 class=ln tln ! /divat school, and report speaks goldenly of his profit. div name=tln10 id=tln10 class=ln tln10/divFor my part, he keeps me rustically at home, or, to speak div name=tln11 id=tln11 class=ln tln ! /divmore properly, stays me here at home unkept; for call div name=tln12 id=tln12 class=ln tln ! /divyou that keeping for a gentleman of my birth that differs div name=tln13 id=tln13 class=ln tln ! /divnot from the stalling of an ox? His horses are bred div name=tln14 id=tln14 class=ln tln ! /divbetter, for, besides that they are fair with their feeding, div name=tln15 id=tln15 class=ln tln15/divthey are taught their man�ge, and to that end riders div name=tln16 id=tln16 class=ln tln ! /divdearly hired; but I, his brother, gain nothing under div name=tln17 id=tln17 class=ln tln ! /divhim but growth, for the which his animals on his div name=tln18 id=tln18 class=ln tln ! /divdunghills are as much bound to him as I. Besides this nothing div name=tln19 id=tln19 class=ln tln ! /divthat he so plentifully gives me, the something that div name=tln20 id=tln20 class=ln tln20/divnature gave me his countenance seems to take from div name=tln21 id=tln21 class=ln tln ! /divme. He lets me feed with his hinds, bars me the
[jQuery] Re: processing json object
thanks !
I only had to add:
... i records.length; ...
On May 4, 2:14 pm, Nicola Rizzo [EMAIL PROTECTED] wrote:
success: function(json, status){
var records = json.Records;
var str = ;
if(records){
for(var i = 0; i records; records++){
for(var j in records[i]){
str += j + -- + records[i][j] + \n;
}
}
window.alert(str);
}
}
hth,
Nicola
On Sun, May 4, 2008 at 8:02 PM, JP [EMAIL PROTECTED] wrote:
how can I process values from json object without having to use
indivual reference names?
using json:
( {Records: [ {firstname:Nancy,lastname:Davolio} ],
RecordCount:1 } )
instead of :
$.ajax({ ..
success: function(json, status) {
if(json.Records){alert(Records=+json.Records[0].firstname );}
...
is there a way to numerically reference values --something like :
$.ajax({ ..
success: function(json, status) {
if(json.Records){alert(Records=+json.Records[0].0);}
...
only it should work :)
thanks in advance
[jQuery] Re: suggestions for a hover zoom on text...
In your code, it looks like you use many calls to $(this) and $(#times_zoom). You'll get much better performance if you set variables and use those instead, i.e in your mouseover function: var th = $(this), tz = $(#times_zoom); Then you would use those references like so: // change the contents tz.html(th.html()); This will improve performance because you are not calling the jQuery function as many times. -- Josh - Original Message - From: gr00vy0ne [EMAIL PROTECTED] To: jQuery (English) jquery-en@googlegroups.com Sent: Monday, May 05, 2008 6:15 PM Subject: [jQuery] suggestions for a hover zoom on text... I'm trying to come up with a technique for expanding text when you hover over it. I built a real quick and dirty demo to help explain the affect I'm trying to achieve: http://imlocking.com/projects/zoom_text.html So, in the list of times, I'd like to make them pop when you hover over. Of course, it would be easy to change the style of the element directly but then the list would move which I'm trying to avoid. What I'm doing now is creating a hidden positionable container that moves to the correct location and shows a copy of the hovered element (with a different style applied). It works but I've noticed on an actual page with other content, the performance can get horrendous. Safari is blazing fast. Both Firefox and IE can both go up to 100% CPU usage. All the code (HTML/CSS/JS) is inline. So, please take a look and let me know if there's a better more efficient way to do this. Any suggestions, tips, comments, etc. are welcome. Another alternative we've tried is putting hidden spans in the page that show up on hover (requires little-to-no scripting) but it ends up marking the markup unnecessarily large. Many thanks, victor
