[jQuery] Re: bind an event to success validation
[EMAIL PROTECTED] escribió:
@JOSE
I wrote this code that is working but I think there is a better way:
$(document).ready(function(){
$(#treeform).validate({
errorContainer: $(#messageBox1),
errorLabelContainer: $(#messageBox1
ul),
wrapper: li,
submitHandler: function(){
$
('.loading').removeClass('loading');
$(this).submit();
}
});
});
What do you think???
One simple question, if you want submit the form with the normal way
(without AJAX),
why do you need remove classes and submit? if the validation is correct,
automatically,
the form is submitted so, the page is reloaded (or another page is
loaded), you don't need
a submitHandler and change the view of the page with JavaScript because
the view is
refreshing when the form is submitted.
Also, in the plugin documentation, I can see that submitHandler has one
argument, the
form, no this reference, so:
$(document).ready(function(){
$(#treeform).validate({
errorContainer: $(#messageBox1),
errorLabelContainer: $(#messageBox1 ul),
wrapper: li,
submitHandler: function(theform){
$('.loading').removeClass('loading');
theform.submit(); //submit is a native method, better than jQuery
trigger method submit()
}
});
});
Thanks
Andrea
--
Best Regards,
José Francisco Rives Lirola sevir1ATgmail.com
SeViR CW · Computer Design
http://www.sevir.org
Murcia - Spain
[jQuery] Re: Request: Quick tutorial on jQuery filtering/limiting methods
On 9/5/07, Pops [EMAIL PROTECTED] wrote:
Yes, $('#foobar') returns the 1st one, but you can have as many
id=foobar your applications needs and use this to find them all:
While that's technically true, IDs are meant to be unique to a page. For
what you're describing, using CSS classes is more appropriate, e.g.
$(.foobar)
--
Aaron Heimlich
Web Developer
[EMAIL PROTECTED]
http://aheimlich.freepgs.com
[jQuery] Re: Request: Quick tutorial on jQuery filtering/limiting methods
On Sep 5, 2:40 am, Aaron Heimlich [EMAIL PROTECTED] wrote:
On 9/5/07, Pops [EMAIL PROTECTED] wrote:
Yes, $('#foobar') returns the 1st one, but you can have as many
id=foobar your applications needs and use this to find them all:
While that's technically true, IDs are meant to be unique to a page. For
what you're describing, using CSS classes is more appropriate, e.g.
$(.foobar)
No, I am not describing CSS.
In practice, element ids are meant to be unique for practical
purposes but there is no standard restriction that it there SHOULD NOT
be more than one defined. It is an implementation issue. Strictly
speaking W3C DOM standards does not defined that the first element
MUST be returned with getElementById. In fact, it specifically says
undefined behavior leaving it open for implementations.
http://www.w3.org/TR/2004/REC-DOM-Level-3-Core-20040407/core.html#ID-getElBId
getElementById introduced in DOM Level 2
Returns the Element that has an ID attribute with the given value. If
no such element exists, this returns null. If more than one element
has an ID attribute with that value, what is returned is undefined.The
DOM implementation is expected to use the attribute Attr.isId to
determine if an attribute is of type ID.
Note: Attributes with the name ID or id are not of type ID
unless so defined.
Parameters
elementId of type DOMString
The unique id value for an element.
Return Value
Element
The matching element or null if there is none.
In practice, when it comes to the element attributes and HTML design,
there is really only one attribute that MUST be unique for a properly
operating design - FORM field names simply because its serialization
depends on it.
Now does jQuery enforce uniqueness for ids? Sure to make it work
right. But it can work fine too when there are more than one similar
ids.
--
HLS
[jQuery] Re: Request: Quick tutorial on jQuery filtering/limiting methods
On 9/5/07, Pops [EMAIL PROTECTED] wrote: In practice, element ids are meant to be unique for practical purposes but there is no standard restriction that it there SHOULD NOT be more than one defined. Actually, but HTML 4.01[1] and XML 1.0[2] specify that IDs must be unique. From the HTML 4.01 Spec: id = name [CS] (CS means case sensitive --Aaron) This attribute assigns a name to an element. This name must be unique in a document. From the XML 1.0 Spec Validity constraint: ID Values of type ID MUST match the Name production. A name MUST NOT appear more than once in an XML document as a value of this type; i.e., ID values MUST uniquely identify the elements which bear them. [1] http://www.w3.org/TR/html401/struct/global.html#h-7.5.2 [2] http://www.w3.org/TR/REC-xml/#id -- Aaron Heimlich Web Developer [EMAIL PROTECTED] http://aheimlich.freepgs.com
[jQuery] Re: Slide UP plugin?
There is. Look at Interface effects slide/blinds. If that doesn't help you (as I have similar problem), try this: Set container position attribute to position: relative, and overflow: hidden Hidden part (which will be displayed during resize of container) will have following css: position: absolute; bottom: 15px; /* or any value that you need*? This will be do the trick. 2007/9/5, Andy Matthews [EMAIL PROTECTED]: I have some content that will be pinned to the bottom of the page. When a button inside this container is clicked, I'd like to container to expand vertically upwards. Is there such a plugin? If not, does anyone have a quick suggestion of how I might got about doing something like this? -- Dragan Krstić krdr http://krdr.ebloggy.com/
[jQuery] Re: Request: Quick tutorial on jQuery filtering/limiting methods
Pops wrote:
Thanks Klaus. I'm still learning. Maybe should show the light here.
I have a 7 year old Windows HELP TOC generator that creates an UL list
of about 500 links, its about 4 levels deep.
ul
lia ../ali
lia ../ali
lia ../ali
ul
lia ../ali
lia ../ali
/ul
lia ../ali
ul
lia ../ali
lia ../ali
ul
lia ../ali
lia ../ali
/ul
lia ../ali
lia ../ali
/ul
...
/ul
Is that reallly the HTML? If so, it is invalid and you cannot expect any
selector to be reliable in any browsers. I'm not refering to the missing
slashes in the closing tag - I assume you just left them out in the
example here -, but the incorrectly nested inner ul.
That should look like:
ul
lia ../a/li
lia ../a/li
li
a ../a
ul
lia ../a/li
lia ../a/li
/ul
/li
lia ../ali
...
So what would be the selectors here, for example to find the node that
has a child. I tried various selectors and can't quite get it.
For example, I think I want to find:
- the first LI of UL
- and any LI with a UL
There is where I could had a click to expand/collapse.
The first li of a ul is:
$('ulli:first-child')
http://www.w3.org/TR/CSS21/selector.html#child-selectors
http://www.w3.org/TR/CSS21/selector.html#first-child
Any li with a ul (and that will probably only work with a valid DOM):
$('li:has(ul)') // jQuery 1.1.4+
$('li[ul]') // pre jQuery 1.1.4
Note that in this case there is no CSS selector at play. The former is
jQuery specific, the latter XPath, but deprecated in jQuery 1.1.4.
It is very useful to get familiar with CSS selectors to use jQuery even
more effectively:
http://www.w3.org/TR/CSS21/selector.html
http://www.w3.org/TR/2005/WD-css3-selectors-20051215/
HTH
--Klaus
[jQuery] Re: Request: Quick tutorial on jQuery filtering/limiting methods
On 9/5/07, Pops [EMAIL PROTECTED] wrote: No, I am not describing CSS. Perhaps CSS classes wasn't the right term to use. What I really meant was that you should be using the HTML class attribute if you want to assign an identifier to many elements; it can be for many more things than just CSS classes[1]. The class attribute, on the other hand, assigns one or more class names to an element; the element may be said to belong to these classes. A class name may be shared by several element instances. The class attribute has several roles in HTML: * As a style sheet selector (when an author wishes to assign style information to a set of elements). * For general purpose processing by user agents. In practice, when it comes to the element attributes and HTML design, there is really only one attribute that MUST be unique for a properly operating design - FORM field names simply because its serialization depends on it. And even this is not necessarily true[2]. I've been able to do this: input type=checkbox name=spam[] value=email Spam me by Email input type=checkbox name=spam[] value=phone Spam me by Phone input type=checkbox name=spam[] value=postal Spam me by Snail Mail in PHP for quite some time now. On the PHP side I'd get an array named 'spam'[3] that would contain the values of the checkboxes that were checked. [1] http://www.w3.org/TR/html401/struct/global.html#adef-class [2] Though it might be if you're not using the Form Plugin ( http://www.malsup.com/jquery/form/). I've never done form handling without it, so I wouldn't know. [3] More specifically, $_POST['spam'] or $_GET['spam'] depending on how the form was submitted -- Aaron Heimlich Web Developer [EMAIL PROTECTED] http://aheimlich.freepgs.com
[jQuery] Re: Request: Quick tutorial on jQuery filtering/limiting methods
Aaron, The bottom line really is then, in the internet world, there no really rules and consistent methods. You have PHP only methods, I have WCX only methods, others have their own methods. (Incidentally the PHP Windows developer use to work for us when it wasn't a big thing then. :-)) Many times the internet specs W3C, IETF, etc, specifications are specifically written to allow for flexibility. There is an old IETF adage: be flexible (liberal) with what you receive, strict (conservative) with what you create. Meaning, when you have strict control over your code, no 3rd party, etc, you can do things like unique ids. But when you are dealing with 3rd party software interfaces, you have to flexibile to deal with quirks, side-issues, things that you really don't have control over many times. Who knows? Maybe some 3rd party plugin is going to inject an hidden div with id that might conflict with yours? Thanks for your comments. -- HLS On Sep 5, 4:36 am, Aaron Heimlich [EMAIL PROTECTED] wrote: On 9/5/07, Pops [EMAIL PROTECTED] wrote: No, I am not describing CSS. Perhaps CSS classes wasn't the right term to use. What I really meant was that you should be using the HTML class attribute if you want to assign an identifier to many elements; it can be for many more things than just CSS classes[1]. The class attribute, on the other hand, assigns one or more class names to an element; the element may be said to belong to these classes. A class name may be shared by several element instances. The class attribute has several roles in HTML: * As a style sheet selector (when an author wishes to assign style information to a set of elements). * For general purpose processing by user agents. In practice, when it comes to the element attributes and HTML design, there is really only one attribute that MUST be unique for a properly operating design - FORM field names simply because its serialization depends on it. And even this is not necessarily true[2]. I've been able to do this: input type=checkbox name=spam[] value=email Spam me by Email input type=checkbox name=spam[] value=phone Spam me by Phone input type=checkbox name=spam[] value=postal Spam me by Snail Mail in PHP for quite some time now. On the PHP side I'd get an array named 'spam'[3] that would contain the values of the checkboxes that were checked. [1]http://www.w3.org/TR/html401/struct/global.html#adef-class [2] Though it might be if you're not using the Form Plugin (http://www.malsup.com/jquery/form/). I've never done form handling without it, so I wouldn't know. [3] More specifically, $_POST['spam'] or $_GET['spam'] depending on how the form was submitted -- Aaron Heimlich Web Developer [EMAIL PROTECTED]://aheimlich.freepgs.com
[jQuery] test
my emails arent coming through
[jQuery] Re: test
Yes they are :-) On 9/5/07, Daniel Rossi [EMAIL PROTECTED] wrote: my emails arent coming through
[jQuery] Re: Request: Quick tutorial on jQuery filtering/limiting methods
On Sep 5, 4:11 am, Klaus Hartl [EMAIL PROTECTED] wrote: Is that reallly the HTML? If so, it is invalid and you cannot expect any selector to be reliable in any browsers. I'm not refering to the missing slashes in the closing tag - I assume you just left them out in the example here -, but the incorrectly nested inner ul. That should look like: ul lia ../a/li lia ../a/li li a ../a ul lia ../a/li lia ../a/li /ul /li lia ../ali ... This is what I have. I thought I showed most of that. anyway... It is very useful to get familiar with CSS selectors to use jQuery even more effectively: You can say that again! Thanks for your assistance. -- HLS
[jQuery] Re: test
On Sep 5, 11:40 am, Daniel Rossi [EMAIL PROTECTED] wrote: Interesting, im not getting the initial email, just the replies ! I'm using gmail pop though. Same for me, I've renounced to make it work with thunderbird, I use web interface of gmail to send email to the list.
[jQuery] Validation plugin site down, Jörn?
Cant reach http://bassistance.de/jquery-plugins/jquery-plugin-validation/, it just gives me a blank page. I'd love to see all the comments and documentation, since I'm having lots of problems using the additional-methods.js (gives javascript- errors in FF).
[jQuery] thickbox fix position on scroll
hey. is there a hack or patch or some way i can make the TbWindow of thickbox to reposition when im scroll the page down? now when i do it its just remain in the same position so if its long page i can scroll down and in some cases not to see the dialog box please help... -- View this message in context: http://www.nabble.com/thickbox-fix-position-on-scroll-tf4383351s15494.html#a12495731 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: test
Daniel Rossi escribió: Interesting, im not getting the initial email, just the replies ! I'm using gmail pop though. On 05/09/2007, at 7:24 PM, Dylan Verheul wrote: Yes they are :-) On 9/5/07, Daniel Rossi [EMAIL PROTECTED] wrote: With GMail, your messages has not shown in the conversations. You can use Thunderbird or another email client ;-) -- Best Regards, José Francisco Rives Lirola sevir1ATgmail.com SeViR CW · Computer Design http://www.sevir.org Murcia - Spain
[jQuery] Re: test
On 05/09/2007, at 9:06 PM, SeViR wrote: Yes they are :-) On 9/5/07, Daniel Rossi [EMAIL PROTECTED] wrote: With GMail, your messages has not shown in the conversations. You can use Thunderbird or another email client ;-) Gmail pop here, I use Mac Mail. Thunderbird is terribly broken on mac, it's a terrible product, I reverted to Mac mail last week :) Anyway I'm curious if my email came through about the plugin detection API.
[jQuery] Re: code minimization / abstraction
Instead, make your code a static function:
Mike,
You're a huge help! That all makes much more sense now. Here is what
I ended up with:
(function( $ ) {
$.rjax = function(options) {
$.ajax($.extend({
dataType: script,
beforeSend: function(xhr) {xhr.setRequestHeader(Accept,
text/javascript);}
}, options));
}
$.remoteLink = function(selector, options) {
$(function() {
$(selector).click( function() {
$.rjax($.extend({
url: this.href
}, options));
return false;
});
});
};
})( jQuery );
jQuery.remoteLink('#testhref');
Thanks!
Joe
[jQuery] .height() on elements within hidden blocks returns 0
Hello, I'm using .height() to get the hight on an element which works just fine. My issue is that some of the elements are contained within hidden blocks. All those elements within the hidden blocks return a height of 0. Is there any way to get the height of these elements while hidden? Thanks, Todd
[jQuery] Re: code minimization / abstraction
On 9/4/07, Michael Geary [EMAIL PROTECTED] wrote:
$('#testhref').click( function() {
Hey Michael,
looks like you missed the selector variable here =p
$(selector).click( function() {
This should work.
Regards,
--
Joan Piedra || Frontend webdeveloper
http://joanpiedra.com/
[jQuery] Re: Dojo combobox equivalent
Jörn, Sorry about the delay. Nabble keeps sending the wrong user info to the group. Anyhow, I just added a separate lookup array that includes all options. I was able to access individual elements of cache.data[a-z], but I couldn't get loadFromCache() to return everything, so I just made a parallel array called cache.data[any]. Ideally, I'd just address the original cache.data array, but I still can't figure that one out. Then I set an option called showAll, which returns cache.data[any] from loadFromCache() if $(input).val() is empty and that flag is set. I've got a few other modifications in there, but you'll see where this occurs. The file is below. http://www.nabble.com/file/p12489898/jquery.autocomplete.js jquery.autocomplete.js Shane Jörn Zaefferer wrote: guyinva schrieb: Ok, I finally got around to modding Dan Switzer's Autocomplete to where is shows all possible options on initial focus and when the textbox is empty. I might dress it up and make it a new plugin (it works really well), but in the meantime, email me if you want it. I've only tested it on FF and Safari on Mac. It also will not work with Ajax right now. I'm interested in your modifications, mainly to integrate them back into the autocomplete plugin, or as an addon on top of it. -- Jörn -- View this message in context: http://www.nabble.com/Re%3A-Dojo-combobox-equivalent-tf4372552s15494.html#a12489898 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: jqModal .. where is this 'on open' thing
I have not looked at this in depth, but you might be able to use onShow()
callback to run your own ajax if you don't use the built-in one.
On 9/4/07, Joe [EMAIL PROTECTED] wrote:
from the jqModal README:
NOTE; To use custom ajax routines, utilize an on open callback
function. If you
need to process the ajax return, see the onLoad callback.
I need to supply a fairly custom set of options to the ajax call, so
just doing ajax: '/myurl' in jqm will not be enough. My normal ajax
calls tend to look like this:
$.ajax({
url: this.href,
dataType: script,
beforeSend: function(xhr) {xhr.setRequestHeader(Accept, text/
javascript);}
});
The readme makes me believe there is a way to do this, but I have no
idea where this on open is, or how this would actually be done.
Any ideas?
--
Ted
[jQuery] Re: test
I think Gmail changed something, I don't see my replies to group mails until someone else answers again. The emails are in the sent folder until then. Fred On 9/5/07, Daniel Rossi [EMAIL PROTECTED] wrote: Interesting, im not getting the initial email, just the replies ! I'm using gmail pop though. On 05/09/2007, at 7:24 PM, Dylan Verheul wrote: Yes they are :-) On 9/5/07, Daniel Rossi [EMAIL PROTECTED] wrote: my emails arent coming through
[jQuery] Drill Down Menu
Hi all, I have a need to make a drill down menu similar to the left hand menu interface that you see on betting exchanges such as Betfair.com Betdaq.com whereby if you click on a menu item, the menu drills down into the child items, leaving a breadcrumb trail of parent nodes so that you can navigate back up. I am fairly sure, given what I have seen and done so far with jquery, thats this should be fairly simple an elegant. I have also found this link that sheds a bit more light on the problem/ soultion I am trying to deal with. http://ajaxpatterns.org/Drilldown_Menu Any help or advice that anyone can offer is greatly appreciated. I look forward to your replys. Kind regards, Luke Byrne
[jQuery] remove a single css-property?
is there any solution to remove a single css-property?
i've the problem, that .show() leaves filter: ; in the inline-style
(MSIE).
now i want to remove only this property, but only this and not e.g.
the whole inline-style (.removeAttr('style')).
is there a plugin or a core feature, which can help me?
greetings
Patric
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
jQuery (English) group.
To post to this group, send email to jquery-en@googlegroups.com
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/jquery-en?hl=en
-~--~~~~--~~--~--~---
[jQuery] Re: Live Query and tables problem
Sorry but your example isnt work
now i remove the login validation
http://www.interalfa.com.br/kbs/pesquisa_teste.php
On 9/4/07, Brandon Aaron [EMAIL PROTECTED] wrote:
I wasn't able to see that site but I went ahead and created a small test
case based on the information you provided.
http://brandonaaron.net/jquery/issues/livequery/table_test/table_test.html
I'm not able to reproduce the error you are getting.
--
Brandon Aaron
On 9/4/07, Jean [EMAIL PROTECTED] wrote:
I´m trying to do the hover example of the site
http://www.interalfa.com.br/kbs/pesquisa_teste.php
i´m using dimensions e auto plugins
On 9/4/07, Brandon Aaron [EMAIL PROTECTED] wrote:
Are there any other scripts included? Would you mind posting up the
example?
--
Brandon Aaron
On 9/4/07, Jean [EMAIL PROTECTED] wrote:
Is a very simple example and dont works =/
$('tr').livequery('mouseover', function(){
$(this).addClass('hover');});
t has no properties
[Break on this error] t = t.className || t;
jquery.js (line 349)
and in
$('tr').livequery('mouseout', function(){
$(this).removeClass('hover');});
elem.className has no properties
[Break on this error] jQuery.grep( elem.className.split(/\s+/),
function(cur){
jquery.js (line 342)
--
[]´s Jean
www.suissa.info
Ethereal Agency
www.etherealagency.com
--
[]´s Jean
www.suissa.info
Ethereal Agency
www.etherealagency.com
--
[]´s Jean
www.suissa.info
Ethereal Agency
www.etherealagency.com
[jQuery] Re: remove a single css-property?
[EMAIL PROTECTED] wrote:
is there any solution to remove a single css-property?
i've the problem, that .show() leaves filter: ; in the inline-style
(MSIE).
now i want to remove only this property, but only this and not e.g.
the whole inline-style (.removeAttr('style')).
is there a plugin or a core feature, which can help me?
greetings
Patric
You can try:
$('#foo').css('filter', '');
Or, if that doesn't work:
$('#foo')[0].style.filter = '';
(I was using the latter in the tabs plugin but right now I can't
remember if I was using it because the first variant didn't work.)
--Klaus
[jQuery] Re: remove a single css-property?
$(.class).css(propertyName,);
2007/9/5, [EMAIL PROTECTED] [EMAIL PROTECTED]:
is there any solution to remove a single css-property?
i've the problem, that .show() leaves filter: ; in the inline-style
(MSIE).
now i want to remove only this property, but only this and not e.g.
the whole inline-style (.removeAttr('style')).
is there a plugin or a core feature, which can help me?
greetings
Patric
--
Dragan Krstić krdr
http://krdr.ebloggy.com/
[jQuery] Simple table pager plugin ?
Hi I found the tabesorter plugin and the tablepages plugin for this one. All very nice but I need a simpler version, is there one around that can handle the following or do I need to look at it myself -- row -- row --- row --- 1/5 Is there a simpler plugin or should I just use the tbalesorter and pager plugin -- Armand Datema CTO SchwingSoft
[jQuery] Re: Live Query and tables problem
Could you explain how the example doesn't work? Are you getting an error?
Which browser?
I can't read your mind, nor can I do the work for you. I tried to look at
the site again but I only know English. I'd like to help but I need to
understand first. You initially reported an error with Live Query and the
example shows that the error doesn't exist in a simple test case. If you
could provide a test page that shows that error, that would be great.
--
Brandon Aaron
On 9/5/07, Jean [EMAIL PROTECTED] wrote:
Sorry but your example isnt work
now i remove the login validation
http://www.interalfa.com.br/kbs/pesquisa_teste.php
On 9/4/07, Brandon Aaron [EMAIL PROTECTED] wrote:
I wasn't able to see that site but I went ahead and created a small test
case based on the information you provided.
http://brandonaaron.net/jquery/issues/livequery/table_test/table_test.html
I'm not able to reproduce the error you are getting.
--
Brandon Aaron
On 9/4/07, Jean [EMAIL PROTECTED] wrote:
I´m trying to do the hover example of the site
http://www.interalfa.com.br/kbs/pesquisa_teste.php
i´m using dimensions e auto plugins
On 9/4/07, Brandon Aaron [EMAIL PROTECTED] wrote:
Are there any other scripts included? Would you mind posting up the
example?
--
Brandon Aaron
On 9/4/07, Jean [EMAIL PROTECTED] wrote:
Is a very simple example and dont works =/
$('tr').livequery('mouseover', function(){
$(this).addClass('hover');});
t has no properties
[Break on this error] t = t.className || t;
jquery.js (line 349)
and in
$('tr').livequery('mouseout', function(){
$(this).removeClass('hover');});
elem.className has no properties
[Break on this error] jQuery.grep( elem.className.split(/\s+/),
function(cur){
jquery.js (line 342)
--
[]´s Jean
www.suissa.info
Ethereal Agency
www.etherealagency.com
--
[]´s Jean
www.suissa.info
Ethereal Agency
www.etherealagency.com
--
[]´s Jean
www.suissa.info
Ethereal Agency
www.etherealagency.com
[jQuery] Re: jQuery Merchandise for Sale. Help Support the Project
Forget the MAN We need you now :) On 9/5/07, Joel Birch [EMAIL PROTECTED] wrote: On 9/5/07, Rey Bango [EMAIL PROTECTED] wrote: Yeah, I mean *if* there was a version of that logo for the black cap, that would be awesome. Know of anyone that could make a version like that? ;) Rey I'll ask around ;) It wouldn't be ready for a day or so though (I'm working for the man today). Joel. -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com
[jQuery] Re: Bug in before, and after??
Klaus...
The docs don't seem to indicate that it will insert something AND close a
tag at the same time. It just says Inserts some HTML before all
paragraphs. That's what I want, but I want full control over it. There's
plenty of times where a developer might be working with xHTML, which in
small pieces is invalid or incomplete, but when viewed in total is perfectly
fine.
Anyway, if you're saying that's expected behavior then I'll refactor code so
that I get expected results on my end or I just won't use that method again.
Thanks for responding.
andy
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Klaus Hartl
Sent: Tuesday, September 04, 2007 4:52 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: Bug in before, and after??
Andy Matthews wrote:
I'm getting some unexpected results using these three functions and I
wondered if this was a bug. This is what I'm trying to accomplish:
div id=leads class=module
div class=moduleHeader
h2Lead Submissions/h2
div class=cap/div
/div
/div
I can code this manually, but I thought it would be nice to use jQuery
to remove some of the redundant code. So I first tried before and
after like so:
// jquery
$('h2', '.module').before('div class=moduleHeader').after('div
class=cap/div/div');
!-- html code --
h2Lead Submissions/h2
results:
div class=moduleHeader/divh2Lead Submissions/h2div
class=cap/div
(you can see that jQuery finished my incomplete tag)
Why is it doing this? I know it's trying to keep valid code, but my
code IS valid...just not with that snippet. Anyone have any comments
on this?
I think you must not think of these methods doing some string operations in
the DOM (as if you were writing HTML). The given HTML will result in an
element, but you cannot have an opening element (as opposed to an opening
tag).
--Klaus
[jQuery] where is the the form input/select plugin ?
Hi I remember of a plugin that was making a selectbox editable. A sort of mix of input type=text / and select Does anybody see what I am talking about and where it is located ? thx -Olivier
[jQuery] Re: jQuery Merchandise for Sale. Help Support the Project
Where can I buy Energy Dome cap? -- Dragan Krstić krdr http://krdr.ebloggy.com/
[jQuery] Re: jQuery Merchandise for Sale. Help Support the Project
On 9/5/07, Benjamin Sterling [EMAIL PROTECTED] wrote: Forget the MAN We need you now :) Yeah, forget that! It's done and sent to Rey. Thanks for the support ;) Joel Birch.
[jQuery] Re: Bug in before, and after??
Andy Matthews wrote: Klaus... The docs don't seem to indicate that it will insert something AND close a tag at the same time. It just says Inserts some HTML before all paragraphs. That's what I want, but I want full control over it. There's plenty of times where a developer might be working with xHTML, which in small pieces is invalid or incomplete, but when viewed in total is perfectly fine. Anyway, if you're saying that's expected behavior then I'll refactor code so that I get expected results on my end or I just won't use that method again. Thanks for responding. Instead of using before(openeningTag) with after(closingTag) you should surely use the wrap method... --Klaus
[jQuery] Re: history_remote: how to use it with JSON ?
Hi, I put up a dummy exemple of what I want (without the history plugin, I couldn't find a way of using the plugin) Basically, I have a page that display some content : http://www.sydesy.com/history/html.php?start=1 and another page that offers the same content, but as json: http://www.sydesy.com/history/json.php?start=1 On the html page, jquery replaces every link to /history/html.php? start=n by a json call of /history/json.php?start=n then call a javascript function that take care of displaying it. Ok, this works on this example (and on some less simplified real cases), but no back button, no refresh, no bookmark. I want to add the history plugin on it, but just can't figure out how to do it, as it looks that the remote method expect: 1) to get the ajax content from the same url than the normal content 2) get html 3) use that html to change the content of a div I don't understand how to plug that with my json-on-a-different-url case. Does it clarify ? Has someone an idea ? X+ P.S. I'm fully aware than my exemple is dummy, but I tried to set up something simple that doesn't involve my bulky CMS On Sep 4, 11:00 am, Klaus Hartl [EMAIL PROTECTED] wrote: xavier wrote: Hi, I'm using json to update a list and it works fine, but the goodies (back button, bookmarks...) are obviously not working. My goal is to keep a version that generates the html lists (for the ones without js enabled), keep the json update features, and add the history working. ... Any idea ? I didn't find losts of examples of this plugin beside the tab, do you think that's the right tool to use ? X+ Xavier, can I have a look at a working demo online? That way I can better figure out what is going wrong... --Klaus
[jQuery] Re: Bug in before, and after??
Yeah... That's what I ended up with. But even then I had to retailor my HTML slightly. That worked though. -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Klaus Hartl Sent: Wednesday, September 05, 2007 8:38 AM To: jquery-en@googlegroups.com Subject: [jQuery] Re: Bug in before, and after?? Andy Matthews wrote: Klaus... The docs don't seem to indicate that it will insert something AND close a tag at the same time. It just says Inserts some HTML before all paragraphs. That's what I want, but I want full control over it. There's plenty of times where a developer might be working with xHTML, which in small pieces is invalid or incomplete, but when viewed in total is perfectly fine. Anyway, if you're saying that's expected behavior then I'll refactor code so that I get expected results on my end or I just won't use that method again. Thanks for responding. Instead of using before(openeningTag) with after(closingTag) you should surely use the wrap method... --Klaus
[jQuery] Re: bind an event to success validation
Jose,
I understand your doubts and yes normally I should not care to change
page layout if validation is ok.
Problem is that this tricks need me in a quite complicate application
control panel that elaborate quite a lot of info ( page reload in 4/5
seconds).
To change it to Ajax mode takes me now too long time ( I will do in
future ) so my options to make it nicer is to at least displaying a
loading bar ( maybe a modal one ) to prevent user to double click or
making other strange operation with risk of data corruption.
Thanks for your help
Andrea
On 5 sep, 01:31, SeViR [EMAIL PROTECTED] wrote:
[EMAIL PROTECTED] escribió:
@JOSE
I wrote this code that is working but I think there is a better way:
$(document).ready(function(){
$(#treeform).validate({
errorContainer: $(#messageBox1),
errorLabelContainer: $(#messageBox1
ul),
wrapper: li,
submitHandler: function(){
$
('.loading').removeClass('loading');
$(this).submit();
}
});
});
What do you think???
One simple question, if you want submit the form with the normal way
(without AJAX),
why do you need remove classes and submit? if the validation is correct,
automatically,
the form is submitted so, the page is reloaded (or another page is
loaded), you don't need
a submitHandler and change the view of the page with JavaScript because
the view is
refreshing when the form is submitted.
Also, in the plugin documentation, I can see that submitHandler has one
argument, the
form, no this reference, so:
$(document).ready(function(){
$(#treeform).validate({
errorContainer: $(#messageBox1),
errorLabelContainer: $(#messageBox1 ul),
wrapper: li,
submitHandler: function(theform){
$('.loading').removeClass('loading');
theform.submit(); //submit is a native method, better than jQuery
trigger method submit()
}
});
});
Thanks
Andrea
--
Best Regards,
José Francisco Rives Lirola sevir1ATgmail.com
SeViR CW · Computer Design
http://www.sevir.org
Murcia - Spain
[jQuery] Thickbox $().load error
Hey guys! I need your help!! I'm using Thickbox to which I load the html data from server.\ Everything works fine in FF but in IE6 when the jQuery $().load() is fired the error like this occurs: Could not complete the operation due to error 80020101 I have no idea what does it mean! Is this a thickbox bug? Any sugestions? -- Regards, Adam Ludwinski [EMAIL PROTECTED] http://www.ludwinski.net
[jQuery] Re: jQuery Merchandise for Sale. Help Support the Project
:) On 9/5/07, Joel Birch [EMAIL PROTECTED] wrote: On 9/5/07, Benjamin Sterling [EMAIL PROTECTED] wrote: Forget the MAN We need you now :) Yeah, forget that! It's done and sent to Rey. Thanks for the support ;) Joel Birch. -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com
[jQuery] Re: blockUI IE6 checkbox
Setting the fade to false does not appear to be solving the issue for me.
malsup wrote:
seedy,
Try adding this to your page:
$.blockUI.defaults.fadeOut = false;
I think this is an issue with animation.
Mike
On 9/4/07, seedy [EMAIL PROTECTED] wrote:
Has anyone been able to reproduce this or am I just crazy ?
seedy wrote:
I have a few checkboxes that fire an ajax request, and use blockUI to
block an element during this request.
Problem is, the checkbox gets 'unchecked' whenever blockUI shows up.
Its reproducible with the following code (appears to not just affect
element blocking)
html
body
input type=checkboxcheck me /input
/body
script lang=javascript type=text/javascript
src=jquery-1.1.4.pack.js /script
script lang=javascript type=text/javascript
src=jquery.blockUI.js
/script
script
$(function(){
$('input:checkbox').click(function(){ alert('booga');
$.blockUI();
});
});
/script
/html
You will see the box get checked, then when the alert goes away, it
magically becomes unchecked. Any ideas?
--
View this message in context:
http://www.nabble.com/blockUI-IE6-checkbox-tf4361472s15494.html#a12478271
Sent from the JQuery mailing list archive at Nabble.com.
--
View this message in context:
http://www.nabble.com/blockUI-IE6-checkbox-tf4361472s15494.html#a12499248
Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] IE 2px out on event.pageX/Y
Has anyone come across this before, coz it's been driving me nuts! IE7 and IE6 are both reporting the cursor position as 2px greater - both X and Y - than the actual position, say, of a div on the screen. For example, given an absolutely positioned div at 100(top), 200(left), with a mousemove event bound to document, returns event.pageX of 202 and event.pageY of 102 when the cursor is placed at the top left hand corner of the div. Firefox and Opera work perfectly and return 200 and 100 respectively! Demonstration at http://www.wizzud.com/tester http://www.wizzud.com/tester - document is XHTML strict, but the same thing happens with HTML 40.1 transitional, so it's not the doctype! If you put the cursor (I set it to crosshair to make it easier) at the top left hand corner of either grey area it will report pageX/Y 2px out in IE, but on the money in Firefox/Opera. To get IE to report 0,0 you actually have to go off the edge of the screen! I looked into the fix code in jQuery but that is no solution because it just uses clientX/Y, which (as shown on the demo) are wrong. Basically, I can't see any way of accurately determining the cursor position cross-browser without putting in a specific fix for IE! Can anyone else help? -- View this message in context: http://www.nabble.com/IE-2px-out-on-event.pageX-Y-tf4384471s15494.html#a12499347 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: jQuery Merchandise for Sale. Help Support the Project
Done. Check the store again: https://www.cafepress.com/jquery.166647238 Rey... Benjamin Sterling wrote: :) On 9/5/07, Joel Birch [EMAIL PROTECTED] wrote: On 9/5/07, Benjamin Sterling [EMAIL PROTECTED] wrote: Forget the MAN We need you now :) Yeah, forget that! It's done and sent to Rey. Thanks for the support ;) Joel Birch.
[jQuery] Off-topic: Disabling the mouse scroll
Does anyone know how to disable the mouse scroll so that it does not move the browser window up and down? We only want to do this when the mouse is hovering a particular div. Thanks
[jQuery] Re: jQuery Merchandise for Sale. Help Support the Project
On 9/6/07, Rey Bango [EMAIL PROTECTED] wrote: Done. Check the store again: https://www.cafepress.com/jquery.166647238 Rey... Yeah, that's much better. I expected the logo to be fractionally larger in that space, but it still looks good. Joel Birch.
[jQuery] Re: Off-topic: Disabling the mouse scroll
[EMAIL PROTECTED] wrote:
Does anyone know how to disable the mouse scroll so that it does not
move the browser window up and down?
We only want to do this when the mouse is hovering a particular div.
Thanks
$(window).bind('scroll', function() {
return false;
});
That blocks scrolling with mousewheel and tarckpad but not if you push
the scrollbar itself. And I have tested only in Firefox.
--Klaus
[jQuery] Re: jQuery Merchandise for Sale. Help Support the Project
Not crazy about the oval, but I guess that is how cafepress does their dark hats to make things easier. I am in though! On 9/5/07, Joel Birch [EMAIL PROTECTED] wrote: On 9/6/07, Rey Bango [EMAIL PROTECTED] wrote: Done. Check the store again: https://www.cafepress.com/jquery.166647238 Rey... Yeah, that's much better. I expected the logo to be fractionally larger in that space, but it still looks good. Joel Birch. -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com
[jQuery] Sortable List (interface plug-in) -Sort multiple identical list
Hello,
I was hoping someone here could help out a jQuery newbie. What I want
to do is, if I have two list that are identical, when I drag and drop
one of the items from one of the identical list, the changes will
reflect on the other list as well. I hope that makes some sense.
Below are two identical list, but when dragging an item on one of the
identical list, it doesn't reflect the changes to the other list.
Please let me know if you need more details, or if I need to explain
things a bit clearer. Upfront, I want to thank you guys for the time
you put into helping me out with this issue.
Thanks,
Matt
***CODE
html
head
script type=text/javascript src=../jquery.js/script
script type=text/javascript src=../interface.js/script
script type=text/javascript
$(document).ready(
function () {
$('div.groupWrapper').Sortable(
{
accept: 'groupItem',
helperclass: 'sortHelper',
activeclass : 'sortableactive',
hoverclass :'sortablehover',
handle: 'div.itemHeader',
tolerance: 'pointer',
onChange : function(ser)
{
},
onStart : function()
{
$.iAutoscroller.start(this, document.getElementsByTagName('body'));
},
onStop : function()
{
$.iAutoscroller.stop();
}
}
);
}
);
/script
style type=text/css media=all
html
{
height: 100%;
}
img{
border: none;
}
body
{
background: #fff;
height: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
.groupWrapper
{
width: 32%;
float: left;
margin-right: 1%;
min-height: 400px;
}
.serializer
{
clear: both;
}
.groupItem
{
margin-bottom: 20px;
}
.groupItem .itemHeader
{
line-height: 28px;
background-color: #DAFF9F;
border-top: 2px solid #B5EF59;
color: #000;
padding: 0 10px;
cursor: move;
font-weight: bold;
font-size: 16px;
height: 28px;
position: relative;
}
.groupItem .itemHeader a
{
position: absolute;
right: 10px;
top: 0px;
font-weight: normal;
font-size: 11px;
text-decoration: none;
}
.sortHelper
{
border: 3px dashed #666;
width: auto !important;
}
.groupWrapper p
{
height: 1px;
overflow: hidden;
margin: 0;
padding: 0;
}
/style
/head
body
div id=sort1 class=groupWrapper
div id=Item1 class=groupItem
div class=itemHeaderItem1/div
/div
div id=Item2 class=groupItem
div class=itemHeaderItem2/div
/div
/div
div id=sort1 class=groupWrapper
div id=Item1 class=groupItem
div class=itemHeaderItem1/div
/div
div id=Item2 class=groupItem
div class=itemHeaderItem2/div
/div
/div
/body
/html
[jQuery] New JQuery documentation
A few notes about the new JQuery documentation. I'm sure it's a work in progress but there are two major issues that are causing me pain: 1) Tabbed examples? seriously? It's very difficult to gain understanding if I have to flip between code, html and output views. This is a step backward in usability guys. 2) Related to #1, tabbed examples don't display right in Safari 2.0.4 This isn't about not liking things just because it's different, but I see this as a usability issue. You've made the documentation harder to use rather than easier.
[jQuery] Help with Superfish IE6 quirk
Hello, I've come across a little bit of a problem that I am not sure how to solve with superfish in IE6 and would appreciate any help. I have updated superfish to 1.3, and have jquery 1.1.4. and I am using it with vertical.css (with some modifcations to fit with the design of the site). The problem is that when you hover over one menu item that should display a second level, the menu items below it in the top level move down a space. The menu items at the top level should not move and it should just roll out the second level menu. The example on my devel site is when you mouseover 'conferences' the menu items below it move. There are only 2 menu items that have second level menus (conferences weddings). http://www.newportmirage.com.au/devel/ Any advice on how to solve this would be greatly appreciated. Thanks in advance. Mark
[jQuery] Re: jQuery Merchandise for Sale. Help Support the Project
I doubt they do them - but any chance of a jQuery Bug Squatter :p On 9/5/07, Benjamin Sterling [EMAIL PROTECTED] wrote: Not crazy about the oval, but I guess that is how cafepress does their dark hats to make things easier. I am in though! On 9/5/07, Joel Birch [EMAIL PROTECTED] wrote: On 9/6/07, Rey Bango [EMAIL PROTECTED] wrote: Done. Check the store again: https://www.cafepress.com/jquery.166647238 Rey... Yeah, that's much better. I expected the logo to be fractionally larger in that space, but it still looks good. Joel Birch. -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com -- Tane Piper http://digitalspaghetti.me.uk This email is: [ ] blogable [ x ] ask first [ ] private
[jQuery] Re: code minimization / abstraction
From: Michael Geary
$('#testhref').click( function() {
From: Joan Piedra
Hey Michael,
looks like you missed the selector variable here =p
$(selector).click( function() {
Oops... Good catch, Joan, thanks!
-Mike
[jQuery] Re: Help with Superfish IE6 quirk
On 9/5/07, Mark [EMAIL PROTECTED] wrote: The problem is that when you hover over one menu item that should display a second level, the menu items below it in the top level move down a space. The menu items at the top level should not move and it should just roll out the second level menu. Hi Mark, Okay so this is IE's whitespace in lists bug. I have only done hacky fixes for this in the Superfish css files so you prompted me to address that. The solution is to float the list items, and that means you will need to add an explicit width to the .nav element also. This means you can remove any of the *html hacks (margin-bottom:-3px; etc)I had in the original css files (or conditional comment equivalents that you may have used). I have tested this across all major browsers and it works great. Look at the original vertical css file now: http://users.tpg.com.au/j_birch/plugins/superfish/vertical-example/vertical.css and notice three things: 1. the .nav rule now has width:9.45em; 2. the .nav li rule now has float:left; 3. all IE hacks (IE7 included) have been removed... yippee! Hope this helps, Mark. Joel Birch.
[jQuery] bassistance: jQuery plugin: Autocomplete
I have been playing with this Autocomplete plug-in, what can I say, fantastic. I have noticed one thing however, there seems to be a lot of chatter recently (see the bottom of http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/) regarding the ability to add extra parameters to the extraParams options, specifically when trying to pass the values of other autocomplete fields. I have tried some of the methods suggested by other posters, but to no avail. Can anyone suggest a working method or work around to enable this. Thanks in advance Marto
[jQuery] Large clickable boxes
Hi all,
I need large clickable boxes which span the whole area of the .deal
box. Href attribute should be extracted from links wrapped in
heading2.
I tried loads of experimants and ended up with the following
disfunctional code.
It should work, but it simply doesn't. Anyone could help me?
html
head
titleClickable boxes/title
script type=text/javascript src=jquery-1.1.3.1.pack.js/script
script text=text/javascript
/*Clickable boxes*/
$('li.deal').click(function() {
$('a', this).attr('href') = window.location;
});
/script
/head
body
ul id=deals
li class=deal
h2a href=#1Lorem ipsum dolor sit/a/h2
ul
listrongLorem ipsum dolor sit amet consectetuer/strong/li
li class=priceFrom 749 SKK/li
/ul
/li
li class=deal
h2a href=#2Porttitor condimentum Vivamus eros/a/h2ul
divimg src=2.jpg alt= //div
ul
liPorttitor condimentum Vivamus eros tellus/li
li class=priceFrom 800 SKK/li
/ul
/li
/ul
/body
/html
Thank you for your time
[jQuery] Re: remove a single css-property?
On 5 Sep., 15:00, Dragan Krstic [EMAIL PROTECTED] wrote: $(.class).css(propertyName,); Hi again *g* perhaps i wasn't precision enough. I won't reset the style-property. That is already done by »show()«. I need to remove the property at all. i made a little demo, to show the what i mean: http://schep.de/test/test-case/ button1 (#test) will after a click never occure again. The inline- style »filter: ;« isn't removed. button2 (#test2) is ok, but i've to remove the whole inline-style. Do you understand what i mean? greetings Patric
[jQuery] Re: Large clickable boxes
A classic one : embed your code like this:
$(function() {
// your code here
});
Otherwise, li.deal doesn't exist yet when your code runs.
Franck.
On 5 sep, 18:11, Frantisek Malina [EMAIL PROTECTED] wrote:
Hi all,
I need large clickable boxes which span the whole area of the .deal
box. Href attribute should be extracted from links wrapped in
heading2.
I tried loads of experimants and ended up with the following
disfunctional code.
It should work, but it simply doesn't. Anyone could help me?
html
head
titleClickable boxes/title
script type=text/javascript src=jquery-1.1.3.1.pack.js/script
script text=text/javascript
/*Clickable boxes*/
$('li.deal').click(function() {
$('a', this).attr('href') = window.location;});
/script
/head
body
ul id=deals
li class=deal
h2a href=#1Lorem ipsum dolor sit/a/h2
ul
listrongLorem ipsum dolor sit amet consectetuer/strong/li
li class=priceFrom 749 SKK/li
/ul
/li
li class=deal
h2a href=#2Porttitor condimentum Vivamus eros/a/h2ul
divimg src=2.jpg alt= //div
ul
liPorttitor condimentum Vivamus eros tellus/li
li class=priceFrom 800 SKK/li
/ul
/li
/ul
/body
/html
Thank you for your time
[jQuery] Re: Making sure a radio button is checked
I'm getting an error:
missing ; after for-loop initializer
I'm using firebug, but I don't see where the error is. Any insight?
Thanks for your help
On Sep 4, 6:50 pm, Joel Birch [EMAIL PROTECTED] wrote:
Hi Shaun,
Try this, although it is untested:
function validate_form (){
var valid = true;
for (var i=1, i4, i++){
if ( $(':checked',document.survey['question'+i]).length == -1
){
alert ( 'Please answer question #' + i );
valid = false;
}
}
return valid;
}
Joel Birch.
[jQuery] Re: Large clickable boxes
Frantisek Malina wrote:
Hi all,
I need large clickable boxes which span the whole area of the .deal
box. Href attribute should be extracted from links wrapped in
heading2.
I tried loads of experimants and ended up with the following
disfunctional code.
It should work, but it simply doesn't. Anyone could help me?
html
head
titleClickable boxes/title
script type=text/javascript src=jquery-1.1.3.1.pack.js/script
script text=text/javascript
/*Clickable boxes*/
$('li.deal').click(function() {
$('a', this).attr('href') = window.location;
});
/script
/head
body
ul id=deals
li class=deal
h2a href=#1Lorem ipsum dolor sit/a/h2
ul
listrongLorem ipsum dolor sit amet consectetuer/strong/li
li class=priceFrom 749 SKK/li
/ul
/li
li class=deal
h2a href=#2Porttitor condimentum Vivamus eros/a/h2ul
divimg src=2.jpg alt= //div
ul
liPorttitor condimentum Vivamus eros tellus/li
li class=priceFrom 800 SKK/li
/ul
/li
/ul
/body
/html
Thank you for your time
Most important, you need to attach the initialization of the boxes to
the DOM ready event by wrapping your code in a $(function() {}) block.
Try this:
$(function() {
$('li.deal').each(function() {
var $a = $('h2 a', this).bind('click', function() {
return false; // the whole box becomes a link
});
$(this).bind('click', function() {
location.href = $a.attr('href');
});
});
});
(untested as usual)
After thinking about it maybe it's better to use one click event handler:
$(function() {
$('li.deal').each(function() {
var $a = $('h2 a', this);
$(this).bind('click', function(e) {
if (e.target != $a[0]) {
location.href = $a.attr('href');
}
});
});
});
Yes, that looks cleaner to me...
--Klaus
[jQuery] Re: Large clickable boxes
Klaus Hartl wrote:
$(function() {
$('li.deal').each(function() {
var $a = $('h2 a', this);
$(this).bind('click', function(e) {
if (e.target != $a[0]) {
location.href = $a.attr('href');
}
});
});
});
shorter, shorter...:
$(function() {
$('li.deal').each(function() {
var a = $('h2 a', this)[0];
$(this).bind('click', function(e) {
if (e.target != a) {
location.href = a.href;
}
});
});
});
(in this case we don't really need any normalization via attr('href'))
--Klaus
[jQuery] Hover bug in Firefox?
I've found some unexpected behaviour using hover in Firefox.
This html:
table
tr
tdAndy Matthews/td
tdWeb Developer/td
/tr
/table
and this jQuery code:
$('tr').hover(function(){
$(this).css('backgroundColor','797979');
},function(){
$(this).css('backgroundColor','6c6c6c');
});
Should result in the TR changing background color on hover, right? It
works just fine in IE. But it doesn't work at all in FF2, just fails
silently. I know I could apply a class on hover, but I shouldnt' have to
right? If this code works in IE, then by all means it should work in FF. Am
I doing something wrong?
Andy Matthews
Senior ColdFusion Developer
Office: 877.707.5467 x747
Direct: 615.627.9747
Fax: 615.467.6249
[EMAIL PROTECTED]
www.dealerskins.com http://www.dealerskins.com/
dealerskinslogo.bmp
[jQuery] Re: Making sure a radio button is checked
I figured out the missing ';', sorry about that. I found this function
in the archive and it works for alerting me that one of the radio sets
is not checked. Is there any way in the alert for it to tell me the
name, id, or rel attribute of the group that stopped the find?
if(!$(this).find([EMAIL PROTECTED]:checked).size()){
alert( All questions are required. Please check your entries.
);
return false;
};
On Sep 4, 6:50 pm, Joel Birch [EMAIL PROTECTED] wrote:
Hi Shaun,
Try this, although it is untested:
function validate_form (){
var valid = true;
for (var i=1, i4, i++){
if ( $(':checked',document.survey['question'+i]).length == -1
){
alert ( 'Please answer question #' + i );
valid = false;
}
}
return valid;
}
Joel Birch.
[jQuery] Re: Hover bug in Firefox?
On 9/6/07, Andy Matthews [EMAIL PROTECTED] wrote:
I've found some unexpected behaviour using hover in Firefox.
and this jQuery code:
$('tr').hover(function(){
$(this).css('backgroundColor','797979');
},function(){
$(this).css('backgroundColor','6c6c6c');
});
Should result in the TR changing background color on hover, right? It
works just fine in IE. But it doesn't work at all in FF2, just fails
silently. I know I could apply a class on hover, but I shouldnt' have to
right? If this code works in IE, then by all means it should work in FF. Am
I doing something wrong?
I think you need the # before the hex code. Also, if you are using camelCase
(as you are), then you don't need to quote the property names.
Joel Birch.
[jQuery] Re: remove a single css-property?
I think I understand.
When some element is hidden by hide, display: none; is added to inline
style.
In: $('#click').click(function() { $('#test').css('FILTER', '');
$('#test')[0].style.filter = ''; $('#rmvLink1').hide('slow');});
only filter property is removed, and filter is defined in style list
In: $('#click2').click(function() { $('#test2').removeAttr('style');
$('#rmvLink2').hide('slow');}); all inline style(s) are removed but not
styles defined in style list.
I hope I will help you.
2007/9/5, [EMAIL PROTECTED] [EMAIL PROTECTED]:
On 5 Sep., 15:00, Dragan Krstic [EMAIL PROTECTED] wrote:
$(.class).css(propertyName,);
Hi again *g*
perhaps i wasn't precision enough. I won't reset the style-property.
That is already done by »show()«. I need to remove the property at
all.
i made a little demo, to show the what i mean:
http://schep.de/test/test-case/
button1 (#test) will after a click never occure again. The inline-
style »filter: ;« isn't removed.
button2 (#test2) is ok, but i've to remove the whole inline-style.
Do you understand what i mean?
greetings
Patric
--
Dragan Krstić krdr
http://krdr.ebloggy.com/
[jQuery] Re: Making sure a radio button is checked
On 9/6/07, Shaun Kester [EMAIL PROTECTED] wrote:
I figured out the missing ';', sorry about that. I found this function
in the archive and it works for alerting me that one of the radio sets
is not checked. Is there any way in the alert for it to tell me the
name, id, or rel attribute of the group that stopped the find?
if(!$(this).find([EMAIL PROTECTED]:checked).size()){
alert( All questions are required. Please check your
entries. );
return false;
};
Ah yeah, the missing ; thing is because I used commas in the for
initialisation instead of semi-colons, right?
Anyway, as for your new code, I don't know what 'this' refers to so I
will assume you want it to refer to a set of radio buttons. You will
need to target all the sets somehow so add a class to the containing
element of each set. Let's call it 'radioSet'. So your HTML will look
like this:
tr class=zOdd radioSet
td1. I am proud to be part of the [redacted]./td
td nowrap=nowrap valign=top
label for=p1q1-11/labelinput value=1 id=p1q1-1
name=p1q1 type=radio
label for=p1q1-22/labelinput value=2 id=p1q1-2
name=p1q1 type=radio
...
/td
/tr
tr class=zEven radioSet
td2. I see myself working for the [redacted] three years from now./td
td nowrap=nowrap valign=top
label for=p1q2-11/labelinput value=1 id=p1q2-1
name=p1q2 type=radio
label for=p1q2-22/labelinput value=2 id=p1q2-2
name=p1q2 type=radio
...
/td
/tr
Then this jQuery code might work:
function validate_form(){
var valid = true;
//loop through the radio sets
$('tr.radioSet').each(function(){
var theRadioSet = this;
//make sure at least one radio is checked
//do not use @ symbol if using jQuery 1.1.4, it's deprecated
if ( $('input[type=radio]:checked',theRadioSet).length != -1 ){
valid = false;
alert ('The question with id '+theRadioSet.id+' was
not answered');
return false; //I *think* this halts further 'each'
cycles
}
});
return valid;
}
Hope this gets you closer to where you want to be.
Joel Birch.
[jQuery] Re: Making sure a radio button is checked
On 9/6/07, Joel Birch [EMAIL PROTECTED] wrote:
function validate_form(){
var valid = true;
//loop through the radio sets
$('tr.radioSet').each(function(){
var theRadioSet = this;
//make sure at least one radio is checked
//do not use @ symbol if using jQuery 1.1.4, it's deprecated
if ( $('input[type=radio]:checked',theRadioSet).length != -1
){
valid = false;
alert ('The question with id '+theRadioSet.id+' was
not answered');
return false; //I *think* this halts further 'each'
cycles
}
});
return valid;
}
Sorry, already found an error. This line:
if ( $('input[type=radio]:checked',theRadioSet).length != -1 ){
Should be:
if ( $('input[type=radio]:checked',theRadioSet).length == -1 ){
...it's very late...
Joel.
[jQuery] Re: Hover bug in Firefox?
That was it Joel. Can't believe I didn't think of that. Thank you.
_
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Joel Birch
Sent: Wednesday, September 05, 2007 12:12 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: Hover bug in Firefox?
On 9/6/07, Andy Matthews [EMAIL PROTECTED] wrote:
I've found some unexpected behaviour using hover in Firefox.
and this jQuery code:
$('tr').hover(function(){
$(this).css('backgroundColor','797979');
},function(){
$(this).css('backgroundColor','6c6c6c');
});
Should result in the TR changing background color on hover, right? It
works just fine in IE. But it doesn't work at all in FF2, just fails
silently. I know I could apply a class on hover, but I shouldnt' have to
right? If this code works in IE, then by all means it should work in FF. Am
I doing something wrong?
I think you need the # before the hex code. Also, if you are using camelCase
(as you are), then you don't need to quote the property names.
Joel Birch.
[jQuery] Re: jQuery Merchandise for Sale. Help Support the Project
What you need are some t-shits! VP
[jQuery] Re: Large clickable boxes
Cool, works like a charm in 5.5 upwards, Opera, FF.
I spent few hours with this and you did it in a minute or so.
On Sep 5, 5:40 pm, Klaus Hartl [EMAIL PROTECTED] wrote:
Klaus Hartl wrote:
$(function() {
$('li.deal').each(function() {
var $a = $('h2 a', this);
$(this).bind('click', function(e) {
if (e.target != $a[0]) {
location.href = $a.attr('href');
}
});
});
});
shorter, shorter...:
$(function() {
$('li.deal').each(function() {
var a = $('h2 a', this)[0];
$(this).bind('click', function(e) {
if (e.target != a) {
location.href = a.href;
}
});
});
});
(in this case we don't really need any normalization via attr('href'))
--Klaus
[jQuery] Re: Interface plugin problem with IE7
no clue about this yet. anybody?
[jQuery] Re: Hover bug in Firefox?
I can't reproduce this using just the table and jQuery code you provided. I
tried putting a separate style on td but that just stifles any hover effect
on both FF and IE7.
Is there any more information you can provide, or perhaps a test page
showing the problem?
On 9/5/07, Andy Matthews [EMAIL PROTECTED] wrote:
I've found some unexpected behaviour using hover in Firefox.
This html:
table
tr
tdAndy Matthews/td
tdWeb Developer/td
/tr
/table
and this jQuery code:
$('tr').hover(function(){
$(this).css('backgroundColor','797979');
},function(){
$(this).css('backgroundColor','6c6c6c');
});
Should result in the TR changing background color on hover, right? It
works just fine in IE. But it doesn't work at all in FF2, just fails
silently. I know I could apply a class on hover, but I shouldnt' have to
right? If this code works in IE, then by all means it should work in FF. Am
I doing something wrong?
*
Andy Matthews
*Senior ColdFusion Developer
Office: 877.707.5467 x747
Direct: 615.627.9747
Fax: 615.467.6249
[EMAIL PROTECTED]
www.dealerskins.com
--
Ted
inline: dealerskinslogo.bmp
[jQuery] New plugin found - FastFind Menu
Just found it today: http://labs.activespotlight.net/jQuery/menu_demo.html Click toggle menu to see it in action. This menu looks like the one from deviantART (http://www.deviantart.com/).
[jQuery] Re: remove a single css-property?
I don't have time right now to look at this in depth, but other than putting
the filter style inline on each of your objects, the only other way I can
see to fix this is to somehow modify the jQuery code to first grab the
current filter style from currentStyle or something along those lines. I
hope there is a better fix out there.
On 9/5/07, Dragan Krstic [EMAIL PROTECTED] wrote:
I think I understand.
When some element is hidden by hide, display: none; is added to inline
style.
In: $('#click').click(function() { $('#test').css('FILTER', '');
$('#test')[0].style.filter = ''; $('#rmvLink1').hide('slow');});
only filter property is removed, and filter is defined in style list
In: $('#click2').click(function() { $('#test2').removeAttr('style');
$('#rmvLink2').hide('slow');}); all inline style(s) are removed but not
styles defined in style list.
I hope I will help you.
2007/9/5, [EMAIL PROTECTED] [EMAIL PROTECTED]:
On 5 Sep., 15:00, Dragan Krstic [EMAIL PROTECTED] wrote:
$(.class).css(propertyName,);
Hi again *g*
perhaps i wasn't precision enough. I won't reset the style-property.
That is already done by »show()«. I need to remove the property at
all.
i made a little demo, to show the what i mean:
http://schep.de/test/test-case/
button1 (#test) will after a click never occure again. The inline-
style »filter: ;« isn't removed.
button2 (#test2) is ok, but i've to remove the whole inline-style.
Do you understand what i mean?
greetings
Patric
--
Dragan Krstić krdr
http://krdr.ebloggy.com/
--
Ted
[jQuery] Re: jQuery Merchandise for Sale. Help Support the Project
Some what!?! From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Loren Pipes Sent: Wednesday, September 05, 2007 12:43 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: jQuery Merchandise for Sale. Help Support the Project What you need are some t-shits! VP
[jQuery] Re: New plugin found - FastFind Menu
Very nice. Actually looks similar to the iPhone style shopping list that's been floating around. _ From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Jeferson Koslowski Sent: Wednesday, September 05, 2007 1:15 PM To: jquery-en@googlegroups.com Subject: [jQuery] New plugin found - FastFind Menu Just found it today: http://labs.activespotlight.net/jQuery/menu_demo.html Click toggle menu to see it in action. This menu looks like the one from deviantART ( http://www.deviantart.com/).
[jQuery] Re: jQuery Merchandise for Sale. Help Support the Project
T-Shirts are coming. We just don't like the way that CafePress makes them. Rey Loren Pipes wrote: What you need are some t-shits! VP
[jQuery] i think you can all see what i'm trying to do here - two-tier navigation with jquery...
i think you can all see what i'm trying to do here: http://www.personal.leeds.ac.uk/~scs4ll/index.html i've coded up the 'home' and 'schedule' buttons as best i can (using the hover event). it would be nice if the secondary nav stayed up long enough for me to navigate it though. any help would be much much appreciated. even a kick in the right direction. cheers, lewis
[jQuery] Re: i think you can all see what i'm trying to do here - two-tier navigation with jquery...
Maybe make a DIV that contains the whole menu system (global/secondary). Bind the mouseover to the global choices to 1. hide everything in secondary and then 2. show the corresponding links. Then bind the mouseout to the global div surround the whole thing to hide all the secondary items. You may also want to include hoverIntent to slow down the interaction a little. Glen On 9/5/07, ldexterldesign [EMAIL PROTECTED] wrote: i think you can all see what i'm trying to do here: http://www.personal.leeds.ac.uk/~scs4ll/index.html i've coded up the 'home' and 'schedule' buttons as best i can (using the hover event). it would be nice if the secondary nav stayed up long enough for me to navigate it though. any help would be much much appreciated. even a kick in the right direction. cheers, lewis
[jQuery] Re: Validation plugin site down, Jörn?
Suni schrieb: Cant reach http://bassistance.de/jquery-plugins/jquery-plugin-validation/, it just gives me a blank page. I'd love to see all the comments and documentation, since I'm having lots of problems using the additional-methods.js (gives javascript- errors in FF). I'm still unable to figure out whats wrong with that page. I get occansional reports about the issue, but I have no idea whats the cause. Someone else reported that he managed to view the site using Opera. -- Jörn
[jQuery] Re: bassistance: jQuery plugin: Autocomplete
Marto schrieb:
I have been playing with this Autocomplete plug-in, what can I say,
fantastic. I have noticed one thing however, there seems to be a lot
of chatter recently (see the bottom of
http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/)
regarding the ability to add extra parameters to the extraParams
options, specifically when trying to pass the values of other
autocomplete fields.
I have tried some of the methods suggested by other posters, but to no
avail. Can anyone suggest a working method or work around to enable
this.
The latest revision should allow you to specify extra params as
callbacks. Eg.
$(...).autocomplete(url, {
extraParams: {
someValue: function() { return $(...).val() }
}
});
[jQuery] Re: jQuery Merchandise for Sale. Help Support the Project
Too funny! On 9/5/07, Rick Faircloth [EMAIL PROTECTED] wrote: Some what!?! *From:* jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] *On Behalf Of *Loren Pipes *Sent:* Wednesday, September 05, 2007 12:43 PM *To:* jquery-en@googlegroups.com *Subject:* [jQuery] Re: jQuery Merchandise for Sale. Help Support the Project What you need are some t-shits! VP -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com
[jQuery] Re: Validation plugin site down, Jörn?
I cant see the site a long long time ago =/ On 9/5/07, Jörn Zaefferer [EMAIL PROTECTED] wrote: Suni schrieb: Cant reach http://bassistance.de/jquery-plugins/jquery-plugin-validation/, it just gives me a blank page. I'd love to see all the comments and documentation, since I'm having lots of problems using the additional-methods.js (gives javascript- errors in FF). I'm still unable to figure out whats wrong with that page. I get occansional reports about the issue, but I have no idea whats the cause. Someone else reported that he managed to view the site using Opera. -- Jörn -- []´s Jean www.suissa.info Ethereal Agency www.etherealagency.com
[jQuery] Re: bassistance: jQuery plugin: Autocomplete
This is so awesome. Seriously. Awe-some.
Has this been put into the plugin thinger. I want to give it 5 stars.
Glen
On 9/5/07, Jörn Zaefferer [EMAIL PROTECTED] wrote:
Marto schrieb:
I have been playing with this Autocomplete plug-in, what can I say,
fantastic. I have noticed one thing however, there seems to be a lot
of chatter recently (see the bottom of
http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/)
regarding the ability to add extra parameters to the extraParams
options, specifically when trying to pass the values of other
autocomplete fields.
I have tried some of the methods suggested by other posters, but to no
avail. Can anyone suggest a working method or work around to enable
this.
The latest revision should allow you to specify extra params as
callbacks. Eg.
$(...).autocomplete(url, {
extraParams: {
someValue: function() { return $(...).val() }
}
});
[jQuery] Re: i think you can all see what i'm trying to do here - two-tier navigation with jquery...
Just my two cents, but changing your html structure could solve a lot of problems, including this one. Imho, each one of you *_set_navigation ul should be children of your #primary navigation items, e.g: li id=home href=# alt=Home title=Homehome/a ul id=home_set_navigation class=hide lia id=home_latest href=latest alt=Latest news title=Latest newsour latest/a/li lia id=home_reviews href=music_reviews alt=Music reviews title=Music reviewsreviews/a/li lia id=home_listen href=listen alt=Listen now! title=Listen now!listen live!/a/li lia id=home_competitions href=competition alt=Competitions title=Competitionscompetitions/a/li lia id=home_get_involved href=get_involved alt=Get involved title=Get involvedget involved/a/li lia id=home_calendar href=calendar alt=Calendar title=Calendarcalendar/a/li /ul /li That way hovering over the secondary navigation for this item wont 'mouseout' the primary li. That will take some adaptation on the CSS but I think that's worth it. That way as well, clients that do not support css/javascript can still have a menu that has some meaning, instead of two separate menus. Regards, Renaud Drousies On 5 sep, 14:47, ldexterldesign [EMAIL PROTECTED] wrote: i think you can all see what i'm trying to do here:http://www.personal.leeds.ac.uk/~scs4ll/index.html i've coded up the 'home' and 'schedule' buttons as best i can (using the hover event). it would be nice if the secondary nav stayed up long enough for me to navigate it though. any help would be much much appreciated. even a kick in the right direction. cheers, lewis
[jQuery] Re: bassistance: jQuery plugin: Autocomplete
Feature request for Autocomplete.
See how Gmail allows you to autocomplete on multiple choices in one
textbox. Each address separated by the comma or semi-colon. Otherwise,
this is a great plugin!
Glen
On 9/5/07, Glen Lipka [EMAIL PROTECTED] wrote:
This is so awesome. Seriously. Awe-some.
Has this been put into the plugin thinger. I want to give it 5 stars.
Glen
On 9/5/07, Jörn Zaefferer [EMAIL PROTECTED] wrote:
Marto schrieb:
I have been playing with this Autocomplete plug-in, what can I say,
fantastic. I have noticed one thing however, there seems to be a lot
of chatter recently (see the bottom of
http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/)
regarding the ability to add extra parameters to the extraParams
options, specifically when trying to pass the values of other
autocomplete fields.
I have tried some of the methods suggested by other posters, but to no
avail. Can anyone suggest a working method or work around to enable
this.
The latest revision should allow you to specify extra params as
callbacks. Eg.
$(...).autocomplete(url, {
extraParams: {
someValue: function() { return $(...).val() }
}
});
[jQuery] Re: bassistance: jQuery plugin: Autocomplete
Glen Lipka schrieb: Feature request for Autocomplete. See how Gmail allows you to autocomplete on multiple choices in one textbox. Each address separated by the comma or semi-colon. Otherwise, this is a great plugin! Give Multiple Cities and Multiple Birds a try: http://jquery.bassistance.de/autocomplete/ It isn't nearly as perfect as the GMail version, eg. you can't go back to the start and add more autcompleted items later, but adding comma-seperated (or something else) values works well. -- Jörn
[jQuery] Re: bassistance: jQuery plugin: Autocomplete
ugh, this is so awesome. Glen On 9/5/07, Jörn Zaefferer [EMAIL PROTECTED] wrote: Glen Lipka schrieb: Feature request for Autocomplete. See how Gmail allows you to autocomplete on multiple choices in one textbox. Each address separated by the comma or semi-colon. Otherwise, this is a great plugin! Give Multiple Cities and Multiple Birds a try: http://jquery.bassistance.de/autocomplete/ It isn't nearly as perfect as the GMail version, eg. you can't go back to the start and add more autcompleted items later, but adding comma-seperated (or something else) values works well. -- Jörn
[jQuery] Re: bassistance: jQuery plugin: Autocomplete
On Wednesday, September 05, 2007 1:09 PM Jörn Zaefferer said: http://jquery.bassistance.de/autocomplete/ I'm confused by this plugin. Is it meant to restrict the input to a predefined list of options ONLY or should it also allow new entries along with a predefined list (or both)? I'm just coming into this thread so hopefully this hasn't already been mentioned. I didn't see it in the Known Issues section on your site. Depending on the answer to my first question I think there is a big usability flaw in this. When typing an option that doesn't have a match the autocomplete list stays open and active. This shouldn't be the case. For example, on the demo page, typing Lo selects Lockbourne but typing Los doesn't dismiss the list. Lockbourne is still highlighted. If I press tab (to go to the next field in the form), Lockbourne is entered into the field. This is confusing and frustrating. It's very difficult to enter a value other than what is in the list. If this plugin is meant to restrict form input (in text fields) to a predefined list I would suggest that it be modified just a little. When someone starts typing something that is not in the list it would be great if the autocomplete box responded that it is aware of what's happening. The list should be replaced with a warning like: That is not a valid entry., That option is not available., Invalid option, Option unavailable etc. Regards, Chris.
[jQuery] Re: New plugin - Lazy Load
On Sep 3, 2007, at 3:06 PM, Dan Atkinson wrote:
Great work! This would be useful for any number of sites, including a
couple that I'm working on right now. I'd like to adapt it so that a
loading animation is in the placeholder until the image is requested,
instead of the box that is currently there.
http://www.appelsiini.net/projects/lazyload
You can define a placeholder image now. For example:
$(img).lazyload({ placeholder : img/grey.gif });
--
Mika Tuupola
http://www.appelsiini.net/
[jQuery] Re: bassistance: jQuery plugin: Autocomplete
Chris W. Parker schrieb: [...] If this plugin is meant to restrict form input (in text fields) to a predefined list I would suggest that it be modified just a little. When someone starts typing something that is not in the list it would be great if the autocomplete box responded that it is aware of what's happening. The list should be replaced with a warning like: That is not a valid entry., That option is not available., Invalid option, Option unavailable etc. Thanks Chris for the post. So far the plugin is meant to allow both. Though especially the restricting-mode is flawed and doesn't provide the necessary feedback. I also agree that Tab should dismiss the selectbox and work as usual otherwise. The plugin is still declared as alpha quality - your feedback is highly appreciated. About the warning: I think most users are used to the native autocomplete of their browser: If I enter something in Firefox and FF can't provide proposals after a few more characters, it simply hides the selectbox. That way it is obivous that there is nothing to propose. If the selection is restricted to available values, the dropdown would close, and if the users blurs the field, it would be reverted to the previous value (which may be none at all). -- Jörn
[jQuery] Re: New plugin - Lazy Load
Great work! This would be useful for any number of sites, including a couple that I'm working on right now. I'd like to adapt it so that a loading animation is in the placeholder until the image is requested, instead of the box that is currently there. http://www.appelsiini.net/projects/lazyload The Demo page does not work for me in FF2. I have to click on the images to get them to load... -Dan
[jQuery] Re: New plugin - Lazy Load
Just FYI, in IE7 none of the images ever loaded, no matter how far I
scrolled down. It wasn't until I clicked on each image that they loaded
correctly.
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Mika Tuupola
Sent: Wednesday, September 05, 2007 4:42 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: New plugin - Lazy Load
On Sep 3, 2007, at 3:06 PM, Dan Atkinson wrote:
Great work! This would be useful for any number of sites, including a
couple that I'm working on right now. I'd like to adapt it so that a
loading animation is in the placeholder until the image is requested,
instead of the box that is currently there.
http://www.appelsiini.net/projects/lazyload
You can define a placeholder image now. For example:
$(img).lazyload({ placeholder : img/grey.gif });
--
Mika Tuupola
http://www.appelsiini.net/
[jQuery] Re: bassistance: jQuery plugin: Autocomplete
On Wednesday, September 05, 2007 2:47 PM Jörn Zaefferer said: Thanks Chris for the post. So far the plugin is meant to allow both. Though especially the restricting-mode is flawed and doesn't provide the necessary feedback. I also agree that Tab should dismiss the selectbox and work as usual otherwise. The plugin is still declared as alpha quality - your feedback is highly appreciated. [snip] Great. I look forward to a stable release. Chris.
[jQuery] Re: Large clickable boxes
Klaus,
Why not simply:
$(function(){
$('li.deal').click(function(){
location.href = $('h2 a', this).attr('href');
});
});
Is it better to use .each()? Doesn't seem to be required. Same
with .bind('click') vs. .click()...?
Thanks for your insights,
Jason
On Sep 5, 12:40 pm, Klaus Hartl [EMAIL PROTECTED] wrote:
Klaus Hartl wrote:
$(function() {
$('li.deal').each(function() {
var $a = $('h2 a', this);
$(this).bind('click', function(e) {
if (e.target != $a[0]) {
location.href = $a.attr('href');
}
});
});
});
shorter, shorter...:
$(function() {
$('li.deal').each(function() {
var a = $('h2 a', this)[0];
$(this).bind('click', function(e) {
if (e.target != a) {
location.href = a.href;
}
});
});
});
(in this case we don't really need any normalization via attr('href'))
--Klaus
[jQuery] Re: New plugin - Lazy Load
Dan G. Switzer, II schrieb: Great work! This would be useful for any number of sites, including a couple that I'm working on right now. I'd like to adapt it so that a loading animation is in the placeholder until the image is requested, instead of the box that is currently there. http://www.appelsiini.net/projects/lazyload The Demo page does not work for me in FF2. I have to click on the images to get them to load... Same here! -- Jörn
[jQuery] Re: i think you can all see what i'm trying to do here - two-tier navigation with jquery...
thanks guys, i'll try implementing both of your ideas and get back to this thread once i have some resolve. for anyone that checked my url above - the files have been overwritten since i received these two responses, so i don't expect anyone to make much sense of what's there now. big up, lewis On Sep 5, 8:11 pm, Renaud [EMAIL PROTECTED] wrote: Just my two cents, but changing your html structure could solve a lot of problems, including this one. Imho, each one of you *_set_navigation ul should be children of your #primary navigation items, e.g: li id=home href=# alt=Home title=Homehome/a ul id=home_set_navigation class=hide lia id=home_latest href=latest alt=Latest news title=Latest newsour latest/a/li lia id=home_reviews href=music_reviews alt=Music reviews title=Music reviewsreviews/a/li lia id=home_listen href=listen alt=Listen now! title=Listen now!listen live!/a/li lia id=home_competitions href=competition alt=Competitions title=Competitionscompetitions/a/li lia id=home_get_involved href=get_involved alt=Get involved title=Get involvedget involved/a/li lia id=home_calendar href=calendar alt=Calendar title=Calendarcalendar/a/li /ul /li That way hovering over the secondary navigation for this item wont 'mouseout' the primary li. That will take some adaptation on the CSS but I think that's worth it. That way as well, clients that do not support css/javascript can still have a menu that has some meaning, instead of two separate menus. Regards, Renaud Drousies On 5 sep, 14:47, ldexterldesign [EMAIL PROTECTED] wrote: i think you can all see what i'm trying to do here:http://www.personal.leeds.ac.uk/~scs4ll/index.html i've coded up the 'home' and 'schedule' buttons as best i can (using the hover event). it would be nice if the secondary nav stayed up long enough for me to navigate it though. any help would be much much appreciated. even a kick in the right direction. cheers, lewis
[jQuery] Re: Making sure a radio button is checked
Thank you for all of your help to date Joel. I still can't get this darn
thing working. The snippet you sent me runs without errors, but does not
alert when a group has been missed.
I have this, but it only works when the first radio button is selected. Any
other advice?
function CheckSurvey (formData, jqForm, options){
//Check multiple choice questions
for (var i=1; i =7; i++) {
if ( !$(#p+i+q1).is(:checked) ) { alert ( Please answer
question #1 on page #+i ); return false; }
if ( !$(#p+i+q2).is(:checked) ) { alert ( Please answer
question #2 on page #+i ); return false; }
if ( !$(#p+i+q3).is(:checked) ) { alert ( Please answer
question #3 on page #+i ); return false; }
}
//Check essay questions
for (var i=0; i formData.length; i++) {
if (!formData[i].value) {
alert('Please answer both of the essay questions on page 8');
return false;- Hide quoted text -
}
}
}
On 9/5/07, Joel Birch [EMAIL PROTECTED] wrote:
On 9/6/07, Joel Birch [EMAIL PROTECTED] wrote:
function validate_form(){
var valid = true;
//loop through the radio sets
$('tr.radioSet').each(function(){
var theRadioSet = this;
//make sure at least one radio is checked
//do not use @ symbol if using jQuery 1.1.4, it's
deprecated
if ( $('input[type=radio]:checked',theRadioSet).length
!= -1 ){
valid = false;
alert ('The question with id
'+theRadioSet.id+' was not answered');
return false; //I *think* this halts further
'each' cycles
}
});
return valid;
}
Sorry, already found an error. This line:
if ( $('input[type=radio]:checked',theRadioSet).length != -1 ){
Should be:
if ( $('input[type=radio]:checked',theRadioSet).length == -1 ){
...it's very late...
Joel.
--
Shaun Kester
--
[EMAIL PROTECTED]
http://www.skfox.com
[jQuery] Re: blockUI IE6 checkbox
Do you have a sample page that shows the problem? That would be
helpful for me. Thanks.
Mike
On 9/5/07, seedy [EMAIL PROTECTED] wrote:
Setting the fade to false does not appear to be solving the issue for me.
malsup wrote:
seedy,
Try adding this to your page:
$.blockUI.defaults.fadeOut = false;
I think this is an issue with animation.
Mike
On 9/4/07, seedy [EMAIL PROTECTED] wrote:
Has anyone been able to reproduce this or am I just crazy ?
seedy wrote:
I have a few checkboxes that fire an ajax request, and use blockUI to
block an element during this request.
Problem is, the checkbox gets 'unchecked' whenever blockUI shows up.
Its reproducible with the following code (appears to not just affect
element blocking)
html
body
input type=checkboxcheck me /input
/body
script lang=javascript type=text/javascript
src=jquery-1.1.4.pack.js /script
script lang=javascript type=text/javascript
src=jquery.blockUI.js
/script
script
$(function(){
$('input:checkbox').click(function(){ alert('booga');
$.blockUI();
});
});
/script
/html
You will see the box get checked, then when the alert goes away, it
magically becomes unchecked. Any ideas?
--
View this message in context:
http://www.nabble.com/blockUI-IE6-checkbox-tf4361472s15494.html#a12478271
Sent from the JQuery mailing list archive at Nabble.com.
--
View this message in context:
http://www.nabble.com/blockUI-IE6-checkbox-tf4361472s15494.html#a12499248
Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Onclick dropdown menu
I'm looking to build a very simple drop-down menu, akin to what Google has with their more link in the top navigation menu. I looked at Superfish and jdMenu, but those are triggered on hover. Clickmenu looks good, except it doesn't seem to like having a link in the top- level menu item. Am I missing a possible setting in one or more of these options, or should I be looking at making changes to make them work the way I want them to? Or is there a better option I don't know about? Thanks, Owen
[jQuery] Re: Sortable List (interface plug-in) -Sort multiple identical list
Green List Red List ____ |__Item 1__||__Item 1__| ____ |__Item 2__||__Item 2__| So let's say these two list (green and red) are the same list. So if the user drags Item 1 from the green list below Item 2 in the green list, the changes would reflect upon the red list as well. Like below. This might seem strange, but I will have multiple tabs and within the tabs I will have the same list displayed multiple times, so if the user makes a change to a list that is referenced in another tab, I need that list to reflect the changes as well Green List Red List ____ |__Item 2__||__Item 2__| ____ |__Item 1__||__Item 1__|
