[jQuery] Re: Feature/Plugin request - Animation queue
Jörn, Interface in his current version has this 'stopping' feature you requested, until John releases the new written fx functions. Check it out! Paul On May 24, 10:51 pm, Jörn Zaefferer [EMAIL PROTECTED] wrote: Brandon Aaron wrote: Actualy, the hoverIntent plugin is perfect for this. http://cherne.net/brian/resources/jquery.hoverIntent.html Not quite, it has the same queuing issue. But its still in interesting plugin to build the tooltip upon. Thanks. -- Jörn Zaefferer http://bassistance.de
[jQuery] Re: History/Remote - jQuery Plugin
Hi Klaus,
Thanks for sending that link across. I will take a look into it.
However, do you have any pointers to my other question?
{If you land on the page with your remote div populated with the first
result directly from the backend, then click on 2nd link and populate
results in the remote div, then click back, now remore div is empty. It only
happens with the default case, ie, if you click on 2nd link, then 3rd link,
then click back you come to 2nd link related content correctly, but now
clicking back leads into an empty div. That's probably because history isn't
triggered by default when you just come to the page?}
On 5/24/07, Klaus Hartl [EMAIL PROTECTED] wrote:
Mandy Singh wrote:
Anyone on how I can handle this? This is really necessary for this
plugin to be useful to me.
I am sure people have faced this before, can someone not help?
I'm sorry, I'm super busy and I cannot give support right now. The
double loading is a timing issue and a fix was already found for that.
You may want to read through this comment and the following one:
http://www.stilbuero.de/2007/04/07/tabs-27-flexibility/#comment-48208
Further down there's also one in german regarding the same problem but
that doesn't help much I assume.
Unfortunately I hadn't time to merge these fixes into the plugin.
--Klaus
[jQuery] Re: Tabs decoration question
Klaus Hartl wrote: Sean Catchpole wrote: Clever CSS is the solution. Set the top border of the tabs-container to 1px. Set the bottom-margin of the current tabs to -1px That should do the trick. If it doesn't work or you're confused, post a link of a page where this is and I'll try to give you exactly the css you need. ~Sean such css is already in place in the current style sheet delivered with the plugin. i'm using relative positioning though to push the current tab onto the container's border because negative vertical margins sometimes do not work reliably in IE, or you at least need to apply position: relative; anyway in IE to make it work. The trick is, that the current tab needs to be 1px higher than the rest to have them still in one line on top. apart from the background images used for the tab look its completely the same CSS setup. The first tabs looked very similiar to whats required here. Can't get it to work :( Neither with negative margins nor with relative positioning. It gets screwed up in all browsers but Firefox ;( http://dmitriid.com/jquery/troubles/tabs/
[jQuery] Re: Loading before teh DOM is ready
How about:
html
head
titleMy page/title
script type=text/javascript
document.write(style type='text/css'#content { display: none }
#loading { display: block } \/style);
$( function() {
$(#loading).hide();
$(#content).show();
});
/script
/head
body
div id=loadingLoading.../div
div id=content
.. content here
/div
/body
/html
On May 24, 7:45 pm, Jean Nascimento [EMAIL PROTECTED] wrote:
I´ve tried add some code before the $(document).ready but its dont
work, so i wanna know how the best way to show some Loading div before
all docuemnt be ready?
--
[]´s Jeanwww.suissa.info
Ethereal Agencywww.etherealagency.com
[jQuery] Re: Finding a parent list item.
i think is that
$(function()
{
$(fieldset).find(input,select,textarea,option).focus
(function()
{
this.parent().addClass(on);
}
)
.blur
(function()
{
this.parent().removeClass();
}
);
});
On 5/25/07, fambizzari [EMAIL PROTECTED] wrote:
Hi everyone,
Imagine the following HTML scenario:
li
label for=title_newTitle/label
div class=inputinput name=title_new id=title_new//div
/li
li
label for=message_newMessage/label
div class=input
div
div
div
input name=message_new
id=message_new/
/div
/div
/div
/div
/li
How could i modify the following jquery code so that it effects the
parent li and and not the parent node:
$(function()
{
$(fieldset).find(input,select,textarea,option).focus
(function()
{
this.parentNode.className = on;
}
)
.blur
(function()
{
this.parentNode.className = ;
}
);
});
I hope that makes sense.
--
[]´s Jean
www.suissa.info
Ethereal Agency
www.etherealagency.com
[jQuery] Re: Loading before teh DOM is ready
Thankss! I used this for test =D
html
head
titleMy page/title
style type='text/css'
#content {
display: none
}
#loading {
background-color: #66;
color: #FF;
display: block;
font-family: Verdana, Helvetica, sans-serif;
font-size: 0.95em;
font-weight: bold;
padding: 3px 3px;
width: 200px;
}
/style
script type=text/javascript src=jquery/jquery.js/script
script type=text/javascript
$(document).ready(
function() {
$(#loading).hide();
$(#content).show();
});
/script
/head
body
div id=loadingLoading.../div
div id=content
.. content here
?
for($i=0;$i10;$i++){
echo $i. ushohdoy3809yh!br /;
}
?
/div
/body
/html
On 5/25/07, Sam Collett [EMAIL PROTECTED] wrote:
How about:
html
head
titleMy page/title
script type=text/javascript
document.write(style type='text/css'#content { display: none }
#loading { display: block } \/style);
$( function() {
$(#loading).hide();
$(#content).show();
});
/script
/head
body
div id=loadingLoading.../div
div id=content
.. content here
/div
/body
/html
On May 24, 7:45 pm, Jean Nascimento [EMAIL PROTECTED] wrote:
I´ve tried add some code before the $(document).ready but its dont
work, so i wanna know how the best way to show some Loading div before
all docuemnt be ready?
--
[]´s Jeanwww.suissa.info
Ethereal Agencywww.etherealagency.com
--
[]´s Jean
www.suissa.info
Ethereal Agency
www.etherealagency.com
[jQuery] Re: Loading before teh DOM is ready
Please note that in this implementation, users without javascript enabled
will not be able to see your comment. The #content and #loading parts should
be respectively ON and OFF in your css stylesheet.
javascript should control the entire sequence and not only the end of it.
The way i did it is by creating a show / hide functions taking care of
creating the loading div html code, and toggling the visibility of the two,
and then attaching to each A and BUTTON element the behaviour to launch the
function.
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Jean Nascimento
Sent: vendredi 25 mai 2007 8:20
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: Loading before teh DOM is ready
Thankss! I used this for test =D
html
head
titleMy page/title
style type='text/css'
#content {
display: none
}
#loading {
background-color: #66;
color: #FF;
display: block;
font-family: Verdana, Helvetica, sans-serif;
font-size: 0.95em;
font-weight: bold;
padding: 3px 3px;
width: 200px;
}
/style
script type=text/javascript src=jquery/jquery.js/script script
type=text/javascript
$(document).ready(
function() {
$(#loading).hide();
$(#content).show();
});
/script
/head
body
div id=loadingLoading.../div
div id=content
.. content here
?
for($i=0;$i10;$i++){
echo $i. ushohdoy3809yh!br /;
}
?
/div
/body
/html
On 5/25/07, Sam Collett [EMAIL PROTECTED] wrote:
How about:
html
head
titleMy page/title
script type=text/javascript
document.write(style type='text/css'#content { display: none }
#loading { display: block } \/style); $( function() {
$(#loading).hide();
$(#content).show();
});
/script
/head
body
div id=loadingLoading.../div
div id=content
.. content here
/div
/body
/html
On May 24, 7:45 pm, Jean Nascimento [EMAIL PROTECTED] wrote:
I´ve tried add some code before the $(document).ready but its dont
work, so i wanna know how the best way to show some Loading div
before all docuemnt be ready?
--
[]´s Jeanwww.suissa.info
Ethereal Agencywww.etherealagency.com
--
[]´s Jean
www.suissa.info
Ethereal Agency
www.etherealagency.com
Ce message Envoi est certifié sans virus connu.
Analyse effectuée par AVG.
Version: 7.5.467 / Base de données virus: 269.8.0/817 - Date: 24/05/2007
16:01
[jQuery] jQuery innerfade on safari Problem
Hi there I work on a photographers site. She wants a slide show of her photographs. http://www.siggibucher.com/preview/test.php I used the innerfade plugin from http://medienfreunde.com/lab/innerfade/ It's very beautiful. Everything is fine except two thing. My fading is not working on Safari Mac. It should, because the original innerfade is also working on safari. The slideshow off button is blinking. It's very ugly this way. THX in advance thomas l from zürich
[jQuery] Re: Feature/Plugin request - Animation queue
Okay, thanks to everyone who responded, I really appreciate the help. Unfortunately this is turning out to be a tougher problem to solve than I first thought. Basically, what needs to happen is 1) All elements that have not been selected and are visible need to fade out. 2) All elements that have been selected need to move to new positions (which will be computed by their order in the DOM and an x/y grid). 3) All elements that have been selected but which are invisible need to face in. The 3 animation steps need to occur in unison on all affected elements. Using Erik's technique it's fairly easy to get steps 1 and 3 to happen in sequence, but step 2 is proving the real tricky one, because each element is moving to a different position and therefore needs its own animate () call, but all these elements have to move in unison. Erik's technique will only allow them to move one at a time (as far as I can tell). Brandon's plugin seemed like the way to go but unfortunately it doesn't seem possible to get it to animate a group of elements as one but have each group selected animate in sequence. Mark's idea looked like the simplest one to pull off, but it seems to cause weird effects to happen for reasons I can't figure out. The same group of elements gets repeatedly faded in 10-12 times before the animation finally stops. On May 24, 11:47 am, Gordon [EMAIL PROTECTED] wrote: I've already posted on this topic before, but I really am gettign quite desperate as the project deadline looms and I still don't have a solution. I need several animations to happen, but I need them to happen in sequence rather than all at once (first animation: hide unselected items. Second animation: Move visible items to new locations to occupy space taken by unselected items/make space for currently hidden selected items. Third animation: Reveal currently hidden selected items). I tried using the callback method, but this has a serious drawback for my purposes, in that if one of the animations in the chain doesn't occur (because no items were unselected but some new ones were selected, for example) then all subsequent animations don't occur either. If a jQuery selector returns 0 results then applied effects aren't executed. What I need is some code that will ececute my animations one after the other, but which doesn't depend on all animations in the chain being triggered for the subsequent animations to play. Is there a plugin for doing this? Or is it slated as a new feature for jQuery? Or has anyone else come up with a solution to the problem? Sorry to keep asking this but like I said, it's getting pretty urgent.
[jQuery] Re: Finding a parent list item.
Daemach2's solustion would do it, and if your li elements are nested
inside other li elements, you may wish to restrict the parents() method to
match only the first li up the tree by using
$(this).parents('li:first').addClass('on'); instead, that way you won't set
addClass('on') for more than one li
George
Daemach2 wrote:
You should be able to do:
$(function()
{
$(fieldset).find(input,select,textarea,option).focus
(function()
{
$(this).parents('li').addClass('on');
}
)
.blur
(function()
{
$(this).parents('li').removeClass('on');
}
);
});
On May 24, 9:48 pm, fambizzari [EMAIL PROTECTED] wrote:
Hi everyone,
Imagine the following HTML scenario:
li
label for=title_newTitle/label
div class=inputinput name=title_new id=title_new//div
/li
li
label for=message_newMessage/label
div class=input
div
div
div
input name=message_new
id=message_new/
/div
/div
/div
/div
/li
How could i modify the following jquery code so that it effects the
parent li and and not the parent node:
$(function()
{
$(fieldset).find(input,select,textarea,option).focus
(function()
{
this.parentNode.className = on;
}
)
.blur
(function()
{
this.parentNode.className = ;
}
);
});
I hope that makes sense.
--
View this message in context:
http://www.nabble.com/Finding-a-parent-list-item.-tf3814215s15494.html#a10798868
Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: excluding elements
Haven't actually tried these out but they might be worth a try.
$(a,button).not ('.external, .thickbox, #shortcuts a')
or
$(a,button).not('.external').not ('.thickbox').not (#shortcuts a')
On May 25, 11:59 am, Alexandre Plennevaux [EMAIL PROTECTED]
wrote:
hello friends!
a quick question: i would like to exclude a few elements wich have specific
classes from my selection. I just don't find the right syntax:
i tried that:
$(a,button).not($('.external','.thickbox','#shortcuts a')).click(function(){
showLoadingUI();
});
but it does not function, even A elemnets with the specified classes trigger
the behaviour. Can you tell me how to code this properly?
maybe i should chain the not() instead?
thanks a lot!
Alexandre Plennevaux - LAb[au] asbl.vzw / MediaRuimte
Lakensestraat/Rue de Laeken 104
B-1000 Brussel-Bruxelles-Brussels
Belgie-Belgique-Belgium
Tel:+32(0)2.219.65.55
Fax:+32(0)2.426.69.86
Mobile:+32(0)476.23.21.42
HYPERLINK blocked::http://www.lab-au.com/http://www.lab-au.com
HYPERLINK blocked::http://www.mediaruimte.be/http://www.mediaruimte.be
HYPERLINK
blocked::http://www.mediaruimte.be/__
The information in this e-mail is intended only for the addressee named
above. If you are not that addressee, please note that any disclosure,
distribution or copying of this e-mail is prohibited.
Because e-mail can be electronically altered, the integrity of this
communication cannot be guaranteed.
__
Ce message Envoi est certifié sans virus connu.
Analyse effectuée par AVG.
Version: 7.5.467 / Base de données virus: 269.8.0/817 - Date: 24/05/2007 16:01
[jQuery] Re: excluding elements
Thank you Gordon, this indeed works too : $(a,button).not ('.external,
.thickbox, #shortcuts a')
Great!
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Gordon
Sent: vendredi 25 mai 2007 11:05
To: jQuery (English)
Subject: [jQuery] Re: excluding elements
Haven't actually tried these out but they might be worth a try.
$(a,button).not ('.external, .thickbox, #shortcuts a')
or
$(a,button).not('.external').not ('.thickbox').not (#shortcuts a')
On May 25, 11:59 am, Alexandre Plennevaux [EMAIL PROTECTED]
wrote:
hello friends!
a quick question: i would like to exclude a few elements wich have
specific classes from my selection. I just don't find the right syntax:
i tried that:
$(a,button).not($('.external','.thickbox','#shortcuts
a')).click(function(){
showLoadingUI();
});
but it does not function, even A elemnets with the specified classes
trigger the behaviour. Can you tell me how to code this properly?
maybe i should chain the not() instead?
thanks a lot!
Alexandre Plennevaux - LAb[au] asbl.vzw / MediaRuimte
Lakensestraat/Rue de Laeken 104 B-1000 Brussel-Bruxelles-Brussels
Belgie-Belgique-Belgium
Tel:+32(0)2.219.65.55
Fax:+32(0)2.426.69.86
Mobile:+32(0)476.23.21.42
HYPERLINK blocked::http://www.lab-au.com/http://www.lab-au.com
HYPERLINK
blocked::http://www.mediaruimte.be/http://www.mediaruimte.be
HYPERLINK
blocked::http://www.mediaruimte.be/_
_
The information in this e-mail is intended only for the addressee named
above. If you are not that addressee, please note that any disclosure,
distribution or copying of this e-mail is prohibited.
Because e-mail can be electronically altered, the integrity of this
communication cannot be guaranteed.
__
Ce message Envoi est certifié sans virus connu.
Analyse effectuée par AVG.
Version: 7.5.467 / Base de données virus: 269.8.0/817 - Date:
24/05/2007 16:01
Ce message Envoi est certifié sans virus connu.
Analyse effectuée par AVG.
Version: 7.5.467 / Base de données virus: 269.8.0/817 - Date: 24/05/2007
16:01
[jQuery] excluding elements
hello friends!
a quick question: i would like to exclude a few elements wich have specific
classes from my selection. I just don't find the right syntax:
i tried that:
$(a,button).not($('.external','.thickbox','#shortcuts a')).click(function(){
showLoadingUI();
});
but it does not function, even A elemnets with the specified classes trigger
the behaviour. Can you tell me how to code this properly?
maybe i should chain the not() instead?
thanks a lot!
Alexandre Plennevaux - LAb[au] asbl.vzw / MediaRuimte
Lakensestraat/Rue de Laeken 104
B-1000 Brussel-Bruxelles-Brussels
Belgie-Belgique-Belgium
Tel:+32(0)2.219.65.55
Fax:+32(0)2.426.69.86
Mobile:+32(0)476.23.21.42
HYPERLINK blocked::http://www.lab-au.com/http://www.lab-au.com
HYPERLINK blocked::http://www.mediaruimte.be/http://www.mediaruimte.be
HYPERLINK
blocked::http://www.mediaruimte.be/__
The information in this e-mail is intended only for the addressee named above.
If you are not that addressee, please note that any disclosure, distribution or
copying of this e-mail is prohibited.
Because e-mail can be electronically altered, the integrity of this
communication cannot be guaranteed.
__
Ce message Envoi est certifié sans virus connu.
Analyse effectuée par AVG.
Version: 7.5.467 / Base de données virus: 269.8.0/817 - Date: 24/05/2007 16:01
[jQuery] Re: excluding elements
It should also hopefully be a little faster as it's only performing a
single call to not() :)
On May 25, 12:11 pm, Alexandre Plennevaux [EMAIL PROTECTED]
wrote:
Thank you Gordon, this indeed works too : $(a,button).not ('.external,
.thickbox, #shortcuts a')
Great!
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Gordon
Sent: vendredi 25 mai 2007 11:05
To: jQuery (English)
Subject: [jQuery] Re: excluding elements
Haven't actually tried these out but they might be worth a try.
$(a,button).not ('.external, .thickbox, #shortcuts a')
or
$(a,button).not('.external').not ('.thickbox').not (#shortcuts a')
On May 25, 11:59 am, Alexandre Plennevaux [EMAIL PROTECTED]
wrote:
hello friends!
a quick question: i would like to exclude a few elements wich have
specific classes from my selection. I just don't find the right syntax:
i tried that:
$(a,button).not($('.external','.thickbox','#shortcuts
a')).click(function(){
showLoadingUI();
});
but it does not function, even A elemnets with the specified classes
trigger the behaviour. Can you tell me how to code this properly?
maybe i should chain the not() instead?
thanks a lot!
Alexandre Plennevaux - LAb[au] asbl.vzw / MediaRuimte
Lakensestraat/Rue de Laeken 104 B-1000 Brussel-Bruxelles-Brussels
Belgie-Belgique-Belgium
Tel:+32(0)2.219.65.55
Fax:+32(0)2.426.69.86
Mobile:+32(0)476.23.21.42
HYPERLINK blocked::http://www.lab-au.com/http://www.lab-au.com
HYPERLINK
blocked::http://www.mediaruimte.be/http://www.mediaruimte.be
HYPERLINK
blocked::http://www.mediaruimte.be/_
_
The information in this e-mail is intended only for the addressee named
above. If you are not that addressee, please note that any disclosure,
distribution or copying of this e-mail is prohibited.
Because e-mail can be electronically altered, the integrity of this
communication cannot be guaranteed.
__
Ce message Envoi est certifié sans virus connu.
Analyse effectuée par AVG.
Version: 7.5.467 / Base de données virus: 269.8.0/817 - Date:
24/05/2007 16:01
Ce message Envoi est certifié sans virus connu.
Analyse effectuée par AVG.
Version: 7.5.467 / Base de données virus: 269.8.0/817 - Date: 24/05/2007
16:01
[jQuery] Re: History/Remote - jQuery Plugin
Thank you Klaus. All my major issues have been solved including writing a
pagination model on top of it and handling the highlighting of the active
link (refresh wasn't being taken care of by your library).
So, only one thing remains - the double request that sometimes happens and
once it happens then it always happens. I saw the link (comment from your
blog) for the change. But, its confusing and requires lot of changes.
I am hoping you can release a patch soon.
Thank you,
Mandy.
On 5/25/07, Klaus Hartl [EMAIL PROTECTED] wrote:
Mandy Singh wrote:
Hi Klaus,
Thanks for sending that link across. I will take a look into it.
However, do you have any pointers to my other question?
{If you land on the page with your remote div populated with the first
result directly from the backend, then click on 2nd link and populate
results in the remote div, then click back, now remore div is empty. It
only happens with the default case, ie, if you click on 2nd link, then
3rd link, then click back you come to 2nd link related content
correctly, but now clicking back leads into an empty div. That's
probably because history isn't triggered by default when you just come
to the page?}
You can pass a callback to the initialize function that is called if you
push the back button to the point where the browser's address contains
no fragment identifier/hash.
By default the containers is emptied in that case, but passing the
callback will overwrite the default. In your case you'd need to pass a
function that either loads content from the first container remotely or
gets it elsehow from cache (capture it on page load with the already
existent content).
$.ajaxHistory.initialize(function() {
// load first container content
});
But usually this is not required, because you could as well include a
hash in the url, that triggers loading of the first container:
http://whatever.com/#remote-1
-- Klaus
[jQuery] form pluggin bug?
I am using fieldSerialize:
jQuery('#DB .HSCO').fieldSerialize();
In form DB I have 3 items:
input type='checkbox' class='HSCO' id='HSCO_1' name='HSCO_1' value=1
/td
input type='checkbox' class='HSCO' id='HSCO_2' name='HSCO_2' value=1
/td
input type='checkbox' class='HSCO' id='HSCO_3' name='HSCO_3' value=1
/td
if value is =1 then works fine however when value =0 (ex:HSCO_3)
the item doesn't appear in the serialization: HSCO_1=1HSCO_2=1
Any workaround?
[jQuery] Query string separator
Hi, The HTML 4 specification recommends that a semicolon be used as the separator for query string parameters because of the issues with encoding '' in link urls (see http://www.w3.org/TR/html4/appendix/notes.html#h-B.2.2). In view of this, it would be very nice indeed if there were a global setting in jQuery to parameterize the query separator. I only find two places in jQuery that hard code '': ajax() param() Of course if this were provided then all plugins that deal with forms could reference that value instead of hard coding '' as the query separator. Thanks, - Aparajita
[jQuery] Re: form pluggin bug?
What browser is this happening on? And what version of the form
plugin? It works fine for me on FF2 and IE7 using the latest form
plugin (.97). This is what I tried:
htmlhead
script type=text/javascript src=jquery-1.1.2.js/script
script type=text/javascript src=jquery.form.js/script
script type=text/javascript
$(function() {
$('button').click(function() {
alert( $('#DB .HSCO').fieldSerialize() );
return false;
});
});
/script
/head
bodydivform id=DB action=
input type='checkbox' class='HSCO' id='HSCO_1' name='HSCO_1' value=1 /
input type='checkbox' class='HSCO' id='HSCO_2' name='HSCO_2' value=0 /
input type='checkbox' class='HSCO' id='HSCO_3' name='HSCO_3' value=1 /
buttonTest/button
/form/div/body
/html
Mike
On 5/25/07, oscar esp [EMAIL PROTECTED] wrote:
I am using fieldSerialize:
jQuery('#DB .HSCO').fieldSerialize();
In form DB I have 3 items:
input type='checkbox' class='HSCO' id='HSCO_1' name='HSCO_1' value=1
/td
input type='checkbox' class='HSCO' id='HSCO_2' name='HSCO_2' value=1
/td
input type='checkbox' class='HSCO' id='HSCO_3' name='HSCO_3' value=1
/td
if value is =1 then works fine however when value =0 (ex:HSCO_3)
the item doesn't appear in the serialization: HSCO_1=1HSCO_2=1
Any workaround?
[jQuery] Newbie Parent question
Hi folks,
I started working with jQuery for the first time yesterday- and I've
got something that I'm hoping you all may be able to help me figure
out.
I would think that this (simple?) bit of code would 1) find all the
a tags with class addcomment, and then 2)assign an onClick that
would create an alert box displaying the class of the containing
block. But the second to last line with the alert doesnt seem to be
working. Any help is appreciated.
Thanks,
Matt
$(a).filter(.addcomment).click(function() {
alert($(this).parent.attr('class'));
});
[jQuery] Re: Finding a parent list item.
Thanks Guys.
Most helpful
On May 25, 11:32 am, George Adamson [EMAIL PROTECTED]
wrote:
Daemach2's solustion would do it, and if your li elements are nested
inside other li elements, you may wish to restrict the parents() method to
match only the first li up the tree by using
$(this).parents('li:first').addClass('on'); instead, that way you won't set
addClass('on') for more than one li
George
Daemach2 wrote:
You should be able to do:
$(function()
{
$(fieldset).find(input,select,textarea,option).focus
(function()
{
$(this).parents('li').addClass('on');
}
)
.blur
(function()
{
$(this).parents('li').removeClass('on');
}
);
});
On May 24, 9:48 pm, fambizzari [EMAIL PROTECTED] wrote:
Hi everyone,
Imagine the following HTML scenario:
li
label for=title_newTitle/label
div class=inputinput name=title_new id=title_new//div
/li
li
label for=message_newMessage/label
div class=input
div
div
div
input name=message_new
id=message_new/
/div
/div
/div
/div
/li
How could i modify the following jquery code so that it effects the
parent li and and not the parent node:
$(function()
{
$(fieldset).find(input,select,textarea,option).focus
(function()
{
this.parentNode.className = on;
}
)
.blur
(function()
{
this.parentNode.className = ;
}
);
});
I hope that makes sense.
--
View this message in
context:http://www.nabble.com/Finding-a-parent-list-item.-tf3814215s15494.htm...
Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: Newbie Parent question
Worked great- thanks!
On May 25, 8:29 am, Juan G. Hurtado [EMAIL PROTECTED]
wrote:
I think you should use parent as a function, with the ():
alert($(this).parent().attr('class'));
El 25/05/2007, a las 14:12, Matt W escribió:
Hi folks,
I started working with jQuery for the first time yesterday- and I've
got something that I'm hoping you all may be able to help me figure
out.
I would think that this (simple?) bit of code would 1) find all the
a tags with class addcomment, and then 2)assign an onClick that
would create an alert box displaying the class of the containing
block. But the second to last line with the alert doesnt seem to be
working. Any help is appreciated.
Thanks,
Matt
$(a).filter(.addcomment).click(function() {
alert($(this).parent.attr('class'));
});
[jQuery] Question about ajax and the DOM
Hi there, I've started playing with the ajax functionality of jquery and run into some quirks that I hope someone will give some advice about. The first thing is that I have events applied to various elements for deleting/inserting records and then updating the DOM with the new content which I'm doing via taconite. I've got a list of items that when one is added or removed I replace the entire list with the latest list from the database using an ajaxSubmit to taconite. This caused some odd behaviour, or loss of behaviour. I assumed that because I replaced the content the event listeners were lost too. Now I have a callback function that resets them but this seems like a clunky way of doing things, iterating over all the elements each time there's a DOM update. What are the best/fastest methods for this sort of functionality? Adding the new record on it's own and then adding whichever event to it once it's loaded? Or do I have the wrong end of the stick entirely? If it's easier to point me to a guide or faq about what to consider when using ajax methods extensively that would be good but I would really appreciate any advice you can give me. Hope that makes some kind of sense, Rob
[jQuery] Re: plugin blockUI what do i do wrong ?
You need to change this:
$j.unblockUI;
to this:
$j.unblockUI();
Mike
$j(#ModalYes).click(
function() {
$j.unblockUI;
console.info(you clicked yes);
return false;
}
);
$j('#ModalNo').click(
function (){
$j.unblockUI;
console.info(you clicked NO);
return false;
}
);
[jQuery] Re: Newbie Parent question
I think you should use parent as a function, with the ():
alert($(this).parent().attr('class'));
El 25/05/2007, a las 14:12, Matt W escribió:
Hi folks,
I started working with jQuery for the first time yesterday- and I've
got something that I'm hoping you all may be able to help me figure
out.
I would think that this (simple?) bit of code would 1) find all the
a tags with class addcomment, and then 2)assign an onClick that
would create an alert box displaying the class of the containing
block. But the second to last line with the alert doesnt seem to be
working. Any help is appreciated.
Thanks,
Matt
$(a).filter(.addcomment).click(function() {
alert($(this).parent.attr('class'));
});
[jQuery] Re: Featured Content or Cnet Carousel
*bump* Here's an interesting carousel-style widget, implemented with Prototype: http://www.missingmethod.com/projects/glider.html I'm with Alex, the widget linked in the OP doesn't really seem carouselish to me -- the missingmethod example does. Most importantly, imho, it allows arbitrary HTML. I can't think of a way to get that wipe effect in jQuery, where two elements move together. Anyone done something like that?
[jQuery] Re: 15 second delay with IE
On Apr 5, 12:09 am, mike [EMAIL PROTECTED] wrote: An example is at:http://www.green-welly.co.uk/rcc/basic-example.html It takes me 15 seconds to load this page in IE, Firefox Opera are immediate. Well puzzled. Mostly the problem is with the packed version. Try using the original version. At least for me, the packed version is extremely quirky. -- ?php echo 'Just another PHP saint'; ? Email: rrjanbiah-at-Y!comBlog: http://rajeshanbiah.blogspot.com/
[jQuery] Re: Safari, Thickbox 3 and rolling over images = glitch?
Thanks. That makes me feel better that it's not just his puter. _ From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Aaron Heimlich Sent: Thursday, May 24, 2007 9:03 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: Safari, Thickbox 3 and rolling over images = glitch? I can confirm your client's issue on Safari 2.0.4 (419.3). On 5/24/07, Andy Matthews [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] wrote: I don't run a Mac, or have access to one, so I'm asking you all for a little assistance please. A client running Safari had this to say about my implementation of Thickbox: When you roll over a certain area, mostly right on the outermost border of each picture, then the header blinks in and out and looks weird. Here's a screencap he sent me: http://www.commadelimited.com/uploads/safari_glitch.jpg And here's the page itself: http://www.atkinshomebuilders.com/photo-gallery.html Does anyone have any idea why this might be happening? It works great in IE and FF for the PC as well as FF for the Mac. -- Aaron Heimlich Web Developer [EMAIL PROTECTED] http://aheimlich.freepgs.com http://aheimlich.freepgs.com
[jQuery] Re: Countdown plugin?
On May 23, 4:24 pm, RedAlert [EMAIL PROTECTED] wrote:
Greetings all,
Does anyone know if there is a countdown plugin made all ready? If
not, how difficult would it be to create one?
snip
FWIW...
span class=timer15/span
span class=timer600/span
span class=timer150/span
span class=timer800/span
and:
$(document).ready(function () {
var interval = 1; //sec
setInterval(function () {
$('span.timer').each(function () {
var t = parseInt($(this).text(), 10) - interval;
$(this).text((t 0) ? '' + t : 'Done');
}
);
}
, interval * 1000);
}
);
--
?php echo 'Just another PHP saint'; ?
Email: rrjanbiah-at-Y!comBlog: http://rajeshanbiah.blogspot.com/
[jQuery] Re: default submit is not prevented when using jquery.validate with submitHandler
oliver wrote: If now modified the code my removing a few default operators. I'm not sure that solves anything, but may be worth a try. Could you give the latest revision a try?http://dev.jquery.com/browser/trunk/plugins/validate/jquery.validate Great work, that seems to have fixed it. I dropped in your latest version, commented out my workaround code, and it now works without doing the default submit. Thanks for the help, and very rapid turnaround! Glad to hear it works. -- Jörn Zaefferer http://bassistance.de
[jQuery] Re: Feature/Plugin request - Animation queue
Paul Bakaus wrote: Jörn, Interface in his current version has this 'stopping' feature you requested, until John releases the new written fx functions. Check it out! D'oh, should have thought of that. Thanks Paul! -- Jörn Zaefferer http://bassistance.de
[jQuery] Re: Newbie Parent question
Matt,
I would think that this (simple?) bit of code would 1) find all the
a tags with class addcomment, and then 2)assign an onClick that
would create an alert box displaying the class of the containing
block. But the second to last line with the alert doesnt seem to be
working. Any help is appreciated.
Thanks,
Matt
$(a).filter(.addcomment).click(function() {
alert($(this).parent.attr('class'));
});
Try:
$(a.addcomment).click( function (){
alert( $(this).parent().attr('className') );
});
-Dan
[jQuery] Calling iframe problem with thickbox
The script work ok if its called directly, but if i try to usuit via thickbox i have one error $.validator has no properties here u can see what im talking about http://www.belarsoluciones.com.ar/test/ thx -- Estoy usando la versión gratuita de SPAMfighter para usuarios privados. Ha eliminado 2239 correos spam hasta la fecha. Los usuarios de pago no tienen este mensaje en sus correos. Obtenga SPAMfighter gratis aquí: http://www.spamfighter.com/les
[jQuery] Re: Validation Plugin validates hidden form fields
Jörn, I don't think there is a case where you want to validate a hidden input, is there? I'm not sure if this was a question to just Ryan or to everyone. :) However, I often find the need to validate against hidden form fields. Often when building advanced form functionality, I'm using hidden fields as the actual form fields--which are populate from other DOM manipulations. -Dan
[jQuery] Re: Thickbox 3 transitions, How To
It's interesting how your sample is working, that's about what I had
in mind.
I guess I would of envisioned the white part of the thickbox staying
in place and the photos fading in and out of the white background,
maybe that's not possible. The box fading completely to gray and then
sort of pausing before it starts to load the next picture, is a little
bit cumbersome I suppose.
The fade out, should really overlap the time the next one is fading to
do it correctly I suppose.
A+ for effort though Ben.
Thanks.
Ty
On May 24, 3:54 pm, Benjamin Sterling
[EMAIL PROTECTED] wrote:
Not sure if I fully understand what you are saying. But if I do, you are
just changing what is inside the next and prev functions, now, if there
other effects you want to add, what I posted may need to be altered. Let me
know if I am understanding you correctly.
On 5/24/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote:
That's cool Ben, it's really more of an enhancement, I'm up and
running with thickbox already.
The fades would of been nice. So I needed to think in terms of adding
the fades not replacing something else entirely then?
All good...
On May 24, 12:17 pm, Benjamin Sterling
[EMAIL PROTECTED] wrote:
I would think something like $(#TB_window).fadeOut(slow).remove();
would work. Let me try it on an installation I have and will get back
to a
little later.
On 5/24/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote:
I'm a js logic clutz, I tried adding.
.fadeOut(slow);
to the place in the function where it called remove, that didn't work.
IT broke the TB trying that.
Here's the goNext function just if somebody can give me a quick code
sample:
-
if (!(TB_NextHTML === )) {
function goNext(){
$(#TB_window).remove();
$(body).append(div
id='TB_window'/div);
tb_show(TB_NextCaption,
TB_NextURL, imageGroup);
return false;
}
$(#TB_next).click(goNext);
}
On May 24, 9:49 am, Benjamin Sterling
[EMAIL PROTECTED] wrote:
Take a look at his goNext and goPrev functions, that is where, I
assume,
you
can put in the transition affects.
--
Benjamin
Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.com
--
Benjamin Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.com
--
Benjamin Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.com
[jQuery] Re: Question about ajax and the DOM
Hi Rob, I'll get the ball rolling by pointing you to a guide, and maybe some others can weight in on which approaches are the best/fastest. Hope this helps: http://docs.jquery.com/Tutorials:AJAX_and_Events --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On May 25, 2007, at 8:54 AM, Robert O'Rourke wrote: Hi there, I've started playing with the ajax functionality of jquery and run into some quirks that I hope someone will give some advice about. The first thing is that I have events applied to various elements for deleting/inserting records and then updating the DOM with the new content which I'm doing via taconite. I've got a list of items that when one is added or removed I replace the entire list with the latest list from the database using an ajaxSubmit to taconite. This caused some odd behaviour, or loss of behaviour. I assumed that because I replaced the content the event listeners were lost too. Now I have a callback function that resets them but this seems like a clunky way of doing things, iterating over all the elements each time there's a DOM update. What are the best/ fastest methods for this sort of functionality? Adding the new record on it's own and then adding whichever event to it once it's loaded? Or do I have the wrong end of the stick entirely? If it's easier to point me to a guide or faq about what to consider when using ajax methods extensively that would be good but I would really appreciate any advice you can give me. Hope that makes some kind of sense, Rob
[jQuery] Re: Comet
http://docs.jquery.com/Plugins On May 24, 2:15 pm, peter [EMAIL PROTECTED] wrote: You are quite right. But this address is not advertised anywhere that I can find. You have to go snooping around, and look at the source code for the page. The problem is that there doesn't seem to be a centralized place for downloading advertized plugins. This isn't the only plugin suffering from this problem. Peter On May 24, 9:51 pm, Sean Catchpole [EMAIL PROTECTED] wrote: I assume you are talking about this plugin:http://empireenterprises.com/_comet.htm Then you can download it here:http://empireenterprises.com/_share/jquery.comet.js ~Sean
[jQuery] jscrollpane does not disappear when container is hidden
hello ! i use the very nice jscrollpane plugin by Kelvin Luck, and i just would like to inform about one issue: if i hide (via toggle() ) the containing element, the scrollbar stays visible. i will bypass this by specifying that the scrollbars should disappear. i guess that should work. Alexandre Plennevaux - LAb[au] asbl.vzw / MediaRuimte Lakensestraat/Rue de Laeken 104 B-1000 Brussel-Bruxelles-Brussels Belgie-Belgique-Belgium Tel:+32(0)2.219.65.55 Fax:+32(0)2.426.69.86 Mobile:+32(0)476.23.21.42 HYPERLINK blocked::http://www.lab-au.com/http://www.lab-au.com HYPERLINK blocked::http://www.mediaruimte.be/http://www.mediaruimte.be HYPERLINK blocked::http://www.mediaruimte.be/__ The information in this e-mail is intended only for the addressee named above. If you are not that addressee, please note that any disclosure, distribution or copying of this e-mail is prohibited. Because e-mail can be electronically altered, the integrity of this communication cannot be guaranteed. __ Ce message Envoi est certifié sans virus connu. Analyse effectuée par AVG. Version: 7.5.467 / Base de données virus: 269.8.0/817 - Date: 24/05/2007 16:01
[jQuery] NEWS: File upload application built using jQuery and Apollo
Dan Switzer pointed me to an awesome article about a file upload application built using jQuery and Apollo. For those of you that don't know what Apollo is, its a runtime built by Adobe that lets your web applications run on the desktop. Its very cool technology and its getting quite a bit of press. You can find out more info here: http://labs.adobe.com/wiki/index.php/Apollo As for the article, you can read about it here: http://blog.kevinhoyt.org/2007/05/21/file-upload-with-apollo-and-javascript/ Rey... -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] http://www.iambright.com
[jQuery] Re: jquery.tabs - is it possible?
MrNase wrote: I am playing around with jquery.tabs but I am having a major problem. From the examples I see that it needs a code like this to work: div id=container-1 ul lia href=#fragment-1spanOne/span/a/li lia href=#fragment-2spanTwo/span/a/li lia href=#fragment-3spanTabs are flexible again/span/a/li /ul div id=fragment-11/div div id=fragment-22/div div id=fragment-33/div /div But my code currently looks like this: div id=content div id=fragment-11/div div id=fragment-22/div div id=fragment-33/div /div div id=sidebar ul lia href=#fragment-1One/a/li lia href=#fragment-2Two/a/li lia href=#fragment-3Tabs are flexible again/a/ li /ul /div How can I make it work without changing my code? That's impossible without changing the code, I'm sorry. -- Klaus
[jQuery] Re: plugin blockUI what do i do wrong ?
Mike Alsup schrieb:
You need to change this:
$j.unblockUI;
to this:
$j.unblockUI();
Mike
thanks for that hint,
i changed that and in my sample it will do the job (documentation should
be updated, see: http://malsup.com/jquery/block/#dialog ) ...
however i changed my sample to hide the prompt and show the loader:
$.blockUI.defaults.pageMessage = 'h3 class=warningAnfrage wird
bearbeitet/h3pbitte warten .../p';
but this never gets shown. instead the prompt stays til ajaxStop() is
reached.
i now have: (beware the linebreaks)
/* -- */
$j = jQuery.noConflict();
$j(document).ready(function()
{
$Ajaxian =
http://localhost/__kunden_a_bis_z/mEAD/tool/surveyor/admin/Ajaxian.php;;
$.extend($.blockUI.defaults.overlayCSS, {backgroundColor: '#D4E7F8' });
$.extend($.blockUI.defaults.pageMessageCSS, {border:'none' });
$.blockUI.defaults.pageMessage = 'h3 class=warningAnfrage wird
bearbeitet/h3pbitte warten .../p';
$j().ajaxStart($j.blockUI).ajaxStop($j.unblockUI);
$j('.confirm').click (
function ()
{
$prompt = 'div id=Modalh3Wollen Sie diese Frage wirklich
löschen?/h3pAlle zugehörigrn Antworten gehen somit auch
verloren!/pinput type=button id=ModalYes value=Ja /input
type=button id=ModalNo value=Nein //div';
$j(body).append($prompt);
$j.blockUI($j(#Modal), { width: '300px' });
//
$j(#ModalYes).click(
function() {
// hide the prompt
console.info ('ajax unblocking UI');
$j.unblockUI(); // never gets executed ?
$str = test;
//console.info(you clicked yes);
$j.ajax({
type: POST,
url: $Ajaxian,
data: action=test,
async: false,
link: $str,
success: function (data) {
$link = $j(# +
this.link);//$j(div).find(# + this.link);
//console.info ($j($link));
$j($link).append (data);
$j($link).fadeIn(slow);
},
error: function (XHRo, errType, errMsg)
{},
beforeSend: function (XHRo) {},
complete: function (XHRo) {},
timeout: 30
});
return false;
}
);
$j('#ModalNo').click(
function (){
$j.unblockUI();
//console.info(you clicked NO);
return false;
}
);
return false;
});
$j('#test').hide();
});
/* -- */
without linebreaks but you need to replace the 's ...
/* -- */
$j = jQuery.noConflict();
$j(document).ready(function()
{
$Ajaxian =
http://localhost/__kunden_a_bis_z/mEAD/tool/surveyor/admin/Ajaxian.php;;
$.extend($.blockUI.defaults.overlayCSS, {backgroundColor: '#D4E7F8' });
$.extend($.blockUI.defaults.pageMessageCSS, {border:'none' });
$.blockUI.defaults.pageMessage = 'h3 class=warningAnfrage wird
bearbeitet/h3pbitte warten .../p';
$j().ajaxStart($j.blockUI).ajaxStop($j.unblockUI);
$j('.confirm').click (
function ()
{
$prompt = 'div id=Modalh3Wollen Sie diese Frage wirklich löschen?/h3pAlle zugehörigrn Antworten gehen somit auch
verloren!/pinput type=button id=ModalYes value=Ja /input type=button id=ModalNo value=Nein
//div';
$j(body).append($prompt);
$j.blockUI($j(#Modal), { width: '300px' });
//
$j(#ModalYes).click(
function() {
// hide the prompt
console.info ('ajax unblocking UI');
$j.unblockUI(); // never gets executed ?
$str = test;
//console.info(you clicked yes);
$j.ajax({
type: POST,
url: $Ajaxian,
data: action=test,
async: false,
link:
[jQuery] Re: Validation Plugin validates hidden form fields
Ryan Rose wrote:
Could we pass in filtering settings to validate the same way rules/messages
are passed? This would solve my problem, I would pass in
.not([EMAIL PROTECTED])) and the hidden fields would be ignored while Dan
wouldn't pass in any filters so his hidden fields would be validated.
That sounds like a reasonable approach. How about ignore, eg.
$(#myform).validate({
ignore: [EMAIL PROTECTED]
});
With jQuery's multi-filter ability you can exclude several elements at once.
--
Jörn Zaefferer
http://bassistance.de
[jQuery] Re: jquery.tabs - is it possible?
The short unhelpful answers are (a) you can't or (b) you need to hack the tabs plugin. Currently the plugin searches for the ul and each tab's div in the same container. It is of course possible to change this behaviour, but without delving into the depths of the plugin I couldn't advise you on how to go about it... Given that your current layout is for links at the side of the page, how does that fit in with the tabbed view idea? Are you planning to keep the sidebar as a fallback mechanism? If so, use jQuery to move the ul from its current location to the content div prior to doing $(#content).tabs() would work well I expect. Hope that helps anyway, --rob On 5/25/07, MrNase [EMAIL PROTECTED] wrote: I am playing around with jquery.tabs but I am having a major problem. From the examples I see that it needs a code like this to work: div id=container-1 ul lia href=#fragment-1spanOne/span/a/li lia href=#fragment-2spanTwo/span/a/li lia href=#fragment-3spanTabs are flexible again/span/a/li /ul div id=fragment-11/div div id=fragment-22/div div id=fragment-33/div /div But my code currently looks like this: div id=content div id=fragment-11/div div id=fragment-22/div div id=fragment-33/div /div div id=sidebar ul lia href=#fragment-1One/a/li lia href=#fragment-2Two/a/li lia href=#fragment-3Tabs are flexible again/a/ li /ul /div How can I make it work without changing my code? -- Rob Desbois Eml: [EMAIL PROTECTED] Tel: 01452 760631 Mob: 07946 705987 There's a whale there's a whale there's a whale fish he cried, and the whale was in full view. ...Then ooh welcome. Ahhh. Ooh mug welcome.
[jQuery] ColdFusion, ajax, post, jquery and whitespace
I'll need to test an ajax post to validate if an account already exists in
database. I'm using this code in action page:
cfsetting showdebugoutput=no
cfprocessingdirective suppresswhitespace = yes pageencoding=ISO-8859-1
cfheader charset=iso-8859-1 name=Expires
value=#GetHttpTimeString(Now())#
cfcontent reset=true type=text/plain;charset=ISO-8859-1
cfset rndTest = RandRange(90,99)
cfif rndTest MOD 2
cfoutput#rndTest#/cfoutput
cfelse LOOK HERE WITHOUT CFOUTPUT
no
/cfif
/cfcontent
/cfprocessingdirective
Using that script returns(randomly) the no with 5 chars(maybe because
tab for tags alignment). Including no inside cfoutput returns 3. Why CF
doesn't works properly removing whitespace?
This is the jquery script:
$.ajax({
type: post,
url: validateAccount.cfm,
dataType: html,
data: inputs,
Cheers
[jQuery] Re: jscrollpane does not disappear when container is hidden
nevermind, my fault, i was hiding the scrollpane itself and not the above containing element. _ From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Alexandre Plennevaux Sent: vendredi 25 mai 2007 15:45 To: jquery-en@googlegroups.com Subject: [jQuery] jscrollpane does not disappear when container is hidden hello ! i use the very nice jscrollpane plugin by Kelvin Luck, and i just would like to inform about one issue: if i hide (via toggle() ) the containing element, the scrollbar stays visible. i will bypass this by specifying that the scrollbars should disappear. i guess that should work. Alexandre Plennevaux - LAb[au] asbl.vzw / MediaRuimte Lakensestraat/Rue de Laeken 104 B-1000 Brussel-Bruxelles-Brussels Belgie-Belgique-Belgium Tel:+32(0)2.219.65.55 Fax:+32(0)2.426.69.86 Mobile:+32(0)476.23.21.42 HYPERLINK blocked::http://www.lab-au.com/http://www.lab-au.com HYPERLINK blocked::http://www.mediaruimte.be/http://www.mediaruimte.be HYPERLINK blocked::http://www.mediaruimte.be/__ The information in this e-mail is intended only for the addressee named above. If you are not that addressee, please note that any disclosure, distribution or copying of this e-mail is prohibited. Because e-mail can be electronically altered, the integrity of this communication cannot be guaranteed. __ Ce message Envoi est certifié sans virus connu. Analyse effectuée par AVG. Version: 7.5.467 / Base de données virus: 269.8.0/817 - Date: 24/05/2007 16:01 Ce message Envoi est certifié sans virus connu. Analyse effectuée par AVG. Version: 7.5.467 / Base de données virus: 269.8.0/817 - Date: 24/05/2007 16:01
[jQuery] Re: Validation Plugin validates hidden form fields
Yes, that would be great.
Ryan Rose
Vice President
Digiwize, Inc.
One Technology Drive
Tolland, CT 06084
e: [EMAIL PROTECTED]
p: 860.730.2631
http://www.digiwize.com
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Jörn Zaefferer
Sent: Friday, May 25, 2007 9:58 AM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: Validation Plugin validates hidden form fields
Ryan Rose wrote:
Could we pass in filtering settings to validate the same way
rules/messages
are passed? This would solve my problem, I would pass in
.not([EMAIL PROTECTED])) and the hidden fields would be ignored while Dan
wouldn't pass in any filters so his hidden fields would be validated.
That sounds like a reasonable approach. How about ignore, eg.
$(#myform).validate({
ignore: [EMAIL PROTECTED]
});
With jQuery's multi-filter ability you can exclude several elements at once.
--
Jörn Zaefferer
http://bassistance.de
[jQuery] Re: ColdFusion, ajax, post, jquery and whitespace
Because CF is horrible at handling whitespace. Always has been.
I always use a CFSAVECONTENT tag to save the output to a var and then I
trim the var before it goes back to the XHR request. So try this:
cfsetting showdebugoutput=no
cfprocessingdirective suppresswhitespace = yes pageencoding=ISO-8859-1
cfheader charset=iso-8859-1 name=Expires
value=#GetHttpTimeString(Now())#
cfcontent reset=true type=text/plain;charset=ISO-8859-1
cfsavecontent variable=myResults
cfset rndTest = RandRange(90,99)
cfif rndTest MOD 2
cfoutput#rndTest#/cfoutput
cfelse
no
/cfif
/cfsavecontent
/cfprocessingdirective
cfoutput#trim( myResults )#/cfoutput
Rey
Web Specialist wrote:
I'll need to test an ajax post to validate if an account already exists
in database. I'm using this code in action page:
cfsetting showdebugoutput=no
cfprocessingdirective suppresswhitespace = yes
pageencoding=ISO-8859-1
cfheader charset=iso-8859-1 name=Expires
value=#GetHttpTimeString(Now())#
cfcontent reset=true type=text/plain;charset=ISO-8859-1
cfset rndTest = RandRange(90,99)
cfif rndTest MOD 2
cfoutput#rndTest#/cfoutput
cfelse LOOK HERE WITHOUT CFOUTPUT
no
/cfif
/cfcontent
/cfprocessingdirective
Using that script returns(randomly) the no with 5 chars(maybe because
tab for tags alignment). Including no inside cfoutput returns 3.
Why CF doesn't works properly removing whitespace?
This is the jquery script:
$.ajax({
type: post,
url: validateAccount.cfm,
dataType: html,
data: inputs,
Cheers
--
BrightLight Development, LLC.
954-775- (o)
954-600-2726 (c)
[EMAIL PROTECTED]
http://www.iambright.com
[jQuery] Re: jqgrid and php
Thanks. I wasnt sure what those params woudl be. Thanks -TJ On May 25, 5:09 am, Tony [EMAIL PROTECTED] wrote: Hi Tom, You must calculate this values by hand. I personaly use a exelent adodb library which returns this values from the resulting query. In your case: To the server are passed 4 parameters, that you must have attention. page - the requested page rows - the number of rows, that the server must return sidx - the culumn that must be sorted sord - the sort order Having this you must first calculate haw many rows are returned from the query - i.e use a count(*) function - let this is variable $mycount The total number of pages is (fill total tag with this value) : $mycount/rows - (round this value). If the query return data you must fill the tag page with the requested page parameter. As for the LIMIT in MySql - this can be calculated easy You reqest by example page 5, then you request must end with 5*rows The begining records are rows*(5-1) + 1 records or 4*rows + 1 By the way I have add some additinal features - subgrid. Have fixed some bugs. This will be available next week Regards Tony
[jQuery] Radio button validation
I've got a bunch of radio buttons, all with the name type and all
with different id's (type1, type2 etc.), and for some reason the
validate plugin doesn't protest when I don't select a radio button,
and I don't get any javascript errors either. Here's the code:
$(#addForm).validate({
focusInvalid: false,
event: blur,
rules: {
type: { required:true }
},
messages: {
type: Please choose type
}
});
-
And here's the html
label for=type1
input type=radio name=type id=type1 value=1 /Type 1
/label
label for=type2
input type=radio name=type id=type2 value=2 /Type 2
/label
-
Anyone got a clue?
Thanks!
[jQuery] Re: Feature/Plugin request - Animation queue
I've been trying to pick apart the fzqueue plugin and the code Erik
wrote, but unfortunately I can't figure out how it actually works. It
seems that it's based around anarray that's being used as a FIFo
structure, but how the code knows that one animation has ended is a
total mystery to me.
In reflection, I think what I need is a queue into which classes of
animations can be inserted. All the animation events in a class get
executed together, but each class in the queue is executed one after
the other. Maybe something like this:
animQueue.addClass ('hideClass');
animQueue.addAnim ('hideClass', $('.toHide').fadeOut ('slow'));
animQueue.addClass ('moveClass');
$('.moveClass').each (function (){
animQueue.addAnim ('moveClass', $(this).animate ({
top: Math.floor (Math.random () * 1000),
left: Math.floor (Math.random () * 1000)
},'slow'));
});
animQueue.addClass ('showClass');
animQueue.addAnim ('showClass', $('.toShow').fadeIn ('slow'));
animQueue.execute ();
Hopefully the syntax above will give you an idea of what I'm
thinking. I just wish I knew how to implement something like that. :)
On May 24, 11:47 am, Gordon [EMAIL PROTECTED] wrote:
I've already posted on this topic before, but I really am gettign
quite desperate as the project deadline looms and I still don't have a
solution.
I need several animations to happen, but I need them to happen in
sequence rather than all at once (first animation: hide unselected
items. Second animation: Move visible items to new locations to
occupy space taken by unselected items/make space for currently hidden
selected items. Third animation: Reveal currently hidden selected
items).
I tried using the callback method, but this has a serious drawback for
my purposes, in that if one of the animations in the chain doesn't
occur (because no items were unselected but some new ones were
selected, for example) then all subsequent animations don't occur
either. If a jQuery selector returns 0 results then applied effects
aren't executed.
What I need is some code that will ececute my animations one after the
other, but which doesn't depend on all animations in the chain being
triggered for the subsequent animations to play. Is there a plugin
for doing this? Or is it slated as a new feature for jQuery? Or has
anyone else come up with a solution to the problem?
Sorry to keep asking this but like I said, it's getting pretty urgent.
[jQuery] Re: ColdFusion, ajax, post, jquery and whitespace
Yes Rey. I'm using cfsavecontent with another application and resolves.
But looks like a step ahead...
Returning to cfsavecontent..
Thanx.
2007/5/25, Rey Bango [EMAIL PROTECTED]:
Because CF is horrible at handling whitespace. Always has been.
I always use a CFSAVECONTENT tag to save the output to a var and then I
trim the var before it goes back to the XHR request. So try this:
cfsetting showdebugoutput=no
cfprocessingdirective suppresswhitespace = yes
pageencoding=ISO-8859-1
cfheader charset=iso-8859-1 name=Expires
value=#GetHttpTimeString(Now())#
cfcontent reset=true type=text/plain;charset=ISO-8859-1
cfsavecontent variable=myResults
cfset rndTest = RandRange(90,99)
cfif rndTest MOD 2
cfoutput#rndTest#/cfoutput
cfelse
no
/cfif
/cfsavecontent
/cfprocessingdirective
cfoutput#trim( myResults )#/cfoutput
Rey
Web Specialist wrote:
I'll need to test an ajax post to validate if an account already exists
in database. I'm using this code in action page:
cfsetting showdebugoutput=no
cfprocessingdirective suppresswhitespace = yes
pageencoding=ISO-8859-1
cfheader charset=iso-8859-1 name=Expires
value=#GetHttpTimeString(Now())#
cfcontent reset=true type=text/plain;charset=ISO-8859-1
cfset rndTest = RandRange(90,99)
cfif rndTest MOD 2
cfoutput#rndTest#/cfoutput
cfelse LOOK HERE WITHOUT CFOUTPUT
no
/cfif
/cfcontent
/cfprocessingdirective
Using that script returns(randomly) the no with 5 chars(maybe because
tab for tags alignment). Including no inside cfoutput returns 3.
Why CF doesn't works properly removing whitespace?
This is the jquery script:
$.ajax({
type: post,
url: validateAccount.cfm,
dataType: html,
data: inputs,
Cheers
--
BrightLight Development, LLC.
954-775- (o)
954-600-2726 (c)
[EMAIL PROTECTED]
http://www.iambright.com
[jQuery] Changing class on a preceding element by click link in another div
I'm trying to have a close link in a div that is expanded by click
on an h3 that is the toggler. The trick is, I need that close click to
then change the class of the h3 that preceeds it, not all h3s on the
page.
h3 class=accToggler Title/h3
div class=accContent
pContent/p
p class=closeClose/p
/div
So far my script looks like this:
script type=text/javascript
$(function() {
$
('#ailment').find('.accContent').hide().end().find('.accToggler').click(function()
{
$(this).next().slideToggle();
});
$(.accToggler).toggle(function() {
$(this).removeClass(accToggler).addClass(accTogglerClose);
},function(){
$(this).removeClass(accTogglerClose).addClass(accToggler);
});
$('#ailment').find('.close').click(function() {
$('.accContent').slideUp();
$
(this).prev('.accToggler').removeClass(accTogglerClose).addClass(accToggler);
});
});
/script
Thanks in advance.
[jQuery] Re: Feature/Plugin request - Animation queue
Gordon wrote:
In reflection, I think what I need is a queue into which classes of
animations can be inserted. All the animation events in a class get
executed together, but each class in the queue is executed one after
the other. Maybe something like this:
animQueue.addClass ('hideClass');
animQueue.addAnim ('hideClass', $('.toHide').fadeOut ('slow'));
[ ... ]
animQueue.addClass ('showClass');
animQueue.addAnim ('showClass', $('.toShow').fadeIn ('slow'));
animQueue.execute ();
I understand what you mean, but the syntax is slightly wrong, I believe.
You are not adding a function to your hypothetical animQueue; you are
adding the results of processing that function. I think you need
somthing more like:
animQueue.addClass ('hideClass');
animQueue.addAnim ('hideClass', function() {
$('.toHide').fadeOut ('slow')
});
But once you see this, you can probably skip the whole
animQueue.addClass bit also, since you can simply group your animations
inside the new functions. My ideal format would be simpler, but I don't
know if there is any way it could be made to work inside JQuery, since I
still haven't really looked into the internal of animations:
$.queue.add(function(){$(#myDiv).fadeIn();})
.add(function(){$(#myDiv).highlight();});
I think Brandon Aaron's implementation [1] was also mentioned on the
thread. That one looks a little easier to understand. You might see if
that one would work for you.
Good luck,
-- Scott
[1] http://brandonaaron.net/jquery/plugins/fxqueue/
[jQuery] Pretty cool 'add to bucket' function
Hey guys, Just found this: http://finn.no/finn/car/used/result?CAR_MAKE=792 In the year column, under the year, is an add to bucket icon (looks nothing like a bucket to me, but it has a blue plus sign). Give it a try. The js is here: http://cache.finn.no/clientscript/bucketads.js Personally I would probably prefer a fade-in effect, but I think it's pretty nice just the same. Removing the item from the bucket could be better. Anyway, I saw it and thought 'that's just begging to be jQueried', so who's up for it? :) Adam
[jQuery] Re: jquery.tabs - is it possible?
Klaus, Since the div's that are being toggle all have IDs that means they are unique, so why not search the document namespace instead of just the containing div? ~Sean
[jQuery] Re: plugin blockUI what do i do wrong ?
Mike Alsup schrieb: thanks for that hint, i changed that and in my sample it will do the job (documentation should be updated, see: http://malsup.com/jquery/block/#dialog ) ... The documentation is correct. Use $.unblockUI() when invoking the function directly. Use $.unblockUI when passing the function as an argument. ok, that was unclear to me. however i changed my sample to hide the prompt and show the loader: $.blockUI.defaults.pageMessage = 'h3 class=warningAnfrage wird bearbeitet/h3pbitte warten .../p'; It works fine if you make two changes. First, do not set async to false. There is no reason to do that. Second, remove the 30ms timeout. That's causing things to abort before you can even see the message. oops, i thought the timeout was there to end the waiting / pending status of the ajax call after given time ... (note to myself: RTFM!) that really caused a lot of trouble: if you set timeout and use async = true, you always get an undefined error. bah! Also, in your case you don't even need the unblock call in your yes handler because you're immediately invoking an ajax call and the blocking message will simply be replaced. i know, i just wanted to make sure, cause in my implementation (not the example) i had the case where two modals where there in IE6. i mixed up the code a bit. sorry if this is confusing. it might be a little bit lame for most of the subscribers on this list, but i would like to post the working example here, in case anyone else is having problems with this :-) i would like to here some opinions on that before, cause it's really a high traffic list, and i don't want to spam this list with my code ... micha
[jQuery] Re: Masked Input Field
On Thursday, May 24, 2007 11:36 AM Jörn Zaefferer said: Although, security issues aside, I guess it could help to prevent mistakes from your users. Would it make things easier for the user or frustrating? Clientside validation is all about usability. A few points: * Personally, I find it frustrating when applications (on the web) automatically move my cursor from one box to another. Like when typing in a date and there are three boxes for month, day, and year. I type in 11, press tab, and type 24 to realize that I'm in the wrong box. Maybe that wouldn't apply in this masked input fields case since the interface is a little different but I can't say for sure without testing it. Overall, I'm not very happy with applications that move my cursor around for me or select text automatically. Like when you click into a form field (phpMyAdmin comes to mind) and all the text is automatically selected. * Even though clientside validation is all about usability many people don't understand this and still use it as a security measure. Chris.
[jQuery] Re: Effect Queueing Plugin
Nice. I believe it is worth polishing up! Keep at it. -- Brandon Aaron On 5/25/07, Erik Beeson [EMAIL PROTECTED] wrote: Hello all, In response to a thread yesterday, I put together a little framework for effect queueing. My version yesterday, and subsequently Brandon's version aswell, don't correctly deal with effects applied to multiple elements, like when using classes instead of IDs. See here, and notice how the later effects all bunch up and don't run sequentially: http://erikandcolleen.com/erik/jquery/fxQueue/ba/test.html This version deals with that correctly. Other features include: * Multiple queues that can run simultaniously * Pausing/resuming of queues * Works with any effect (just requires the effect function to take an on effect finished callback as its last parameter) like show, hide, animate, Pulsate, Puff, Grow, etc * Additional effects can be added to queues after they've been created I've only tested it on FF1.5/Win and IE6 (I'll test OS X when I get home later today), and for some reason one of the demo pages doesn't work right on IE6. Plugin src (with a little inline documentation!) and a couple of examples can be had here: http://erikandcolleen.com/erik/jquery/fxQueue/ I mainly did this as an exercise for myself, so it won't hurt my feelings if it turns out this isn't really very useful, or if it's already been implemented in SVN or whatever. Is this useful to anybody? Is it worth polishing up a little more? --Erik
[jQuery] Re: Weirdness in IE
I still need help with this one.
See it here:
http://dd-management.com/dev/TC/treatment.asp?sub=addiction-treatment
On May 24, 4:54 pm, Joel Taylor [EMAIL PROTECTED] wrote:
append won't work either, I need the tag AFTER the h1, not inside it.
I also tried insertAfter - but that didn't work either.
any other options?
On May 24, 3:21 pm, Jean Nascimento [EMAIL PROTECTED] wrote:
try u use append?
On 5/24/07, Joel Taylor [EMAIL PROTECTED] wrote:
nope, that didnt help either (seriously, I'm not normally that sloppy with
my code!) - I changed it back to the original, see what it does now.
On 5/24/07, Sean Catchpole [EMAIL PROTECTED] wrote:
$(document).ready(function(){
/*$(h1).after(hr class=\thinDivider\ /);*/
$(h1).after(span class=\thinDivider\/span);
});
You forgot to end you span tag:
$(function(){
$(h1).after(span class=\thinDivider\/span);
});
~Sean
--
[]´s Jeanwww.suissa.info
Ethereal Agencywww.etherealagency.com
[jQuery] Re: Finding a parent list item.
Try $(fieldset).find(:input) to grab all form fields. (http://
docs.jquery.com/DOM/Traversing/Selectors)
If that doesn't work, [EMAIL PROTECTED] should pick it up.
On May 25, 9:08 am, fambizzari [EMAIL PROTECTED] wrote:
Unfortunately, whilst your suggestions work excellently, the following
piece of code:
$(fieldset).find(input,select,textarea,option)
does not work with
input type=file/
Any idea what i should do to fix it?
On May 25, 3:50 pm, fambizzari [EMAIL PROTECTED] wrote:
Thanks Guys.
Most helpful
On May 25, 11:32 am, George Adamson [EMAIL PROTECTED]
wrote:
Daemach2's solustion would do it, and if your li elements are nested
inside other li elements, you may wish to restrict the parents() method
to
match only the first li up the tree by using
$(this).parents('li:first').addClass('on'); instead, that way you won't
set
addClass('on') for more than one li
George
Daemach2 wrote:
You should be able to do:
$(function()
{
$(fieldset).find(input,select,textarea,option).focus
(function()
{
$(this).parents('li').addClass('on');
}
)
.blur
(function()
{
$(this).parents('li').removeClass('on');
}
);
});
On May 24, 9:48 pm, fambizzari [EMAIL PROTECTED] wrote:
Hi everyone,
Imagine the following HTML scenario:
li
label for=title_newTitle/label
div class=inputinput name=title_new
id=title_new//div
/li
li
label for=message_newMessage/label
div class=input
div
div
div
input name=message_new
id=message_new/
/div
/div
/div
/div
/li
How could i modify the following jquery code so that it effects the
parent li and and not the parent node:
$(function()
{
$(fieldset).find(input,select,textarea,option).focus
(function()
{
this.parentNode.className = on;
}
)
.blur
(function()
{
this.parentNode.className = ;
}
);
});
I hope that makes sense.
--
View this message in
context:http://www.nabble.com/Finding-a-parent-list-item.-tf3814215s15494.htm...
Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: Finding a parent list item.
I've tried
- $(ul.form).find(input,select,textarea,option,[EMAIL PROTECTED])
and
- $(ul.form).find(:input)
And neither of those work!!!
I've removed file=type from the input just to make sure that is the
problem and everything works fine if its gone.
Any more ideas?
On May 25, 7:14 pm, Daemach [EMAIL PROTECTED] wrote:
Try $(fieldset).find(:input) to grab all form fields. (http://
docs.jquery.com/DOM/Traversing/Selectors)
If that doesn't work, [EMAIL PROTECTED] should pick it up.
On May 25, 9:08 am, fambizzari [EMAIL PROTECTED] wrote:
Unfortunately, whilst your suggestions work excellently, the following
piece of code:
$(fieldset).find(input,select,textarea,option)
does not work with
input type=file/
Any idea what i should do to fix it?
On May 25, 3:50 pm, fambizzari [EMAIL PROTECTED] wrote:
Thanks Guys.
Most helpful
On May 25, 11:32 am, George Adamson [EMAIL PROTECTED]
wrote:
Daemach2's solustion would do it, and if your li elements are nested
inside other li elements, you may wish to restrict the parents()
method to
match only the first li up the tree by using
$(this).parents('li:first').addClass('on'); instead, that way you won't
set
addClass('on') for more than one li
George
Daemach2 wrote:
You should be able to do:
$(function()
{
$(fieldset).find(input,select,textarea,option).focus
(function()
{
$(this).parents('li').addClass('on');
}
)
.blur
(function()
{
$(this).parents('li').removeClass('on');
}
);
});
On May 24, 9:48 pm, fambizzari [EMAIL PROTECTED] wrote:
Hi everyone,
Imagine the following HTML scenario:
li
label for=title_newTitle/label
div class=inputinput name=title_new
id=title_new//div
/li
li
label for=message_newMessage/label
div class=input
div
div
div
input name=message_new
id=message_new/
/div
/div
/div
/div
/li
How could i modify the following jquery code so that it effects the
parent li and and not the parent node:
$(function()
{
$(fieldset).find(input,select,textarea,option).focus
(function()
{
this.parentNode.className = on;
}
)
.blur
(function()
{
this.parentNode.className = ;
}
);
});
I hope that makes sense.
--
View this message in
context:http://www.nabble.com/Finding-a-parent-list-item.-tf3814215s15494.htm...
Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: Masked Input Field
Couldn't agree more. -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Chris W. Parker Sent: vendredi 25 mai 2007 16:57 To: jquery-en@googlegroups.com Subject: [jQuery] Re: Masked Input Field On Thursday, May 24, 2007 11:36 AM Jörn Zaefferer said: Although, security issues aside, I guess it could help to prevent mistakes from your users. Would it make things easier for the user or frustrating? Clientside validation is all about usability. A few points: * Personally, I find it frustrating when applications (on the web) automatically move my cursor from one box to another. Like when typing in a date and there are three boxes for month, day, and year. I type in 11, press tab, and type 24 to realize that I'm in the wrong box. Maybe that wouldn't apply in this masked input fields case since the interface is a little different but I can't say for sure without testing it. Overall, I'm not very happy with applications that move my cursor around for me or select text automatically. Like when you click into a form field (phpMyAdmin comes to mind) and all the text is automatically selected. * Even though clientside validation is all about usability many people don't understand this and still use it as a security measure. Chris. Ce message Envoi est certifié sans virus connu. Analyse effectuée par AVG. Version: 7.5.467 / Base de données virus: 269.8.0/817 - Date: 24/05/2007 16:01
[jQuery] Re: Pretty cool 'add to bucket' function
Well...I just get a 'Bucket not defined' error under Firefox2! Still, I've done a lot of code that provokes similar results if you want ;-) On 5/25/07, agent2026 [EMAIL PROTECTED] wrote: Hey guys, Just found this: http://finn.no/finn/car/used/result?CAR_MAKE=792 In the year column, under the year, is an add to bucket icon (looks nothing like a bucket to me, but it has a blue plus sign). Give it a try. The js is here: http://cache.finn.no/clientscript/bucketads.js Personally I would probably prefer a fade-in effect, but I think it's pretty nice just the same. Removing the item from the bucket could be better. Anyway, I saw it and thought 'that's just begging to be jQueried', so who's up for it? :) Adam -- Rob Desbois Eml: [EMAIL PROTECTED] Tel: 01452 760631 Mob: 07946 705987 There's a whale there's a whale there's a whale fish he cried, and the whale was in full view. ...Then ooh welcome. Ahhh. Ooh mug welcome.
[jQuery] Re: Loading before teh DOM is ready
I thin i dont understand, i want to show only when the body are beeing
creating and not after or ataching this to an element
this is for the intranet system for my job, they are all with JS enable lol
i want to know if really exists someone who wants to have all the
capabilities from the sites and disable JS, exist???
On 5/25/07, Alexandre Plennevaux [EMAIL PROTECTED] wrote:
Please note that in this implementation, users without javascript enabled
will not be able to see your comment. The #content and #loading parts should
be respectively ON and OFF in your css stylesheet.
javascript should control the entire sequence and not only the end of it.
The way i did it is by creating a show / hide functions taking care of
creating the loading div html code, and toggling the visibility of the two,
and then attaching to each A and BUTTON element the behaviour to launch the
function.
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Jean Nascimento
Sent: vendredi 25 mai 2007 8:20
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: Loading before teh DOM is ready
Thankss! I used this for test =D
html
head
titleMy page/title
style type='text/css'
#content {
display: none
}
#loading {
background-color: #66;
color: #FF;
display: block;
font-family: Verdana, Helvetica, sans-serif;
font-size: 0.95em;
font-weight: bold;
padding: 3px 3px;
width: 200px;
}
/style
script type=text/javascript src=jquery/jquery.js/script script
type=text/javascript
$(document).ready(
function() {
$(#loading).hide();
$(#content).show();
});
/script
/head
body
div id=loadingLoading.../div
div id=content
.. content here
?
for($i=0;$i10;$i++){
echo $i. ushohdoy3809yh!br /;
}
?
/div
/body
/html
On 5/25/07, Sam Collett [EMAIL PROTECTED] wrote:
How about:
html
head
titleMy page/title
script type=text/javascript
document.write(style type='text/css'#content { display: none }
#loading { display: block } \/style); $( function() {
$(#loading).hide();
$(#content).show();
});
/script
/head
body
div id=loadingLoading.../div
div id=content
.. content here
/div
/body
/html
On May 24, 7:45 pm, Jean Nascimento [EMAIL PROTECTED] wrote:
I´ve tried add some code before the $(document).ready but its dont
work, so i wanna know how the best way to show some Loading div
before all docuemnt be ready?
--
[]´s Jeanwww.suissa.info
Ethereal Agencywww.etherealagency.com
--
[]´s Jean
www.suissa.info
Ethereal Agency
www.etherealagency.com
Ce message Envoi est certifié sans virus connu.
Analyse effectuée par AVG.
Version: 7.5.467 / Base de données virus: 269.8.0/817 - Date: 24/05/2007
16:01
--
[]´s Jean
www.suissa.info
Ethereal Agency
www.etherealagency.com
[jQuery] Re: ColdFusion, ajax, post, jquery and whitespace
You might want to consider using ajaxCFC and returning json data. You
won't have to be concerned about white space, and it could come in handy
for a lot of other things:
http://www.robgonda.com/blog/projects/ajaxcfc/
It's very easy to setup/use and uses jquery. I can supply a few code
snippets if you're interested.
- Jack
Web Specialist wrote:
I'll need to test an ajax post to validate if an account already
exists in database. I'm using this code in action page:
cfsetting showdebugoutput=no
cfprocessingdirective suppresswhitespace = yes
pageencoding=ISO-8859-1
cfheader charset=iso-8859-1 name=Expires
value=#GetHttpTimeString(Now())#
cfcontent reset=true type=text/plain;charset=ISO-8859-1
cfset rndTest = RandRange(90,99)
cfif rndTest MOD 2
cfoutput#rndTest#/cfoutput
cfelse LOOK HERE WITHOUT CFOUTPUT
no
/cfif
/cfcontent
/cfprocessingdirective
Using that script returns(randomly) the no with 5 chars(maybe
because tab for tags alignment). Including no inside cfoutput
returns 3. Why CF doesn't works properly removing whitespace?
This is the jquery script:
$.ajax({
type: post,
url: validateAccount.cfm,
dataType: html,
data: inputs,
Cheers
[jQuery] Re: Radio button validation
Oddish wrote:
I've got a bunch of radio buttons, all with the name type and all
with different id's (type1, type2 etc.), and for some reason the
validate plugin doesn't protest when I don't select a radio button,
and I don't get any javascript errors either. Here's the code:
$(#addForm).validate({
focusInvalid: false,
event: blur,
rules: {
type: { required:true }
},
messages: {
type: Please choose type
}
});
-
And here's the html
label for=type1
input type=radio name=type id=type1 value=1 /Type 1
/label
label for=type2
input type=radio name=type id=type2 value=2 /Type 2
/label
-
Anyone got a clue?
There still is that positioning problem with radio buttons and
checkboxes. Currently you have two far-from-perfect options: Place the
error label for that group in the HTML (see the second example on the
demo page), or use the errorPlacement-option to override the default
positioning (insertAfter element, see custom-methods-demo).
In case the element is completely ignored and the form is submitted as
valid, there may be another problem. You should at least see an error
label inserted behind the first radio input. An example page of your
setup may help.
--
Jörn Zaefferer
http://bassistance.de
[jQuery] Re: ColdFusion, ajax, post, jquery and whitespace
Sure Dan. This is only a test to show for the list. ;-) In the real world I'll return information about client accounts. When user inserts account data I'll validate(before he/she fills 65 fields), if that account inserted already exists in database. If exists I'll block submit button. So simple! Thanx 2007/5/25, Dan G. Switzer, II [EMAIL PROTECTED]: I'll need to test an ajax post to validate if an account already exists in database. I'm using this code in action page: cfsetting showdebugoutput=no cfprocessingdirective suppresswhitespace = yes pageencoding=ISO-8859- 1 cfheader charset=iso-8859-1 name=Expires value=#GetHttpTimeString(Now())# cfcontent reset=true type=text/plain;charset=ISO-8859-1 cfset rndTest = RandRange(90,99) cfif rndTest MOD 2 cfoutput#rndTest#/cfoutput cfelse LOOK HERE WITHOUT CFOUTPUT no /cfif /cfcontent /cfprocessingdirective Using that script returns(randomly) the no with 5 chars(maybe because tab for tags alignment). Including no inside cfoutput returns 3. Why CF doesn't works properly removing whitespace? To answer your specific question, it's probably because when compiling to byte code, the suppress whitespace will look at the tag structure of: cfif rndTest MOD 2 cfoutput And decide it's safe to remove that whitespacing, as it's most likely for code formatting. However, with the statement: cfelse no The formatting before the word no could be intended. The bottom line is the suppresswhitespace option has to be conservative, to avoid removing whitespacing that is necessary. I think your best option is to rethink you're output a bit. If you revise your code a bit, it will reduce the code and fix the problem. It'll also speed things up: cfsetting showdebugoutput=no cfheader charset=iso-8859-1 name=Expires value=#GetHttpTimeString(Now())# / cfset rndTest = RandRange(90,99) cfif (rndTest MOD 2) eq 0 cfset rndTest = no / /cfif cfcontent reset=true type=text/plain;charset=ISO-8859-1 /cfoutput#rndTest#/cfoutput Quite frankly, I'm not sure why you're outputting what you are, but I'll assume you have a reason. -Dan
[jQuery] Re: Masked Input Field
Chris W. Parker wrote: Clientside validation is all about usability. A few points: * Personally, I find it frustrating when applications (on the web) automatically move my cursor from one box to another. Like when typing in a date and there are three boxes for month, day, and year. I type in 11, press tab, and type 24 to realize that I'm in the wrong box. That isn't a particular web app problem. I find the mechanism quite helpful when entering serial numbers (apart from entering serial numbers being quite an ugly process in general). Entering dates in three different input fields is ugly anyway. I think a single input field together with a datepicker is quite usable for both fast-typers and mouse-pushers. Maybe that wouldn't apply in this masked input fields case since the interface is a little different but I can't say for sure without testing it. Masked-input gives you visual hints of the expected input and its very easy to learn that you don't have to enter any delimiters. Overall, I'm not very happy with applications that move my cursor around for me or select text automatically. Like when you click into a form field (phpMyAdmin comes to mind) and all the text is automatically selected. * Even though clientside validation is all about usability many people don't understand this and still use it as a security measure. Right, but should we prohibit cars just because people die in car accidents? -- Jörn Zaefferer http://bassistance.de
[jQuery] Re: Finding a parent list item.
Hmm - input should get it by itself I would think. Are you certain
it's not picking up the file field? Use firebug and console.log($
('input'));
The fastest solution may be to add a class to all of the elements you
want to select and use that instead. ('input.pickme'). When I get
back in I'll have to test a file field.
On May 25, 9:24 am, fambizzari [EMAIL PROTECTED] wrote:
I've tried
- $(ul.form).find(input,select,textarea,option,[EMAIL PROTECTED])
and
- $(ul.form).find(:input)
And neither of those work!!!
I've removed file=type from the input just to make sure that is the
problem and everything works fine if its gone.
Any more ideas?
On May 25, 7:14 pm, Daemach [EMAIL PROTECTED] wrote:
Try $(fieldset).find(:input) to grab all form fields. (http://
docs.jquery.com/DOM/Traversing/Selectors)
If that doesn't work, [EMAIL PROTECTED] should pick it up.
On May 25, 9:08 am, fambizzari [EMAIL PROTECTED] wrote:
Unfortunately, whilst your suggestions work excellently, the following
piece of code:
$(fieldset).find(input,select,textarea,option)
does not work with
input type=file/
Any idea what i should do to fix it?
On May 25, 3:50 pm, fambizzari [EMAIL PROTECTED] wrote:
Thanks Guys.
Most helpful
On May 25, 11:32 am, George Adamson [EMAIL PROTECTED]
wrote:
Daemach2's solustion would do it, and if your li elements are nested
inside other li elements, you may wish to restrict the parents()
method to
match only the first li up the tree by using
$(this).parents('li:first').addClass('on'); instead, that way you
won't set
addClass('on') for more than one li
George
Daemach2 wrote:
You should be able to do:
$(function()
{
$(fieldset).find(input,select,textarea,option).focus
(function()
{
$(this).parents('li').addClass('on');
}
)
.blur
(function()
{
$(this).parents('li').removeClass('on');
}
);
});
On May 24, 9:48 pm, fambizzari [EMAIL PROTECTED] wrote:
Hi everyone,
Imagine the following HTML scenario:
li
label for=title_newTitle/label
div class=inputinput name=title_new
id=title_new//div
/li
li
label for=message_newMessage/label
div class=input
div
div
div
input name=message_new
id=message_new/
/div
/div
/div
/div
/li
How could i modify the following jquery code so that it effects the
parent li and and not the parent node:
$(function()
{
$(fieldset).find(input,select,textarea,option).focus
(function()
{
this.parentNode.className = on;
}
)
.blur
(function()
{
this.parentNode.className = ;
}
);
});
I hope that makes sense.
--
View this message in
context:http://www.nabble.com/Finding-a-parent-list-item.-tf3814215s15494.htm...
Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: jquery.tabs - is it possible?
Sean Catchpole wrote:
Klaus,
Since the div's that are being toggle all have IDs that means they are
unique, so why not search the document namespace instead of just the
containing div?
Sean, of course this is easily doable. When I first started the tabs I
created an overall container because the list and the tabs containers
are semantically one unit to me, thus that should be expressed via the
HTML as well by a div wrapping up both building blocks (That is also the
reason why I always chose an id like container as being
non-presentational as opposed to tabs, which is a completely
presentational id).
I will consider that for Tabs 3. The only thing whats needed is actually
just the list, I know. From there it's easy to get to the containers.
Requirement in this case was unfortunatly that the HTML cannot be
changed. With the recently added increase in flexibility it could
already work out with attaching a few classes.
You would just need to attach the relevant classes to the building
blocks and then use *some* outer container as starting point. If the
plugin doesn't find elements by the default structure it tries to find
elements by class, so in the given example, assuming these elements are
nested in the body:
body
div id=content
div id=fragment-1 class=tabs-container1/div
div id=fragment-2 class=tabs-container2/div
div id=fragment-3 class=tabs-container3/div
/div
div id=sidebar
ul class=tabs-nav
lia href=#fragment-1One/a/li
lia href=#fragment-2Two/a/li
lia href=#fragment-3Tabs are flexible again/a/li
/ul
/div
/body
Initialization like that should work:
$('body').tabs();
-- Klaus
[jQuery] Re: Loading before teh DOM is ready
In really this is an example for future use, couse now the page of
report i´m loading by .load function wich put the entire page so i
dont need to this technique for now =p
On 5/25/07, Jean Nascimento [EMAIL PROTECTED] wrote:
I thin i dont understand, i want to show only when the body are beeing
creating and not after or ataching this to an element
this is for the intranet system for my job, they are all with JS enable lol
i want to know if really exists someone who wants to have all the
capabilities from the sites and disable JS, exist???
On 5/25/07, Alexandre Plennevaux [EMAIL PROTECTED] wrote:
Please note that in this implementation, users without javascript enabled
will not be able to see your comment. The #content and #loading parts should
be respectively ON and OFF in your css stylesheet.
javascript should control the entire sequence and not only the end of it.
The way i did it is by creating a show / hide functions taking care of
creating the loading div html code, and toggling the visibility of the two,
and then attaching to each A and BUTTON element the behaviour to launch the
function.
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Jean Nascimento
Sent: vendredi 25 mai 2007 8:20
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: Loading before teh DOM is ready
Thankss! I used this for test =D
html
head
titleMy page/title
style type='text/css'
#content {
display: none
}
#loading {
background-color: #66;
color: #FF;
display: block;
font-family: Verdana, Helvetica, sans-serif;
font-size: 0.95em;
font-weight: bold;
padding: 3px 3px;
width: 200px;
}
/style
script type=text/javascript src=jquery/jquery.js/script script
type=text/javascript
$(document).ready(
function() {
$(#loading).hide();
$(#content).show();
});
/script
/head
body
div id=loadingLoading.../div
div id=content
.. content here
?
for($i=0;$i10;$i++){
echo $i. ushohdoy3809yh!br /;
}
?
/div
/body
/html
On 5/25/07, Sam Collett [EMAIL PROTECTED] wrote:
How about:
html
head
titleMy page/title
script type=text/javascript
document.write(style type='text/css'#content { display: none }
#loading { display: block } \/style); $( function() {
$(#loading).hide();
$(#content).show();
});
/script
/head
body
div id=loadingLoading.../div
div id=content
.. content here
/div
/body
/html
On May 24, 7:45 pm, Jean Nascimento [EMAIL PROTECTED] wrote:
I´ve tried add some code before the $(document).ready but its dont
work, so i wanna know how the best way to show some Loading div
before all docuemnt be ready?
--
[]´s Jeanwww.suissa.info
Ethereal Agencywww.etherealagency.com
--
[]´s Jean
www.suissa.info
Ethereal Agency
www.etherealagency.com
Ce message Envoi est certifié sans virus connu.
Analyse effectuée par AVG.
Version: 7.5.467 / Base de données virus: 269.8.0/817 - Date: 24/05/2007
16:01
--
[]´s Jean
www.suissa.info
Ethereal Agency
www.etherealagency.com
--
[]´s Jean
www.suissa.info
Ethereal Agency
www.etherealagency.com
[jQuery] Re: Masked Input Field
On 5/25/07, Alexandre Plennevaux [EMAIL PROTECTED] wrote: Couldn't agree more. -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Chris W. Parker Sent: vendredi 25 mai 2007 16:57 To: jquery-en@googlegroups.com Subject: [jQuery] Re: Masked Input Field On Thursday, May 24, 2007 11:36 AM Jörn Zaefferer said: Although, security issues aside, I guess it could help to prevent mistakes from your users. Would it make things easier for the user or frustrating? Clientside validation is all about usability. A few points: * Personally, I find it frustrating when applications (on the web) automatically move my cursor from one box to another. Like when typing in a date and there are three boxes for month, day, and year. I type in 11, press tab, and type 24 to realize that I'm in the wrong box. Maybe that wouldn't apply in this masked input fields case since the interface is a little different but I can't say for sure without testing it. Overall, I'm not very happy with applications that move my cursor around for me or select text automatically. Like when you click into a form field (phpMyAdmin comes to mind) and all the text is automatically selected. * Even though clientside validation is all about usability many people don't understand this and still use it as a security measure. Chris. Ce message Envoi est certifié sans virus connu. Analyse effectuée par AVG. Version: 7.5.467 / Base de données virus: 269.8.0/817 - Date: 24/05/2007 16:01 A proper form architecture has many layers of usability and security. 1. Server-side range/format/logic validation after submit, but also before submit using Ajax. 2. Client-side JS to show errors onblur and help the user enter information properly. 3. Maxlength on every field. 4. Ordering a long selectbox based on likely entries being first. 5. Etc etc etc. A good form doesn't get in the users way, doesn't move the mouse in an unexpected way, doesn't annoy the user. A good form helps the user. This takes alot of work and design. With that said, there are exceptions to every rule. With great power comes great responsibility. This topic is huge...maybe worth a book. Form Design. Glen
[jQuery] Re: ColdFusion, ajax, post, jquery and whitespace
I'd like to see those code snippets Jack :) I looked at ajaxCFC a while back
but didn't have time to figure things out so seeing some examples would be a
great help.
- Original Message -
From: Jack Killpatrick [EMAIL PROTECTED]
To: jquery-en@googlegroups.com
Sent: Friday, May 25, 2007 5:39 PM
Subject: [jQuery] Re: ColdFusion, ajax, post, jquery and whitespace
You might want to consider using ajaxCFC and returning json data. You
won't have to be concerned about white space, and it could come in handy
for a lot of other things:
http://www.robgonda.com/blog/projects/ajaxcfc/
It's very easy to setup/use and uses jquery. I can supply a few code
snippets if you're interested.
- Jack
Web Specialist wrote:
I'll need to test an ajax post to validate if an account already
exists in database. I'm using this code in action page:
cfsetting showdebugoutput=no
cfprocessingdirective suppresswhitespace = yes
pageencoding=ISO-8859-1
cfheader charset=iso-8859-1 name=Expires
value=#GetHttpTimeString(Now())#
cfcontent reset=true type=text/plain;charset=ISO-8859-1
cfset rndTest = RandRange(90,99)
cfif rndTest MOD 2
cfoutput#rndTest#/cfoutput
cfelse LOOK HERE WITHOUT CFOUTPUT
no
/cfif
/cfcontent
/cfprocessingdirective
Using that script returns(randomly) the no with 5 chars(maybe
because tab for tags alignment). Including no inside cfoutput
returns 3. Why CF doesn't works properly removing whitespace?
This is the jquery script:
$.ajax({
type: post,
url: validateAccount.cfm,
dataType: html,
data: inputs,
Cheers
[jQuery] Re: 15 second delay with IE
R. Rajesh Jeba Anbiah wrote on 5/25/2007 6:26 AM: Mostly the problem is with the packed version. Try using the original version. At least for me, the packed version is extremely quirky. Is there a reason to use the packed version if JavaScript files are compressed and served via mod_gzip? - Bil
[jQuery] Re: ajaxForm won't submit when input has name=
Let me see if I can pull something together to illustrate ... stay tuned.
[jQuery] Thickbox Reloaded strange problem
Hi, I have a problem with Thickbox contents not being loaded when the trigger is set dynamically. Here's an example: http://dev.tipos.com.br/jquery/thickbox.php 1. Click on 'add a new thickbox trigger'. 2. Click on the new link to open the ThickBox. It will open and the content will be set normally. 3. Repeat step 1. The new link will open a Thickbox which is empty. Any clues why this is happening? thanks, rodrigo
[jQuery] Re: 15 second delay with IE
Not at all. I actually believe you might get better results using the min version plus gzip. -- Brandon Aaron On 5/25/07, Bil Corry [EMAIL PROTECTED] wrote: R. Rajesh Jeba Anbiah wrote on 5/25/2007 6:26 AM: Mostly the problem is with the packed version. Try using the original version. At least for me, the packed version is extremely quirky. Is there a reason to use the packed version if JavaScript files are compressed and served via mod_gzip? - Bil
[jQuery] Re: plugin blockUI what do i do wrong ?
Glad to hear that you've got it working, Micha. Maybe you can post a link to your code instead of sending it all? Mike i know, i just wanted to make sure, cause in my implementation (not the example) i had the case where two modals where there in IE6. i mixed up the code a bit. sorry if this is confusing. it might be a little bit lame for most of the subscribers on this list, but i would like to post the working example here, in case anyone else is having problems with this :-) i would like to here some opinions on that before, cause it's really a high traffic list, and i don't want to spam this list with my code
[jQuery] Re: Loading before teh DOM is ready
how 'bout
html
head
titleMy page/title
style type='text/css'
#content { display: block }
#loading { display: none }
/style
script type=text/javascript
document.write(style type='text/css'#content { display: none }
#loading { display: block } \/style);
$( function() {
$(#loading).hide();
$(#content).show();
});
/script
/head
body
div id=loadingLoading.../div
div id=content
.. content here
/div
/body
/html
On 5/24/07, Sam Collett [EMAIL PROTECTED] wrote:
How about:
html
head
titleMy page/title
script type=text/javascript
document.write(style type='text/css'#content { display: none }
#loading { display: block } \/style);
$( function() {
$(#loading).hide();
$(#content).show();
});
/script
/head
body
div id=loadingLoading.../div
div id=content
.. content here
/div
/body
/html
On May 24, 7:45 pm, Jean Nascimento [EMAIL PROTECTED] wrote:
I´ve tried add some code before the $(document).ready but its dont
work, so i wanna know how the best way to show some Loading div before
all docuemnt be ready?
--
[]´s Jeanwww.suissa.info
Ethereal Agencywww.etherealagency.com
--
Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ
[jQuery] Re: NEWS: 217 Sites Using jQuery and Growing
Ditto for ViralVideos.com ... very lightly and I haven't touched it in months ... but it uses a little jQuery... Scott On 5/25/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: You can add youngisrael-stl.org (a synagogue in St. Louis)--uses jQuery for lots of effects and enhancements Danny Wachsstock On May 23, 7:32 pm, Rey Bango [EMAIL PROTECTED] wrote: I just wanted to let everyone know that the list of sites continues to grow. We are currently at 217 sites (that we know of) and growing, it seems, almost daily. http://docs.jquery.com/Sites_Using_jQuery On behalf of the jQuery project, thank you so much for your continued site contributions. Rey... -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED]://www.iambright.com -- .|.. Scott Trudeau scott.trudeau AT gmail DOT com http://sstrudeau.com/ AIM: sodthestreets
[jQuery] Re: Changing class on a preceding element by click link in another div
Hi Jared,
It looks like there are a few ways you can tighten up your selectors,
but the part that you're asking about could be changed from this ...
$('#ailment').find('.close').click(function() {
$('.accContent').slideUp();
$(this).prev('.accToggler').removeClass
(accTogglerClose).addClass(accToggler);
});
to this ...
$('#ailment p.close').click(function() {
$(this).parent().slideUp()
.prev().removeClass('accTogglerClose').addClass('accToggler');
});
So, you're first traversing from the clicked element to its parent
and sliding it up; then, you're traversing to the previous element --
in relation to the parent -- and swapping the classes on it.
Hope that helps.
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On May 25, 2007, at 11:24 AM, [EMAIL PROTECTED] wrote:
I'm trying to have a close link in a div that is expanded by click
on an h3 that is the toggler. The trick is, I need that close click to
then change the class of the h3 that preceeds it, not all h3s on the
page.
h3 class=accToggler Title/h3
div class=accContent
pContent/p
p class=closeClose/p
/div
So far my script looks like this:
script type=text/javascript
$(function() {
$
('#ailment').find('.accContent').hide().end().find
('.accToggler').click(function()
{
$(this).next().slideToggle();
});
$(.accToggler).toggle(function() {
$(this).removeClass(accToggler).addClass(accTogglerClose);
},function(){
$(this).removeClass(accTogglerClose).addClass(accToggler);
});
$('#ailment').find('.close').click(function() {
$('.accContent').slideUp();
$
(this).prev('.accToggler').removeClass(accTogglerClose).addClass
(accToggler);
});
});
/script
Thanks in advance.
[jQuery] Re: Changing class on a preceding element by click link in another div
Karl, that worked perfect. However, when I then click on the toggler
that has been changed back, the class on it is not being changed.
Here's the complete jQuery stuff, with the section you refined at the
bottom:
script type=text/javascript
$(function() {
$
('#ailment').find('.accContent').hide().end().find('.accToggler').click(function()
{
$(this).next().slideToggle();
});
$(.accToggler).toggle(function() {
$(this).removeClass(accToggler).addClass(accTogglerClose);
},function(){
$(this).removeClass(accTogglerClose).addClass(accToggler);
});
$('#ailment p.close').click(function() {
$(this).parent().slideUp()
.prev().removeClass('accTogglerClose').addClass('accToggler');
});
});
/script
On May 25, 1:48 pm, Karl Swedberg [EMAIL PROTECTED] wrote:
Hi Jared,
It looks like there are a few ways you can tighten up your selectors,
but the part that you're asking about could be changed from this ...
$('#ailment').find('.close').click(function() {
$('.accContent').slideUp();
$(this).prev('.accToggler').removeClass
(accTogglerClose).addClass(accToggler);
});
to this ...
$('#ailment p.close').click(function() {
$(this).parent().slideUp()
.prev().removeClass('accTogglerClose').addClass('accToggler');
});
So, you're first traversing from the clicked element to its parent
and sliding it up; then, you're traversing to the previous element --
in relation to the parent -- and swapping the classes on it.
Hope that helps.
--Karl
_
Karl Swedbergwww.englishrules.comwww.learningjquery.com
On May 25, 2007, at 11:24 AM, [EMAIL PROTECTED] wrote:
I'm trying to have a close link in a div that is expanded by click
on an h3 that is the toggler. The trick is, I need that close click to
then change the class of the h3 that preceeds it, not all h3s on the
page.
h3 class=accToggler Title/h3
div class=accContent
pContent/p
p class=closeClose/p
/div
So far my script looks like this:
script type=text/javascript
$(function() {
$
('#ailment').find('.accContent').hide().end().find
('.accToggler').click(function()
{
$(this).next().slideToggle();
});
$(.accToggler).toggle(function() {
$(this).removeClass(accToggler).addClass(accTogglerClose);
},function(){
$(this).removeClass(accTogglerClose).addClass(accToggler);
});
$('#ailment').find('.close').click(function() {
$('.accContent').slideUp();
$
(this).prev('.accToggler').removeClass(accTogglerClose).addClass
(accToggler);
});
});
/script
Thanks in advance.
[jQuery] Re: tableFilter Beta 2 is now live
I'm not sure how you're doing your sorting, but you may find the
following useful:
// Array.Sort
//Original: http://weetbixthecat.com/blog/2006/faster-javascript-sorting/
if(!Array.prototype.Sort) Array.prototype.Sort = function(p,f) {
if (typeof p != string) throw new TypeError();
var o = Object.prototype.toString;
var a = Array.prototype.toString;
var i = function(){ return this[p]; }
Object.prototype.toString = i;
Array.prototype.toString = i;
(typeof f == function)?this.sort(f):this.sort();
Object.prototype.toString = o;
Array.prototype.toString = a;
}
This is extremely useful for sorting json style objects, and if you
parse the table into this style, it could greatly speed up the sorting
code. I have an example offline that I'll try to make available when I
get home.
~Sean
[jQuery] Re: ColdFusion, ajax, post, jquery and whitespace
Hi Gareth,
Here are the basics:
1. add ajaxCFC to your CF project (or somewhere that it can get to).
2. create a CFC that extends AJAXCFC.ajax:
cfcomponent extends=AJAXCFC.ajax
!--- security stuff ---
cfscript
setAllowedVerbs('POST');
setCheckHTTPReferer(true);
/cfscript
cffunction name=myFunction output=no access=private
do some CF stuff
cfreturn something /
/cffunction
/cfcomponent
For the cfreturn, you can return queries, structs, pretty much any cf
object (see the docs for any limitations, I've had good success having
cfreturn return structs, arrays of structs, queries, etc). AJAXCFC.ajax
will handle converting the something that you are returning to the
requested format (see #3):
3. Add config info to your js file/script (see docs for full set of
config options):
$.AjaxCFCHelper.setDebug(false);
$.AjaxCFCHelper.setUseDefaultErrorHandler(false);
$.AjaxCFCHelper.setSerialization('json'); // json, wddx
4. call the remote CFC:
$.AjaxCFC({
url: path/file.cfc, // your CFC
method: myFunction,
data: {},
success: function(data){ showResults(data); }
});
showResults is called on success and data contains the json data. Use
Firebug or something to see what the format of the json data is (it's
very compact and gives you recordcount and colnames if you're returning
query data).
- Jack
Gareth Hughes wrote:
I'd like to see those code snippets Jack :) I looked at ajaxCFC a while back
but didn't have time to figure things out so seeing some examples would be a
great help.
.
[jQuery] Re: Effect Queueing Plugin
Check this out: http://erikandcolleen.com/erik/jquery/fxQueue/random.html
Only tested on FF. I think that's doing what you want. The plugin
doesn't have a concept of doing animations sequentially vs
simultaniously; it only does sequentially. But the plugin does make it
easy to use any animation function. So for the simultanious part, I
created a custom animation function (called randomAnimation) that just
randomly moves/resizes stuff. The only tricky bit it to make sure you
only call the callback function in randomAnimation when the last item
is finished animating. Check out the source to see how it's done.
I also fixed a few substantial flaws in the fxQueue plugin. Feedback
is always welome.
--Erik
On 5/25/07, Gordon [EMAIL PROTECTED] wrote:
I just downloaded it and am experimenting, so far I'm really
impressed. Thanks for the effort, it really is appreciated.
I do have one question though, I'm not sure if this is possible or
not, but I need to be able to animate a group of objects together, but
with unique effects (they all need to move to different locations).
This moving effect will be bookended with a fadeout effect beforehand
for elements that are not included in the user's selection, and a fade
in effect afterward for elements that were excluded the previous
selection but which are to be reincluded this time around.
I'll cut and paste what I put in the other thread for you because I
think it gets across what I'm thinking a bit better.
In reflection, I think what I need is a queue into which classes of
animations can be inserted. All the animation events in a class get
executed together, but each class in the queue is executed one after
the other. Maybe something like this:
animQueue.addClass ('hideClass');
animQueue.addAnim ('hideClass', $('.toHide').fadeOut ('slow'));
animQueue.addClass ('moveClass');
$('.moveClass').each (function (){
animQueue.addAnim ('moveClass', $(this).animate ({
top: Math.floor (Math.random () * 1000),
left: Math.floor (Math.random () * 1000)
},(Math.floor (Math.random () * 1000) + 500) ));
});
animQueue.addClass ('showClass');
animQueue.addAnim ('showClass', $('.toShow').fadeIn ('slow'));
animQueue.execute ();
Obviously the syntax is totally made up and possibly totally not
appropiate for what I'm trying to describe, but I hope yo ucan get the
gist of what I'm gatting at here. Is it possible to do this with your
plugin? Because, if so, then you've come up with pretty much the
perfect solution. :)
On May 25, 4:08 pm, Erik Beeson [EMAIL PROTECTED] wrote:
Hello all,
In response to a thread yesterday, I put together a little framework
for effect queueing. My version yesterday, and subsequently Brandon's
version aswell, don't correctly deal with effects applied to multiple
elements, like when using classes instead of IDs. See here, and notice
how the later effects all bunch up and don't run
sequentially:http://erikandcolleen.com/erik/jquery/fxQueue/ba/test.html
This version deals with that correctly. Other features include:
* Multiple queues that can run simultaniously
* Pausing/resuming of queues
* Works with any effect (just requires the effect function to take an
on effect finished callback as its last parameter) like show, hide,
animate, Pulsate, Puff, Grow, etc
* Additional effects can be added to queues after they've been created
I've only tested it on FF1.5/Win and IE6 (I'll test OS X when I get
home later today), and for some reason one of the demo pages doesn't
work right on IE6.
Plugin src (with a little inline documentation!) and a couple of
examples can be had here:http://erikandcolleen.com/erik/jquery/fxQueue/
I mainly did this as an exercise for myself, so it won't hurt my
feelings if it turns out this isn't really very useful, or if it's
already been implemented in SVN or whatever.
Is this useful to anybody? Is it worth polishing up a little more?
--Erik
[jQuery] Re: Thickbox Reloaded strange problem
Rodrigo Moraes wrote: I have a problem with Thickbox contents not being loaded when the trigger is set dynamically. Here's an example: [ ... ] Any clues why this is happening? Sorry, I've looked at it a bit, and have absolutely no idea. It is very strange. Sorry to have nothing to offer; I just didn't want you to feel ignored. Good luck, -- Scott
[jQuery] Re: Masked Input Field
On Friday, May 25, 2007 9:50 AM Jörn Zaefferer said: Masked-input gives you visual hints of the expected input and its very easy to learn that you don't have to enter any delimiters. See Steve Krug's book called Don't Make Me Think. The less learning a user does, the better. * Even though clientside validation is all about usability many people don't understand this and still use it as a security measure. Right, but should we prohibit cars just because people die in car accidents? Of course we should! And let's dry up all the water because people drown too. No but seriously, part way through my post I conceded that if it's used for usability purposes, client-side validation is not a problem. But if someone thinks that it's a security measure, they are mistaken. Until I see that it's more common for people to use client-side validation as a usability tool I'll probably always bring up the fact that it can not be used as a security measure. Chris.
[jQuery] Re: tableFilter Beta 2 is now live
I'm considering adding the ability to generate a table on the fly from
a JSON recordset, but only if there is some interest in that.
I only use a button on the demo so you can see how fast it works. I
normally use the document.ready function to parse as soon as the DOM
is ready. In your case, I don't see why there would be a problem with
this - since you have tablefilter in a callback, it won't try to parse
until the load is done. Can you point me at a demo page so I can see
what's happening?
On May 25, 10:25 am, Chango [EMAIL PROTECTED] wrote:
Hi!, I'm using php/mysql listings, and i need to show 800 rows using
the plugin.
It's possible to load a table in a div and show it when all the rows
is pulled successfuly from a php/mysql connection and the plugin
process it's done?
It's there any way to auto generate the table once the recordset is
fully generated?
The demo use a button, but i need to doit auto.
I try $('#DIV').load('tablesort.php', function(i){$(#DIV
table).eq(0).tableFilter({pageLength:15});});
BUT THIS WORKS SOMETIMES
also try this code on tablesort.php:
script type=text/javascript
function gen(){
$(#DIV table).eq(0).tableFilter({pageLength:15});}
setTimeout(gen(),1000);
/script
Anyhelp!?
Sorry my Basic english :)
On May 18, 4:31 pm, Daemach [EMAIL PROTECTED] wrote:
For those of you who are interested, I just uploaded another beta of
my tableFilter plugin. New features include performance improvements,
saving (some..more later) settings in a cookie, support for plugins,
and an increased number of I hate IE comments in the code.
I did two plugins to test the architecture - one is called
Aggregator, creatively enough, and it automatically aggregates data
for numeric columns based on your filters. (sum/avg/min/max)
The second is called ColumnStyles which is the best I could come up
with at the time. It allows you to apply CSS styles to entire columns
instantly. bold, italic, underline, and alignment at the moment.
Again, these were proof-of-concepts, so they aren't that cool yet.
For those of you that haven't heard of this plugin, it allows you to
do automatic paging, and sorting/filtering on multiple table columns
simultaneously. All of this with one line of code: $
('table').tableFilter();
More info and demos here: http://ideamill.synaptrixgroup.com/?p=13
(plugins are disabled by default - enable them using the menu in the
bottom row...)
[jQuery] Re: ColdFusion, ajax, post, jquery and whitespace
Oh yeah, and of course include the path to jquery.AjaxCFC.js in your HTML:
script type=text/javascript
src=../js/ajaxCFC/jquery.AjaxCFC.js/script
- Jack
Jack Killpatrick wrote:
Hi Gareth,
Here are the basics:
1. add ajaxCFC to your CF project (or somewhere that it can get to).
2. create a CFC that extends AJAXCFC.ajax:
cfcomponent extends=AJAXCFC.ajax
!--- security stuff ---
cfscript
setAllowedVerbs('POST');
setCheckHTTPReferer(true);
/cfscript
cffunction name=myFunction output=no access=private
do some CF stuff
cfreturn something /
/cffunction
/cfcomponent
For the cfreturn, you can return queries, structs, pretty much any cf
object (see the docs for any limitations, I've had good success having
cfreturn return structs, arrays of structs, queries, etc).
AJAXCFC.ajax will handle converting the something that you are
returning to the requested format (see #3):
3. Add config info to your js file/script (see docs for full set of
config options):
$.AjaxCFCHelper.setDebug(false);
$.AjaxCFCHelper.setUseDefaultErrorHandler(false);
$.AjaxCFCHelper.setSerialization('json'); // json, wddx
4. call the remote CFC:
$.AjaxCFC({
url: path/file.cfc, // your CFC
method: myFunction,
data: {},
success: function(data){ showResults(data); }
});
showResults is called on success and data contains the json data. Use
Firebug or something to see what the format of the json data is (it's
very compact and gives you recordcount and colnames if you're
returning query data).
- Jack
Gareth Hughes wrote:
I'd like to see those code snippets Jack :) I looked at ajaxCFC a
while back but didn't have time to figure things out so seeing some
examples would be a great help.
.
[jQuery] Re: Loading before teh DOM is ready
Owww pretty good! Thanks. Now I begin to undertand the things what can
we do for the poor people who disable js huauhahuahuhuahua
On 5/25/07, Ⓙⓐⓚⓔ [EMAIL PROTECTED] wrote:
how 'bout
html
head
titleMy page/title
style type='text/css'
#content { display: block }
#loading { display: none }
/style
script type=text/javascript
document.write(style type='text/css'#content { display: none }
#loading { display: block } \/style);
$( function() {
$(#loading).hide();
$(#content).show();
});
/script
/head
body
div id=loadingLoading.../div
div id=content
.. content here
/div
/body
/html
On 5/24/07, Sam Collett [EMAIL PROTECTED] wrote:
How about:
html
head
titleMy page/title
script type=text/javascript
document.write(style type='text/css'#content { display: none }
#loading { display: block } \/style);
$( function() {
$(#loading).hide();
$(#content).show();
});
/script
/head
body
div id=loadingLoading.../div
div id=content
.. content here
/div
/body
/html
On May 24, 7:45 pm, Jean Nascimento [EMAIL PROTECTED] wrote:
I´ve tried add some code before the $(document).ready but its dont
work, so i wanna know how the best way to show some Loading div before
all docuemnt be ready?
--
[]´s Jeanwww.suissa.info
Ethereal Agencywww.etherealagency.com
--
Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ
--
[]´s Jean
www.suissa.info
Ethereal Agency
www.etherealagency.com
[jQuery] Re: Thickbox Reloaded strange problem
Rodrigo Moraes wrote: Hi, I have a problem with Thickbox contents not being loaded when the trigger is set dynamically. Here's an example: http://dev.tipos.com.br/jquery/thickbox.php 1. Click on 'add a new thickbox trigger'. 2. Click on the new link to open the ThickBox. It will open and the content will be set normally. 3. Repeat step 1. The new link will open a Thickbox which is empty. Any clues why this is happening? thanks, rodrigo Rodrigo, it's inline content, right? What currently happens is this: When opening the Thickbox this content gets captured in a closure and never gets reappended back to its original location - it is appended to the modal with appendTo, e.g. it is moved in the DOM. But when the modal gets closed it is emptied without restoring the content to its origin. If you then add another Thickbox handler which refers to the same content, this content is already empty if you've opened the Thickbox with that content before from another handler. I don't want to clone the content, because I want to preserve existing event handlers. I didn't restore the content, because (until now) it worked the way it is, so I was fine with it. I have never thought about the case you're talking of, so I will have to think of a way to solve this. I guess I need to restore the content when closing the Thickbox... -- Klaus
[jQuery] Re: Auto-focus next box
if u change all the ids for 1 class isnt better??
On 5/25/07, Michael Price [EMAIL PROTECTED] wrote:
Michael Price wrote:
I've got five text boxes representing the four (or five for longer ones)
parts of a credit card number. They all follow one another in the DOM
without any other elements in between.
What I want to do is when 4 digits have been typed into one box,
auto-focus the next one. I could do this:
$(#box1).keyup(function() {
// IF LENGTH IS 4 FOCUS BOX2
});
$(#box2).keyup(function() {
// IF LENGTH IS 4 FOCUS BOX3
});
$(#box3).keyup(function() {
// IF LENGTH IS 4 FOCUS BOX4
});
$(#box4).keyup(function() {
// IF LENGTH IS 4 FOCUS BOX5
});
Typical, two minutes after posting I come up with this:
$(#CN1, #CN2, #CN3, #CN4, #CN5).keyup(function() {
if ($(this).val().length == 4) {
$(this).next(input,select).focus();
}
});
Anyone got any advance on this?
Regards,
Michael Price
--
[]´s Jean
www.suissa.info
Ethereal Agency
www.etherealagency.com
[jQuery] Re: tableFilter Beta 2 is now live
tableFilter can do a multi-column sort on an 800-row table in under
60ms - it takes a bit longer to move the table rows around :)
On May 25, 11:18 am, Sean Catchpole [EMAIL PROTECTED]
wrote:
I'm not sure how you're doing your sorting, but you may find the
following useful:
// Array.Sort
//Original:http://weetbixthecat.com/blog/2006/faster-javascript-sorting/
if(!Array.prototype.Sort) Array.prototype.Sort = function(p,f) {
if (typeof p != string) throw new TypeError();
var o = Object.prototype.toString;
var a = Array.prototype.toString;
var i = function(){ return this[p]; }
Object.prototype.toString = i;
Array.prototype.toString = i;
(typeof f == function)?this.sort(f):this.sort();
Object.prototype.toString = o;
Array.prototype.toString = a;
}
This is extremely useful for sorting json style objects, and if you
parse the table into this style, it could greatly speed up the sorting
code. I have an example offline that I'll try to make available when I
get home.
~Sean
[jQuery] Re: Thickbox Reloaded strange problem
On 5/25/07, Scott Sauyet wrote:
Sorry, I've looked at it a bit, and have absolutely no idea. It is very
strange. Sorry to have nothing to offer; I just didn't want you to feel
ignored. Good luck,
Thanks. :)
As I'm not familiar with the internals of Thickbox Reloaded, I've
added a dirt hack to make that example work: an extra parameter
'content' was added and I set $('#content') explicitly when
initializing it. Then inside Thickbox I check to see if content is
already set.
As someone pointed on the IRC channel, it seems that the #content box
is moved from dom to memory when the script starts, and then the
dynamically added thickboxes don't have it available anymore. I tried
but couldn't find in the code where this happens.
Another issue with Thickbox Reloaded is that, if you want to load a
iframed content which is on the same domain/port, you won't be able
because if it's on the same domain it will guess that you want ajax
(and this is not always true). I hacked it again to force an iframe
even when it's on the same domain, if a config is set.
Thanks again. If you think it is worth, I'll fill an issue to report these.
-- rodrigo
[jQuery] Re: Effect Queueing Plugin
Looks great in Safari 2!
On 5/25/07, Erik Beeson [EMAIL PROTECTED] wrote:
Check this out: http://erikandcolleen.com/erik/jquery/fxQueue/random.html
Only tested on FF. I think that's doing what you want. The plugin
doesn't have a concept of doing animations sequentially vs
simultaniously; it only does sequentially. But the plugin does make it
easy to use any animation function. So for the simultanious part, I
created a custom animation function (called randomAnimation) that just
randomly moves/resizes stuff. The only tricky bit it to make sure you
only call the callback function in randomAnimation when the last item
is finished animating. Check out the source to see how it's done.
I also fixed a few substantial flaws in the fxQueue plugin. Feedback
is always welome.
--Erik
On 5/25/07, Gordon [EMAIL PROTECTED] wrote:
I just downloaded it and am experimenting, so far I'm really
impressed. Thanks for the effort, it really is appreciated.
I do have one question though, I'm not sure if this is possible or
not, but I need to be able to animate a group of objects together, but
with unique effects (they all need to move to different locations).
This moving effect will be bookended with a fadeout effect beforehand
for elements that are not included in the user's selection, and a fade
in effect afterward for elements that were excluded the previous
selection but which are to be reincluded this time around.
I'll cut and paste what I put in the other thread for you because I
think it gets across what I'm thinking a bit better.
In reflection, I think what I need is a queue into which classes of
animations can be inserted. All the animation events in a class get
executed together, but each class in the queue is executed one after
the other. Maybe something like this:
animQueue.addClass ('hideClass');
animQueue.addAnim ('hideClass', $('.toHide').fadeOut ('slow'));
animQueue.addClass ('moveClass');
$('.moveClass').each (function (){
animQueue.addAnim ('moveClass', $(this).animate ({
top: Math.floor (Math.random () * 1000),
left: Math.floor (Math.random () * 1000)
},(Math.floor (Math.random () * 1000) + 500) ));
});
animQueue.addClass ('showClass');
animQueue.addAnim ('showClass', $('.toShow').fadeIn ('slow'));
animQueue.execute ();
Obviously the syntax is totally made up and possibly totally not
appropiate for what I'm trying to describe, but I hope yo ucan get the
gist of what I'm gatting at here. Is it possible to do this with your
plugin? Because, if so, then you've come up with pretty much the
perfect solution. :)
On May 25, 4:08 pm, Erik Beeson [EMAIL PROTECTED] wrote:
Hello all,
In response to a thread yesterday, I put together a little framework
for effect queueing. My version yesterday, and subsequently Brandon's
version aswell, don't correctly deal with effects applied to multiple
elements, like when using classes instead of IDs. See here, and notice
how the later effects all bunch up and don't run
sequentially:http://erikandcolleen.com/erik/jquery/fxQueue/ba/test.html
This version deals with that correctly. Other features include:
* Multiple queues that can run simultaniously
* Pausing/resuming of queues
* Works with any effect (just requires the effect function to take an
on effect finished callback as its last parameter) like show, hide,
animate, Pulsate, Puff, Grow, etc
* Additional effects can be added to queues after they've been created
I've only tested it on FF1.5/Win and IE6 (I'll test OS X when I get
home later today), and for some reason one of the demo pages doesn't
work right on IE6.
Plugin src (with a little inline documentation!) and a couple of
examples can be had here:http://erikandcolleen.com/erik/jquery/fxQueue/
I mainly did this as an exercise for myself, so it won't hurt my
feelings if it turns out this isn't really very useful, or if it's
already been implemented in SVN or whatever.
Is this useful to anybody? Is it worth polishing up a little more?
--Erik
--
Aaron Heimlich
Web Developer
[EMAIL PROTECTED]
http://aheimlich.freepgs.com
[jQuery] Re: Thickbox Reloaded strange problem
Rodrigo Moraes wrote: Another issue with Thickbox Reloaded is that, if you want to load a iframed content which is on the same domain/port, you won't be able because if it's on the same domain it will guess that you want ajax (and this is not always true). I hacked it again to force an iframe even when it's on the same domain, if a config is set. I think I will also add an overriding mechanism, probably pretty much the same as you already did... -- Klaus
[jQuery] Re: Thickbox Reloaded strange problem
On 5/25/07, Klaus Hartl wrote: What currently happens is this: When opening the Thickbox this content gets captured in a closure and never gets reappended back to its original location - it is appended to the modal with appendTo, e.g. it is moved in the DOM. But when the modal gets closed it is emptied without restoring the content to its origin. Ah, I got it. Thanks for the explanation. I tried to find where this happens but I was a bit lost. I don't want to clone the content, because I want to preserve existing event handlers. I didn't restore the content, because (until now) it worked the way it is, so I was fine with it. I have never thought about the case you're talking of, so I will have to think of a way to solve this. I have several places where this happens. Here's one usage: a form inside a Thickbox which changes the values depending on which link opens the thickbox. Then I add another block to the page and it also has the same thickbox triger, etc. I don't need a lot of repeated forms in the dom, just one, and them I change their values onShow. thanks again for the explanation and the great Thickbox Reloaded, -- rodrigo
[jQuery] Re: NEWS: File upload application built using jQuery and Apollo
I'd love to see more documentation on how exactly TO develop applications with Apollo using HTML JavaScript without Flash. That is quite an interesting article! I've only recently discovered Apollo, but my interest has been peaked since! On May 25, 8:03 am, Rey Bango [EMAIL PROTECTED] wrote: Dan Switzer pointed me to an awesome article about a file upload application built using jQuery and Apollo. For those of you that don't know what Apollo is, its a runtime built by Adobe that lets your web applications run on the desktop. Its very cool technology and its getting quite a bit of press. You can find out more info here: http://labs.adobe.com/wiki/index.php/Apollo As for the article, you can read about it here: http://blog.kevinhoyt.org/2007/05/21/file-upload-with-apollo-and-java... Rey... -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED]://www.iambright.com
[jQuery] Re: Thickbox Reloaded strange problem
And of course, now I can't seem to duplicate this.
IGNORE
On 5/25/07, Su [EMAIL PROTECTED] wrote:
Klaus, I can't follow everything in your explanation below, but it sounds
a lot more complicated than something I just noticed.
Rodrigo's TB declaration reads:
$('div.slot a').thickbox();
...and that applies exactly to the original link in the actual HTML. Also,
if I make a copy of the original div, both of the original HTML links
continue working, though the JS-generated links fail, as has been shown.
When the add a trigger link creates a new one, the div created has /two/
classes slot new and these aren the links that produce the empty TB
window.
BUT, I removed the new class from the generated links and everything
suddenly worked perfectly.
It doesn't actually explain anything directly, but it does seem wrong.
From what I can gather of your comments, what I just described shouldn't
have fixed the problem.
On 5/25/07, Klaus Hartl [EMAIL PROTECTED] wrote:
Rodrigo, it's inline content, right?
What currently happens is this: When opening the Thickbox this content
gets captured in a closure and never gets reappended back to its
original location - it is appended to the modal with appendTo, e.g. it
is moved in the DOM. But when the modal gets closed it is emptied
without restoring the content to its origin.
If you then add another Thickbox handler which refers to the same
content, this content is already empty if you've opened the Thickbox
with that content before from another handler.
I don't want to clone the content, because I want to preserve existing
event handlers. I didn't restore the content, because (until now) it
worked the way it is, so I was fine with it. I have never thought about
the case you're talking of, so I will have to think of a way to solve
this.
I guess I need to restore the content when closing the Thickbox...
-- Klaus
[jQuery] Re: tableFilter Beta 2 is now live
On 5/25/07, Daemach [EMAIL PROTECTED] wrote: tableFilter can do a multi-column sort on an 800-row table in under 60ms - it takes a bit longer to move the table rows around :) Ah, well that's great news. I agree that manipulating the DOM is what takes a while. It sounds like you are rearranging all 800 rows. If this is the case, then since tableFilter has pagination, why not just create/display 1 page worth of rows. That way even a 5000 element table won't be a big deal. I'm considering adding the ability to generate a table on the fly from a JSON recordset, but only if there is some interest in that. Also, I can think of many examples where this would be helpful. I personally would love the feature. Keep up the great work. Cheers ~Sean
[jQuery] Re: Thickbox Reloaded strange problem
Klaus, I can't follow everything in your explanation below, but it sounds a
lot more complicated than something I just noticed.
Rodrigo's TB declaration reads:
$('div.slot a').thickbox();
...and that applies exactly to the original link in the actual HTML. Also,
if I make a copy of the original div, both of the original HTML links
continue working, though the JS-generated links fail, as has been shown.
When the add a trigger link creates a new one, the div created has /two/
classes slot new and these aren the links that produce the empty TB
window.
BUT, I removed the new class from the generated links and everything
suddenly worked perfectly.
It doesn't actually explain anything directly, but it does seem wrong. From
what I can gather of your comments, what I just described shouldn't have
fixed the problem.
On 5/25/07, Klaus Hartl [EMAIL PROTECTED] wrote:
Rodrigo, it's inline content, right?
What currently happens is this: When opening the Thickbox this content
gets captured in a closure and never gets reappended back to its
original location - it is appended to the modal with appendTo, e.g. it
is moved in the DOM. But when the modal gets closed it is emptied
without restoring the content to its origin.
If you then add another Thickbox handler which refers to the same
content, this content is already empty if you've opened the Thickbox
with that content before from another handler.
I don't want to clone the content, because I want to preserve existing
event handlers. I didn't restore the content, because (until now) it
worked the way it is, so I was fine with it. I have never thought about
the case you're talking of, so I will have to think of a way to solve
this.
I guess I need to restore the content when closing the Thickbox...
-- Klaus
