[jQuery] SITE: http://www.foodnetwork.com/

[Andy Matthews]

Don't know if this has already been posted or not, but it appears that
FoodTV giant FoodNetwork.com is using jQuery (1.1.4):

http://www.foodnetwork.com/

We're taking over people...we'll soon be reaching critical mass where
businesses will be LOOKING for people who know jQuery!

hip hip hooray.


andy

[jQuery] Re: PROBLEM: Adding hover to table rows on large tables

[fambizzari]

In the end, we've gone for pagination on the most commonly used
application and a warning on the least used application recommending
users to keep their lists short.

[jQuery] Re: JQModal size and position

[Eeby]

OK I'm a little tired but I think the problem was that I was trying to
use the class "jqmWindow" and jqModal "owns" that class, I guess?

Anyway, when I used a different class it worked as expected.

Thanks,

E



On Nov 6, 8:04 pm, Eeby <[EMAIL PROTECTED]> wrote:
> I would like to use the excellent JQModal library, but I'm having a
> hard time getting the dialog to show up where I want.
>
> In the CSS that comes with it, the dialog has this style:
>
> .jqmWindow
> display: none;
> position: fixed;
> top: 17%;
> margin-left: -300;
> width: 600px;
>
> I want something more like:
>
> position: absolute
> top: 50px;
> right: 200px;
> left: 200px;
> bottom: 20px;
>
> However, no matter what values I enter the dialog either ends up in
> the default position, or halfway off the screen. It does not seem to
> respond to the usual CSS positioning rules.
>
> I did some searching and found mention that the dialog is wrapped with
> a div of class "jqmWrap". I tried setting styles for that but it had
> no effect. I also used FireBug to look for it, but there was no
> div.jqmWrap in the DOM.
>
> Any help would be very appreciated.
>
> Thanks,
>
> E

[jQuery] JQModal size and position

[Eeby]

I would like to use the excellent JQModal library, but I'm having a
hard time getting the dialog to show up where I want.

In the CSS that comes with it, the dialog has this style:

.jqmWindow
display: none;
position: fixed;
top: 17%;
margin-left: -300;
width: 600px;

I want something more like:

position: absolute
top: 50px;
right: 200px;
left: 200px;
bottom: 20px;

However, no matter what values I enter the dialog either ends up in
the default position, or halfway off the screen. It does not seem to
respond to the usual CSS positioning rules.

I did some searching and found mention that the dialog is wrapped with
a div of class "jqmWrap". I tried setting styles for that but it had
no effect. I also used FireBug to look for it, but there was no
div.jqmWrap in the DOM.

Any help would be very appreciated.

Thanks,

E

[jQuery] using thickbox with jquery live

[[EMAIL PROTECTED]]

Is this possible. i have a drop down called #sealprofile that puts an
image into a div called #profilepreview
i have this image set up with class="thickbox"

i think i have to register a plugin or something with jquery live. how
do i go about doing that?

[jQuery] Choose Many date, but not a Rangedate [jQuery UI Datepicker v3.0 ]

[Jeff]

Hi everybody,

I have a great question about jQuery UI Datepicker v3.0.

For my Website, I want to select Many dates, but I don't want to use a
range of date.
So, How can choose several different dates

Example:
[code]
  
04/11/2007
20/11/2007
3/12/2007
  
[/code]

Thank you
~JeFF

[jQuery] Re: Scripts at the bottom of the page

[DaveG]

If you click on one of the links, while it's loading that page if your
mouse moves over the other one it will raise the Javascript warning...
I've seen this exact behavior with other tip libraries jQuery based, and 
others. I didn't fully track down the issue, but managed to minimize it 
by wrapping all 'inline' and attached javascript calls inside 
document.ready.


The presumption at the time was that some script loading tags took 
longer to process, and were doing so whilst the page was building, and 
events firing.



And if so, I guess the fix is to include jquery in the  (as soon
as possible) and the rest can still be in the footer...
In this case we loaded in the head, so if we have the same issue, that 
may not correct it.


Of course we may have the same symptoms, but entirely different issues.


 ~ ~ David

[jQuery] jQuery Site Detection Greasemonkey Script

[Rey Bango]

Hi everyone. The number of jQuery-powered sites being listed is 
incredible and the numbers just continue to grow.


One of the methods that I use to find sites is via Paul Bakaus' awesome 
jQuery Site Detection Greasemonkey Script. It's a small script that 
detects the jQuery object and displays a small icon in the lower-right 
corner of the browser if it finds a jQuery-powered site.


To install it, just follow these simple instructions:

This is a Greasemonkey user script.  To install it, you need
Greasemonkey 0.3 or later: http://greasemonkey.mozdev.org/

Restart Firefox and visit this script:
http://paul.jquery.com/jquerydetector.user.js

Under Tools, there will be a new menu item to "Install User Script". 
Accept the default configuration and install.


That's it!

I want to thank Paul for this wonderful script.

Rey...
jQuery Project Team

[jQuery] Re: SITE: http://www.foodnetwork.com/

[Felix Geisendörfer]

Hey,

We're taking over people...we'll soon be reaching critical mass where
businesses will be LOOKING for people who know jQuery!
Are you kidding me? This has long happened! I've seen a ton of job / gig 
advertisements asking for jQuery expertise in the past : ). But yeah, 
eventually people will be like Moo...jo...proto...what : )? (Dojo might 
be an exception actually, I can see reasons people would want to use dojo).


-- Felix
--
Blogger: http://www.thinkingphp.org/
Entrepreneur: http://www.posttask.com/ /-- currently in private beta, 
ask me for invite / password/

Freelancer: http://www.fg-webdesign.de/

AIM:theundefined87
Skype:  TimeFor23
Other IM:   felixge.de 
Mobile (USA):   +1 404 3888693
Mobile (GER):   +49 162 9391612
Twitter:http://twitter.com/felixge



Andy Matthews wrote:

Don't know if this has already been posted or not, but it appears that
FoodTV giant FoodNetwork.com is using jQuery (1.1.4):

http://www.foodnetwork.com/

We're taking over people...we'll soon be reaching critical mass where
businesses will be LOOKING for people who know jQuery!

hip hip hooray.


andy


  

[jQuery] Re: SITE: http://www.foodnetwork.com/

[Chris Jordan]

That's just got to give John and the rest of the jQuery core crew the
warm fuzzies, you know? It would if I were in their shoes! :o)

Chris

On Nov 6, 2007 7:28 PM, Andy Matthews <[EMAIL PROTECTED]> wrote:
>
> Don't know if this has already been posted or not, but it appears that
> FoodTV giant FoodNetwork.com is using jQuery (1.1.4):
>
> http://www.foodnetwork.com/
>
> We're taking over people...we'll soon be reaching critical mass where
> businesses will be LOOKING for people who know jQuery!
>
> hip hip hooray.
>
>
> andy
>
>



-- 
http://cjordan.us

[jQuery] Re: SITE: http://www.foodnetwork.com/

[Benjamin Sterling]

Thats actually really cool, my wife is on the site daily.

Not to go off topic, (or to trump your post Andy) but does anyone know the
name of the grease monkey script or firefox plugin for detecting jquery?

On 11/6/07, Andy Matthews <[EMAIL PROTECTED]> wrote:
>
>
> Don't know if this has already been posted or not, but it appears that
> FoodTV giant FoodNetwork.com is using jQuery (1.1.4):
>
> http://www.foodnetwork.com/
>
> We're taking over people...we'll soon be reaching critical mass where
> businesses will be LOOKING for people who know jQuery!
>
> hip hip hooray.
>
>
> andy
>
>


-- 
Benjamin Sterling
http://www.KenzoMedia.com
http://www.KenzoHosting.com
http://www.benjaminsterling.com

[jQuery] Superfish v1.3.1 - ie third level menu clipping display problem

[Jared]

Hello all,

I had a problem that was very similar (prol' the same as) this guys:

http://groups.google.com/group/jquery-en/browse_thread/thread/6112ba78fd2acc1

In other words, I do not see my third-level menu when using the
vertical.css and a few modifications. Mostly, I widened the width's to
18, reduced the padding, and used a bold verdana font at .9em.

Everything's cool in Firefox; work's great! Even fourth level is
beautiful. IE just doesn't show anything outside the "bounding" area
of the containing second-level UL element. Otherwise, it seems to be
passable up to two levels.

I looked a little further into it, and what's happening is the
bounding box of the second-level UL element is clipping the display of
the menu, which is right next to the edge of the second-level
containing UL element.

It acts as if overflow: hidden is set for the ul.nav li ul, although
adjusting this doesn't do anything in IE.

To test this (and I feel like prove it, since it seems clear, using
the test and lots of css debugging) I shortened the length of the LI
elements to something like 16.5em or something.

And sure enough, there it was! On the right side of the LI element
with the submenu, you could see 1.5em's of the "missing" menu. But
only what was inside that UL element bounding box!

If I widen the containing second-level UL, I get the third level, but
it's a flow panel, so the LI elements slide over for both the UL and
the containing third-level UL.

I want to try to get this to work right in IE.

Thanks!
Jared

[jQuery] Re: New Plugin jQuery.Rule

[Flesler]

Thanks for the comments, I released version 0.6.

The 'css' function works better, and it uses jQuery.prop.
The rules can be now manipulated using the methods: not, is, filter,
add, andSelf. Plus all they had before.

I found a workaround for the fact that rules, in IE, don't have the
attribute 'parentStyleSheet'.
Sadly another problem arised, IE seems to blow if you try to even
check an attribute of a rule, that is not inside a stylesheet.
This seems like a big problem, and avoiding it seems to require  BIG
hacks... if anyone can suggest something.. that would be awesome :)

Ariel Flesler


On 6 nov, 14:48, polyrhythmic <[EMAIL PROTECTED]> wrote:
> I can see some awesome uses for this.  I also really like the jQuery
> style.
>
> Cool!
>
> Charles
>
> On Nov 6, 5:37 am, Suni <[EMAIL PROTECTED]> wrote:
>
>
>
> > I think the idea is great!
>
> > The demo looks very promising, it's easy to see several ways this
> > could be (ab)used :)
>
> > Nice work, please keep us informed as it progresses!- Ocultar texto de la 
> > cita -
>
> - Mostrar texto de la cita -

[jQuery] Re: form submit on choosing select option

[Eric Martin]

On Nov 6, 2:41 pm, "Samuel Vogel" <[EMAIL PROTECTED]> wrote:
> Hey guys,
>
> It seems that I'm unable to make up the right search term for google to find
> what I'm looking for:
> The eays jQuery way to make my form get submitted as soon as the user
> chooses an element from my select box.
>
> Should be easy,shouldn't it?

Yes, it should, and is =)

What have you tried so far?

http://docs.jquery.com/Events
> http://docs.jquery.com/Events/change#fn
> http://docs.jquery.com/Events/submit#fn

example:
$(document).ready(function () {
// what you want to watch
$('select').change(function () {
var myform = $(this).parent();

// submit the form based on something?
if ($(this).val() == 1) {
myform.submit();
}
});
});

[jQuery] Re: and Scripting

[Evan]

That's it! Thank you very very very much.

I appreciate your time - thank you!

On Nov 6, 4:59 pm, Eric Martin <[EMAIL PROTECTED]> wrote:
> On Nov 6, 1:34 pm, Evan <[EMAIL PROTECTED]> wrote:
>
>
>
> > I want to run the JQuery script that is in the "value" attribute of my
> >  tags, when they are selected. I know to use onchange="" and
> > probably 'this', but how do I get the string in the value tag to run
> > as a function?
>
> > 
> > Associate > option>
> > Company > option>
> > 
>
> > I feel like this should be simple, but I haven't been able to figure
> > it out.
>
> > I would be very appreciative of any help anyone can give me.
>
> > Thank you very much!
>
> How about:
>
> $(document).ready(function () {
> $('select[name="Add Criteria"]').change(function () {
> if (this.value) {
> $('#'+this.value).removeClass('hidden');
> }
> });
>
> });
>
> and:
>
> 
> Associate
> Company
> 
>
> -Eric

[jQuery] Re: Use jQuery to initialise a variable from xml

[Eric Martin]

On Nov 6, 1:13 pm, Stu <[EMAIL PROTECTED]> wrote:
> OK, imagine I am a moron who has managed to get the following to work:
>
> A web page that displays one of 25 different pictures depending on the
> (manually declared) value of the variable 'picture'.
>
> Now, I am getting (or wish to get) the value from the  element
> in the following xml file (shown in all its glory):
>
> 
>
> 1
>
> Now I seem to be reading the xml file into the page scripts OK but
> cannot get the variable 'picture' to initialise with a value from
> . I am reading the file in as a DOM object using a
> readXMLData() function that is called in a body div of the file
> (function code is in the head).
>
>  I have tried :
>
> var picture = 'node.firstChild.data'
> var picture = xmlDoc.selectSingleNode("value").nodeValue
> var picture = xmlDoc.getElementsByTagName("value")
>
> and even
>
> var picture = '
>
> all instantiated from within the readXMLData() function and none of
> which worked.
>
> Can anyone help me? Please use baby steps and include such vital
> information as where in the file entries must be.
>
> Yours in desperation (I have wasted nearly 40 hours trying to get this
> to work!)

If the XML that you showed above it was you are using...it is the
cause of your issue. It is not formatted correctly (it is missing the
ending ? in the xml tag.

I was able to get the following to work:

var myxml = '1';
$(document).ready(function () {
var xmlobject = (new DOMParser()).parseFromString(myxml, "text/xml");
var node = xmlobject.getElementsByTagName('value')[0];
alert(node.firstChild.data);
});

HTH

-Eric

[jQuery] Re: jQuery Cycle Plugin: how to fade the first image also...

[Mike Alsup]

> I have discoverde the very best jQuery Cycle Plugin: i want to create
> a fading with a few image... alll work fine but it is possible to
> apply the fade effect at the first image also? Thank You Ciao!

Hi Andrea,

The Cycle Plugin does not currently support that behavior, but with
jQuery v1.2 and later you could probably do this to achieve that
effect:

$(document).ready(function() {
var slideTimeout = 4000; // 4 sec
$('#slideshow').cycle({
delay: slideTimeout,
timeout: slideTimeout
})
.find('img:eq(0)')
.hide()
.queue(function() {
var $this = $(this);
setTimeout(function() {
$this.dequeue();
}, slideTimeout);
})
.fadeIn('slow');
});


Mike

[jQuery] thickbox IE7 position

[MichaelEvangelista]

I am using a thickbox modal window to show an ajax routine on an ecommerce 
site.
Everything's working great, except in IE7 where the thickbox is aligning to 
the bottom of the page, rather than centering vertically.
(When the page is longer than the viewer's browser window,this results in 
part of the window being below the viewable area, with no way to scroll or 
otherwise get to the crucial select/cancel buttons that allow the user to 
continue from that point.)


Is this a common thickbox issue, and if so, is there a sure-fire fix?
Everything is fine in IE6 and in Firefox.
I've seen other posts with the same problem, but none of the suggested fixes 
are fixing my page.


If this isn't a stock 'the fix is abc' situation, I will post an example 
link
(for now I'd rather keep the site from the spiders until its a bit further 
along)


Any suggestions greatly appreciated.
I did spend some time googling about the issue, but found more questions 
than answers.


tia


--

--
Michael Evangelista, Evangelista Design
Web : www.mredesign.com
Newsgroups: news://forums.mredesign.com
Blog : www.miuaiga.com

[jQuery] Re: form submit on choosing select option

[Josh Nathanson]

This should do it:

$("#myselectid").change(function() {
document.formname.submit();
});

-- Josh


  - Original Message - 
  From: Samuel Vogel 
  To: jquery-en@googlegroups.com 
  Sent: Tuesday, November 06, 2007 2:41 PM
  Subject: [jQuery] form submit on choosing select option


  Hey guys,

  It seems that I'm unable to make up the right search term for google to find 
what I'm looking for:
  The eays jQuery way to make my form get submitted as soon as the user chooses 
an element from my select box. 

  Should be easy,shouldn't it?

  Regards,
  Samy

[jQuery] Re: remove() deletes events in jQuery 1.2.1. Why?

[Karl Rudd]

Hi Felix,

I presume you mean you upgraded from 1.1.3 to 1.2.1. The you're
correct about the change being an "anti-memory leak" fix.

You can do one of two things:

1. Use the native "removeChild()" method (
http://developer.mozilla.org/en/docs/DOM:element.removeChild ). This
won't delete the events and will return the "removed child" so you can
cache it for later.

2. Use the jQuery "appendTo()" method and append the elements to a hidden DIV.

Karl Rudd

On Nov 7, 2007 8:46 AM, Felix Geisendörfer <[EMAIL PROTECTED]> wrote:
>
>  Hey,
>
>  I recently upgraded my app from jQuery 1.3.1 to 1.2.1 and the transition
> was incredibly easy.
>
>  However, yesterday I noticed that $().remove() now seems to behave
> differently then it did in 1.3.1. Thats because now it deletes any events
> attached to the element removed. This happens to be a problem in my app b/c
> I remove unneeded elements from the DOM instead of hiding them and inject
> them back in later on. So when they are injected again, they suddenly don't
> "work" anymore : ).
>
>  Now I looked through the manual and it says this is going to be the
> expected behavior in 1.2.2:
>
>  http://docs.jquery.com/Manipulation/remove
>
>  Which confuses me b/c it already seems to be the case in 1.2.1 and I'm also
> wondering how I could remove DOM elements without deleting their events in
> future? I'm also curious about why this change is being made, is it some
> anti-memory leak thingy?
>
>  Thanks a lot,
>  -- Felix
>  --
>  Blogger: http://www.thinkingphp.org/
>  Entrepreneur: http://www.posttask.com/ -- currently in private beta, ask me
> for invite / password
>  Freelancer: http://www.fg-webdesign.de/
>
>
>  AIM: theundefined87
>  Skype: TimeFor23
>  Other IM: felixge.de
>  Mobile (USA): +1 404 3888693
>  Mobile (GER): +49 162 9391612
>  Twitter: http://twitter.com/felixge

[jQuery] Re: JSON + JQUERY Problem! Need help ASAP toJSONString not a function

[Penner, Matthew]

Hi Bryan,

Now that I look at the newer jQuery Ajax functions, I think you and I
may be doing this the hard way.  My how things change in just a month or
two.

I think you can just use the built-in function $.getJSON() and that
should do what you need.  

Let me know if it doesn't.  I'll look at trying this out in my project
(if I have time!).

Matt Penner

-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Bryank
Sent: Tuesday, November 06, 2007 6:01 AM
To: jQuery (English)
Subject: [jQuery] Re: JSON + JQUERY Problem! Need help ASAP toJSONString
not a function


Hi Matt,

Thanks for the response.

So when you say your solution was to use jQuery's JSON functions, do
you pull in another JSON file, use the existing one, or something
else. I would be awesome if you could list out the basic steps you
took to solve your problem...maybe even with 1 example.

I am not a JS guru by any stretch of the imagination, so I usually
have to follow by example.

Thanks,
Bryan

On Nov 5, 2:53 pm, "Penner, Matthew" <[EMAIL PROTECTED]> wrote:
> Hi Bryan,
>
> We had this problem as well.  The solution was to use jQuery's JSON
> functions $.toJSON() & .parseJSON() instead of those built into the
JSON
> library.
>
> Matt Penner
>
> -Original Message-
> From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED]
On
> Behalf Of Bryank
> Sent: Monday, November 05, 2007 8:39 AM
> To: jQuery (English)
> Subject: [jQuery] JSON + JQUERY Problem! Need help ASAP toJSONString
not
> a function
>
> Hi Everyone,
>
> First time poster on this group. We use JSON for various projects and
> one thing I am beginning to implement are some Jquery lightbox
> effects.
>
> Well, sure enough Jquery and JSON don't play nice in this regard. If I
> try one of the JSON No Augmenting JS files out on the web, that breaks
> the rest of our functionality that uses JSON.
>
> It typically barfs on a line that has  "something.toJSONString" and
> says it is not a function.
>
> here is a snippet of example code. On th eline with postBody, it
> breaks.
>
> if (onException == null)
> onException = onExceptionDefault;
> var ajax = new Ajax.Request(
> url,
>  {
>   method: 'post',
>   parameters: '',
>   postBody: "msg={ 'blahEvent' : " +
> encodeURIComponent(blahEvent.toJSONString()) + "}",< IT BARFS
> HERE!!!
>  // postBody: "msg={'blahEvent' : " + blahEvent.toJSONString() +
> "}",
>  onComplete: onComplete,
>  onFailure: onFailure,
>  onException: onException,
>  asynchronous: curAsync
> });
>
> Here is the FireBug output for the error: If you look closely on
> exceptionHappened, there are 2 undefined's.
>
> ===FIREBUG OUTPUT===
> _makeRequest(Object _type=ajaxGetEvents type=ajaxGetEvents,
> eventsReceived(r), false, exceptionHappened(requestor, ex,
> doRedirect), undefined, undefined)gapsession.js (line 781)
> getBlahEvents()gapsession.js (line 717)
> getEventLoop()gapsession.js (line 23)
> handlePageLoad()idle.action# (line 172)
> onload(load )
> =
>
> If I download one of the JSON plugins for Jquery as a solution, can
> you provide me an example of the code I just posted with the fix
> attached to it?
>
> Thanks,
> Bryan

[jQuery] form submit on choosing select option

[Samuel Vogel]

Hey guys,

It seems that I'm unable to make up the right search term for google to find
what I'm looking for:
The eays jQuery way to make my form get submitted as soon as the user
chooses an element from my select box.

Should be easy,shouldn't it?

Regards,
Samy

[jQuery] Re: hover &

[Eric Martin]

Sorry...It takes forever for my responses to show up, but I think I
responded to this with the wrong message.

[jQuery] Re: hover &

[Eric Martin]

On Nov 6, 2:07 pm, j05ef <[EMAIL PROTECTED]> wrote:
> helo,
>
> Here is the goal: A box containing a form (with a ) should
> only be visible as long as the mouse pointer is inside it. I used
> jQuery's hover function on the box but when the mouse pointer is moved
> over the select box's drop down menu to select an item, the box
> disappears because browsers don't set the relatedTarget property of
> the event, causing jQuery's hover function to signal a mouse out. I
> worked around this by checking if the event's relatedTarget is set but
> wonder if this isn't something that should be implemented by jQuery?
>
> Here's the demo, play with it by toggling the only comment.
>
>  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
> http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
> 
> Page Title
> 
> 
> 
> $(document).ready(function(){
> $('#foo_form').hover(function(e) { }, function(e) {
> //if(e.relatedTarget)
> $('#foo_form').hide()
> })
> })
> 
> 
> 
> show green box
> 
> The green box shall disappear when you move the mouse out 
> of
> (it’s) bounds!
> 
> Select
> Try to select me A
> Try to select me B
> Try to select me C
> 
> Now go ahead and try to select something from the dropdown 
> using
> your mouse!
> 
> 
> 

How about:

$(document).ready(function () {
$('select[name="Add Criteria"]').change(function () {
if (this.value) {
$('#'+this.value).removeClass('hidden');
}
});
});

and:

Associate
Company


-Eric

[jQuery] Re: and Scripting

[Eric Martin]

On Nov 6, 1:34 pm, Evan <[EMAIL PROTECTED]> wrote:
> I want to run the JQuery script that is in the "value" attribute of my
>  tags, when they are selected. I know to use onchange="" and
> probably 'this', but how do I get the string in the value tag to run
> as a function?
>
> 
> Associate option>
> Company option>
> 
>
> I feel like this should be simple, but I haven't been able to figure
> it out.
>
> I would be very appreciative of any help anyone can give me.
>
> Thank you very much!

How about:

$(document).ready(function () {
$('select[name="Add Criteria"]').change(function () {
if (this.value) {
$('#'+this.value).removeClass('hidden');
}
});
});

and:


Associate
Company


-Eric

[jQuery] Re: PROBLEM: Adding hover to table rows on large tables

[Josh Nathanson]

Why not try paging on scroll, similar to Google Reader? I think there
was a plugin for just that a while ago.


I'm just not a big fan of that technique from a usability standpoint. 
Regular non-techie people are not used to unexpected things happening when 
they scroll.


If someone wants to load 10,000 rows into their browser at once (and 
apparently they do), that's their business.  As long as the server is 
unaffected then it's ok by me.


-- Josh 

[jQuery] Use jQuery to initialise a variable from xml

[Stu]

OK, imagine I am a moron who has managed to get the following to work:

A web page that displays one of 25 different pictures depending on the
(manually declared) value of the variable 'picture'.

Now, I am getting (or wish to get) the value from the  element
in the following xml file (shown in all its glory):



1

Now I seem to be reading the xml file into the page scripts OK but
cannot get the variable 'picture' to initialise with a value from
. I am reading the file in as a DOM object using a
readXMLData() function that is called in a body div of the file
(function code is in the head).

 I have tried :

var picture = 'node.firstChild.data'
var picture = xmlDoc.selectSingleNode("value").nodeValue
var picture = xmlDoc.getElementsByTagName("value")

and even

var picture = '

all instantiated from within the readXMLData() function and none of
which worked.

Can anyone help me? Please use baby steps and include such vital
information as where in the file entries must be.

Yours in desperation (I have wasted nearly 40 hours trying to get this
to work!)

[jQuery] and Scripting

[Evan]

I want to run the JQuery script that is in the "value" attribute of my
 tags, when they are selected. I know to use onchange="" and
probably 'this', but how do I get the string in the value tag to run
as a function?


Associate
Company


I feel like this should be simple, but I haven't been able to figure
it out.

I would be very appreciative of any help anyone can give me.

Thank you very much!

[jQuery] jQuery Cycle Plugin: how to fade the first image also...

[Andrea - Aosta]

I have discoverde the very best jQuery Cycle Plugin: i want to create
a fading with a few image... alll work fine but it is possible to
apply the fade effect at the first image also? Thank You Ciao!

[jQuery] hover &

[j05ef]

helo,

Here is the goal: A box containing a form (with a ) should
only be visible as long as the mouse pointer is inside it. I used
jQuery's hover function on the box but when the mouse pointer is moved
over the select box's drop down menu to select an item, the box
disappears because browsers don't set the relatedTarget property of
the event, causing jQuery's hover function to signal a mouse out. I
worked around this by checking if the event's relatedTarget is set but
wonder if this isn't something that should be implemented by jQuery?

Here's the demo, play with it by toggling the only comment.


http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">

Page Title



$(document).ready(function(){
$('#foo_form').hover(function(e) { }, function(e) {
//if(e.relatedTarget)
$('#foo_form').hide()
})
})



show green box

The green box shall disappear when you move the mouse out of
(it’s) bounds!

Select
Try to select me A
Try to select me B
Try to select me C

Now go ahead and try to select something from the dropdown 
using
your mouse!

[jQuery] bind('load') on an element doesn't return the image properly

[[EMAIL PROTECTED]]

I'm not sure if this is actually the problem or not, but it's the
result. I am trying to build on Luke Lutman's preloading images
snippet (http://www.mail-archive.com/[EMAIL PROTECTED]/
msg14399.html). Here's what I'm doing ( -- it's wrapped in $
(window).bind('load') -- ) :

var toPreload = new Array();
// toPreload gets dynamically populated with a bunch of string values
for image sources.
// essentially no different than this:
toPreload = ["image1-on.gif", "image2-on.gif", "image3-on.gif"]

$('').bind('load', function(e) {
 if(toPreload[1]) {
  this.src = toPreload.shift();
  console.log("loaded: "+e.target.nodeType);
 }
}).trigger('load');


Now what that SHOULD (and does) do is preload all of the images. Once
each load event completes, it will fire the 'trigger' call and load
the next img src until the toPreload array is empty. Very nifty little
cycle (thank you Luke..). Here's where the problem is:

The output in firebug from the console.log() statement looks like
this:
---
loaded: 1
loaded: 9
loaded: 9
---
So that means that the first time 'load' is called, the
eventObject.target is properly pointing to the  element that I've
created to load into. BUT, every time after that, the
eventObject.target is pointing to the document.

WHY??

The reason this matters to me (the images still load properly) is that
I am trying to build in error detection so that if one of the images
in the toPreload array doesn't actually exist and can't be loaded,
that image will be skipped, and the cycle will continue to load the
rest of the images. As it stands, Luke's snippet breaks if any of the
images cannot be found.

I've chained a call to .error() after the .trigger() - which fires as
soon as one of the images can't load. I haven't fully decided how I
want to go about handling this, but having the proper reference to
event.target inside the load handler would be a good start I think.
Any thoughts?

Thanks a lot!

Carter

[jQuery] Tablesorter and numbers formatted with commas

[rsmolkin]

Hi All,

Does anyone know how to get the Tablesorter to properly sort numbers
some of which have a comma separating the thousands.

What I mean is I have a range of numbers anywhere from 0 to 10,000,
and I want 958 to be above 1,104 but by default it's not.

Any suggestions appreciaged.

Thanks,
-Roman

[jQuery] Re: PROBLEM: Adding hover to table rows on large tables

[Jake McGraw]

Why not try paging on scroll, similar to Google Reader? I think there
was a plugin for just that a while ago.

- jake

On Nov 6, 2007 5:01 PM, Josh Nathanson <[EMAIL PROTECTED]> wrote:
>
>
> I had to do just that (add mouse events directly to the html elements) in a
> similar situation.  Binding via jQuery was too slow when it got up to 1000
> or so bindings.  I was getting the "long running script" errors.  A
> necessary evil in that scenario I'm afraid.
>
> In my case users can select how much data they want to view.  Sometimes
> people like loading tons of data onto a page, as they prefer scrolling to
> paging.
>
> -- Josh
>
>
>
>
> - Original Message -
>
> From: Karl Swedberg
> To: jquery-en@googlegroups.com
>
>
> Sent: Tuesday, November 06, 2007 1:55 PM
> Subject: [jQuery] Re: PROBLEM: Adding hover to table rows on large tables
>
> You could add onmouseover and onmouseout directly to the s. It's ugly
> (don't tell anyone I suggested it), but it might avoid the overhead.
>
>
>
>
>
> --Karl
> _
> Karl Swedberg
> www.englishrules.com
> www.learningjquery.com
>
>
>
>
>
> On Nov 6, 2007, at 3:43 PM, fambizzari wrote:
>
>
>
>
> You guys are all right, but so many rows on one page are necessary
> here.
>
>
> I'll try to figure out an acceptable work-around.
>
>
> Thanks
>
>
>
>
>
>
> On Nov 6, 8:38 pm, "Andy Matthews" <[EMAIL PROTECTED]> wrote:
>
> I'd have to agree. I can't see any practical reason why you'd need to
> display that much data on one page. Aside from the download, and rendering
> time, the performance of the browser with that much data in memory would be
> horrible. Scrolling, copying, etc. would all be severely affected.
>
>
> andy
>
>
> -Original Message-
> From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
>
>
> Behalf Of Jeffrey Kretz
> Sent: Tuesday, November 06, 2007 9:21 AM
> To: jquery-en@googlegroups.com
> Subject: [jQuery] Re: PROBLEM: Adding hover to table rows on large tables
>
>
> Personally, I would recommend looking at a paging solution, rather than
> trying to deal with so many rows on a single HTML page.
>
>
> I tested a simple 10,000 row table with very little data in it clocked in at
> a 2mb download, requiring 4 seconds to download and render as a local file
> on FireFox (i.e. no network traffic, loading the .htm file out of my local
> file system).
>
>
> And the more DOM elements of the page the harder it is to manipulate with
> any kind of scripting.
>
>
> If paging your results doesn't work for you, then the tr:hover CSS-only
> solution would really be the best way to go.
>
>
> JK
> -Original Message-
> From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
> Behalf Of fambizzari
> Sent: Tuesday, November 06, 2007 2:29 AM
> To: jQuery (English)
> Subject: [jQuery] Re: PROBLEM: Adding hover to table rows on large tables
>
>
> The solution i adopted was CSS (tr:hover) for non-IE6 and only allow small
> tables to have hover-over using a class name to identify them.
>
>
> Any better solutions?
>
>
> On Nov 6, 10:45 am, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]> wrote:
>
> The following code works fine on small tables:
>
>
>
> $("table tbody
>
>
> tr").mouseover(function(){$(this).addClass("over");}).mouseout(function(){$(
> this).removeClass("over");});
>
>
>
> But on tables with 5,000-10,000 rows, it throws the "A script on this
> page may be busy, or it may have stopped responding. You can stop the
> script now, open the script in the debugger, or let the script continue."
>
>
>
> Can anyone suggest a workaround?
>
>
>
> Thanks
>
>
>

[jQuery] Re: PROBLEM: Adding hover to table rows on large tables

[Josh Nathanson]

I had to do just that (add mouse events directly to the html elements) in a 
similar situation.  Binding via jQuery was too slow when it got up to 1000 or 
so bindings.  I was getting the "long running script" errors.  A necessary evil 
in that scenario I'm afraid.

In my case users can select how much data they want to view.  Sometimes people 
like loading tons of data onto a page, as they prefer scrolling to paging.

-- Josh




- Original Message - 
  From: Karl Swedberg 
  To: jquery-en@googlegroups.com 
  Sent: Tuesday, November 06, 2007 1:55 PM
  Subject: [jQuery] Re: PROBLEM: Adding hover to table rows on large tables


  You could add onmouseover and onmouseout directly to the s. It's ugly 
(don't tell anyone I suggested it), but it might avoid the overhead.




  --Karl
  _
  Karl Swedberg
  www.englishrules.com
  www.learningjquery.com






  On Nov 6, 2007, at 3:43 PM, fambizzari wrote:




You guys are all right, but so many rows on one page are necessary
here.


I'll try to figure out an acceptable work-around.


Thanks






On Nov 6, 8:38 pm, "Andy Matthews" <[EMAIL PROTECTED]> wrote:
  I'd have to agree. I can't see any practical reason why you'd need to
  display that much data on one page. Aside from the download, and rendering
  time, the performance of the browser with that much data in memory would 
be
  horrible. Scrolling, copying, etc. would all be severely affected.


  andy


  -Original Message-
  From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On


  Behalf Of Jeffrey Kretz
  Sent: Tuesday, November 06, 2007 9:21 AM
  To: jquery-en@googlegroups.com
  Subject: [jQuery] Re: PROBLEM: Adding hover to table rows on large tables


  Personally, I would recommend looking at a paging solution, rather than
  trying to deal with so many rows on a single HTML page.


  I tested a simple 10,000 row table with very little data in it clocked in 
at
  a 2mb download, requiring 4 seconds to download and render as a local file
  on FireFox (i.e. no network traffic, loading the .htm file out of my local
  file system).


  And the more DOM elements of the page the harder it is to manipulate with
  any kind of scripting.


  If paging your results doesn't work for you, then the tr:hover CSS-only
  solution would really be the best way to go.


  JK
  -Original Message-
  From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
  Behalf Of fambizzari
  Sent: Tuesday, November 06, 2007 2:29 AM
  To: jQuery (English)
  Subject: [jQuery] Re: PROBLEM: Adding hover to table rows on large tables


  The solution i adopted was CSS (tr:hover) for non-IE6 and only allow small
  tables to have hover-over using a class name to identify them.


  Any better solutions?


  On Nov 6, 10:45 am, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]> wrote:
The following code works fine on small tables:


$("table tbody


  
tr").mouseover(function(){$(this).addClass("over");}).mouseout(function(){$(
  this).removeClass("over");});


But on tables with 5,000-10,000 rows, it throws the "A script on this
page may be busy, or it may have stopped responding. You can stop the
script now, open the script in the debugger, or let the script 
continue."


Can anyone suggest a workaround?


Thanks

[jQuery] Re: PROBLEM: Adding hover to table rows on large tables

[Karl Swedberg]

You could add onmouseover and onmouseout directly to the s. It's  
ugly (don't tell anyone I suggested it), but it might avoid the  
overhead.



--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com



On Nov 6, 2007, at 3:43 PM, fambizzari wrote:



You guys are all right, but so many rows on one page are necessary
here.

I'll try to figure out an acceptable work-around.

Thanks



On Nov 6, 8:38 pm, "Andy Matthews" <[EMAIL PROTECTED]> wrote:

I'd have to agree. I can't see any practical reason why you'd need to
display that much data on one page. Aside from the download, and  
rendering
time, the performance of the browser with that much data in memory  
would be

horrible. Scrolling, copying, etc. would all be severely affected.

andy

-Original Message-
From: jquery-en@googlegroups.com [mailto:jquery- 
[EMAIL PROTECTED] On


Behalf Of Jeffrey Kretz
Sent: Tuesday, November 06, 2007 9:21 AM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: PROBLEM: Adding hover to table rows on large  
tables


Personally, I would recommend looking at a paging solution, rather  
than

trying to deal with so many rows on a single HTML page.

I tested a simple 10,000 row table with very little data in it  
clocked in at
a 2mb download, requiring 4 seconds to download and render as a  
local file
on FireFox (i.e. no network traffic, loading the .htm file out of  
my local

file system).

And the more DOM elements of the page the harder it is to  
manipulate with

any kind of scripting.

If paging your results doesn't work for you, then the tr:hover CSS- 
only

solution would really be the best way to go.

JK
-Original Message-
From: jquery-en@googlegroups.com [mailto:jquery- 
[EMAIL PROTECTED] On

Behalf Of fambizzari
Sent: Tuesday, November 06, 2007 2:29 AM
To: jQuery (English)
Subject: [jQuery] Re: PROBLEM: Adding hover to table rows on large  
tables


The solution i adopted was CSS (tr:hover) for non-IE6 and only  
allow small

tables to have hover-over using a class name to identify them.

Any better solutions?

On Nov 6, 10:45 am, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]>  
wrote:

The following code works fine on small tables:



$("table tbody


tr").mouseover(function(){$(this).addClass("over");}).mouseout 
(function(){$(

this).removeClass("over");});

But on tables with 5,000-10,000 rows, it throws the "A script on  
this
page may be busy, or it may have stopped responding. You can stop  
the
script now, open the script in the debugger, or let the script  
continue."



Can anyone suggest a workaround?



Thanks

[jQuery] remove() deletes events in jQuery 1.2.1. Why?

[Felix Geisendörfer]

Hey,

I recently upgraded my app from jQuery 1.3.1 to 1.2.1 and the transition 
was incredibly easy.


However, yesterday I noticed that $().remove() now seems to behave 
differently then it did in 1.3.1. Thats because now it deletes any 
events attached to the element removed. This happens to be a problem in 
my app b/c I remove unneeded elements from the DOM instead of hiding 
them and inject them back in later on. So when they are injected again, 
they suddenly don't "work" anymore : ).


Now I looked through the manual and it says this is going to be the 
expected behavior in 1.2.2:


http://docs.jquery.com/Manipulation/remove

Which confuses me b/c it already seems to be the case in 1.2.1 and I'm 
also wondering how I could remove DOM elements without deleting their 
events in future? I'm also curious about why this change is being made, 
is it some anti-memory leak thingy?


Thanks a lot,
-- Felix
--
Blogger: http://www.thinkingphp.org/
Entrepreneur: http://www.posttask.com/ /-- currently in private beta, 
ask me for invite / password/

Freelancer: http://www.fg-webdesign.de/

AIM:theundefined87
Skype:  TimeFor23
Other IM:   felixge.de 
Mobile (USA):   +1 404 3888693
Mobile (GER):   +49 162 9391612
Twitter:http://twitter.com/felixge

[jQuery] tabs plugin, using remote option and onShow callback

[stef]

on index.php im using the jquery tabs plugin with the remote option.
the pages that are loaded when the tabs are clicked consist of an html
form and a php script that calls a db to populate those form fields -
all working fine

now, some of the form fields should be tinyMCE textareas. before i
started using the remote option in the tabs plugin, it worked fine.
tinyMCE is loaded with a standard tinyMCE.init function.

i can use the onShow callback of the forms plugin to show an
alert("hey") message when the content of that tab is shown, but when i
replace the alert with the tinyMCE.init function, it still doesnt get
applied to the textareas.

im guessing this is cause there is no "link" with the main tinymce.js
file where the init function points to. could anyone tell me where im
going wrong? surely i dont need to reload the whole tinymce.js file
every time tabbed content is shown?

thanks,
stef

[jQuery] Re: Text finder in html

[Andy Matthews]

I wrote something exactly like this for a project. It's not 100% complete,
but you're welcome to it. Maybe it'll help?

// define the table
var $table = $('#leadsTable tbody tr .leadName');

// the on keyDown event handler
$('#filter').keyup(function(){
// get the current value of the text field
var string = $(this).val().toUpperCase();
// loop over each item in $table
$table.each(function(){
// set a string equal to the contents of the cell
var contents = $('a',this).html().toUpperCase();
// check the string against that cell
if ( !contents.match('^' + string) ){
// if what the user typed in doesn't match the cell
then hide that TR.
$(this).parent('tr').attr('class','hiddenTR');
} else {
// if it does match, unhide it
$(this).parent('tr').removeAttr('class','hiddenTR');
}
});
});

// here my HTML



Customer Name




Customer Name




-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of syg6
Sent: Tuesday, November 06, 2007 9:02 AM
To: jQuery (English)
Subject: [jQuery] Text finder in html


I am trying to create a javascript-based text finder using jQuery. I have a
table like this:


 
  
   data 1
  
 
 
  
   data 2
  
 
 
  
   data 3
  
 


And I would like to be able to search for a text in any of the s and
highlight it. I tried something like this:

function find()
{
 text = jQuery("#findText").val();
 columns = jQuery("table#dataTable td");

 for (i=0; i
a.test { font-weight: bold; }


When I run the script it does nothing. Not sure why. I've debugged it.
jQuery(columns[i]) is an [Object] that has all the normal jQuery functions
-- addClass(), append(), etc. but when I call any of them nothing happens.

Can someone tell me what I am doing wrong?

Thanks!
Bob

[jQuery] Re: PROBLEM: Adding hover to table rows on large tables

[fambizzari]

You guys are all right, but so many rows on one page are necessary
here.

I'll try to figure out an acceptable work-around.

Thanks



On Nov 6, 8:38 pm, "Andy Matthews" <[EMAIL PROTECTED]> wrote:
> I'd have to agree. I can't see any practical reason why you'd need to
> display that much data on one page. Aside from the download, and rendering
> time, the performance of the browser with that much data in memory would be
> horrible. Scrolling, copying, etc. would all be severely affected.
>
> andy
>
> -Original Message-
> From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
>
> Behalf Of Jeffrey Kretz
> Sent: Tuesday, November 06, 2007 9:21 AM
> To: jquery-en@googlegroups.com
> Subject: [jQuery] Re: PROBLEM: Adding hover to table rows on large tables
>
> Personally, I would recommend looking at a paging solution, rather than
> trying to deal with so many rows on a single HTML page.
>
> I tested a simple 10,000 row table with very little data in it clocked in at
> a 2mb download, requiring 4 seconds to download and render as a local file
> on FireFox (i.e. no network traffic, loading the .htm file out of my local
> file system).
>
> And the more DOM elements of the page the harder it is to manipulate with
> any kind of scripting.
>
> If paging your results doesn't work for you, then the tr:hover CSS-only
> solution would really be the best way to go.
>
> JK
> -Original Message-
> From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
> Behalf Of fambizzari
> Sent: Tuesday, November 06, 2007 2:29 AM
> To: jQuery (English)
> Subject: [jQuery] Re: PROBLEM: Adding hover to table rows on large tables
>
> The solution i adopted was CSS (tr:hover) for non-IE6 and only allow small
> tables to have hover-over using a class name to identify them.
>
> Any better solutions?
>
> On Nov 6, 10:45 am, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]> wrote:
> > The following code works fine on small tables:
>
> > $("table tbody
>
> tr").mouseover(function(){$(this).addClass("over");}).mouseout(function(){$(
> this).removeClass("over");});
>
> > But on tables with 5,000-10,000 rows, it throws the "A script on this
> > page may be busy, or it may have stopped responding. You can stop the
> > script now, open the script in the debugger, or let the script continue."
>
> > Can anyone suggest a workaround?
>
> > Thanks

[jQuery] Re: How to select by id where the id contains a dot?

[Karl Swedberg]

Hi Derek,

The answer is in the FAQ:
http://docs.jquery.com/ 
Frequently_Asked_Questions#How_do_I_select_an_element_that_has_weird_cha 
racters_in_its_ID.3F


Here is an example:

 // Does not work
 $("#some.id")

 // Works!
 $("#some\\.id")



--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com



On Nov 6, 2007, at 10:11 AM, Derek Alexander wrote:



Unless I'm mistaken, JQuery (1.2.1) doesn't appear to be able to  
select by id where the id contains a dot.


e.g.



...

// the following does nothing
$("#error.password").append('Required field');



Is this correct, is there any workaround?

Cheers,
D.

[jQuery] Re: How to select by id where the id contains a dot?

[Richard D. Worth]

Since the dot (.) has a special meaning in your css selector, you need to
escape it, like so:

$("#error\\.password")

For more info, see:

http://docs.jquery.com/Frequently_Asked_Questions#How_do_I_select_an_element_that_has_weird_characters_in_its_ID.3F

- Richard

On Nov 6, 2007 10:11 AM, Derek Alexander <[EMAIL PROTECTED]> wrote:

>
> Unless I'm mistaken, JQuery (1.2.1) doesn't appear to be able to select by
> id where the id contains a dot.
>
> e.g.
>
> 
>
> ...
>
> // the following does nothing
> $("#error.password").append('Required field');
>
>
>
> Is this correct, is there any workaround?
>
> Cheers,
> D.
>

[jQuery] jquery leaks in ie

[[EMAIL PROTECTED]]

I'm using jquery and jdmenu on my website (www.bursaport.ro) and
recently I have discovered that it has massive leaks on internet
explorer.

The leaks that I'm having problems with are a serious issue since
internet explorer crashes when opening certain pages from the website.

I tried to set the references to the objects that don't get cleaned by
garbage collection to null but it didn't help at all.

Is there something I'm doing wrong or is this a jquery bug ?

I'm willing to pay for support if this problem is caused by the way
that my scripts were coded and not by jquery itself.

Thank you for your time

[jQuery] jQuery.ajax POST is getting a 411 error.

[[EMAIL PROTECTED]]

We're using Rails + jQuery for our xmlHTTPRequests, served up on
nginx.

When making a jQuery.ajax type:'POST', the reponse is:  HTTP/1.1 411
Length Required

Doing some curls, I was able to send a post successfully the server by
setting 'Content-Length: 0' as an additional header on the request.  I
don't see an obvious way to set additional headers using jQuery.ajax,
though.  Has anybody else run into this issue before?

[jQuery] Re: Can jquery do this?

[Eric Martin]

On Nov 6, 11:01 am, marlyred <[EMAIL PROTECTED]> wrote:
> This contact form looks really cool and I would love to use something like it
> on one of my 
> websites.http://www.scriptdojo.com/mycontactstation-secure-contact-form/
>
> Has anyone come up with something like this using jquery?
>
> I have been on a quest to find a secure ajax contact form and have found a
> few examples on the internet using other js libraries (mootools etc) but
> have yet to find one powered by jquery.  Have I been looking in the wrong
> places?
> --
> View this message in 
> context:http://www.nabble.com/Can-jquery-do-this--tf4760290s27240.html#a13613559
> Sent from the jQuery General Discussion mailing list archive at Nabble.com.

As a demo for SimpleModal, I created an Ajax contact form. The demo
and download can be found at:
http://www.ericmmartin.com/simplemodal/

The download includes all of the files (html, javascript, css, images
and php)

[jQuery] Re: Execution of Javascript code in Ajax response in IE and Safari (http://dev.jquery.com/ticket/1598)

[cjiang]

Thanks for the reply.
Changsu

On Nov 6, 9:49 am, polyrhythmic <[EMAIL PROTECTED]> wrote:
> You can see from the ticket that John re-fixed it in SVN only 3 weeks
> ago, so it's not in 1.2.1 but will be in the next minor release.
>
> Charles
>
> On Nov 5, 5:20 pm, cjiang <[EMAIL PROTECTED]> wrote:
>
>
>
> > This is filed as Ticket #1598, and supposedly it is fixed in release
> > 1.2.1 version. But I still couldn't get it work with 1.2.1. until I
> > patched the JQuery with the patch submitted for Ticket 
> > #1698.http://dev.jquery.com/ticket/1698. Does anyone know if this bug has
> > been fixed or not in release 1.2.1?- Hide quoted text -
>
> - Show quoted text -

[jQuery] "Page loading" overlay

[owen]

I have a couple of pages in a web app which are really huge (the
markup runs to almost 20,000 lines)--which is fine, in the context of
those pages. I'd like to add an overlay that will block interactions
until the while page is loaded.  Previously, I've done this with a
document.write("") inside the page body, with
an onload function that hides the overlay. I was hoping there was a
smarter way to do it with jquery. Is there a way to fire off a
function when the body /starts/ to load?

  -- Owen

[jQuery] Re: Select > Option (find class of option)

[benjam]

Please tell us what you did to get it working.

And this goes for all other people asking questions and then figuring
out a solution on your own...

There may be other people with a similar problem who see your question
and think there will be a solution to their problem at the end of the
thread, but all they get is "I fixed it, never mind."

If you figure out a solution to your own problem, please post that
solution here, so we can all benefit from your genius.

Thanks


On Nov 5, 4:29 pm, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]> wrote:
> Oh got it, nevermind.
>
> On Nov 6, 9:06 am, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]> wrote:
>
> > Cheers for that!
> > It doesn't work though.  I should point out that the divs with the IDs
> > are elsewhere in the document, not near the select - but that
> > shouldn't matter should it?
> > Is there some way I can debug it to print out the ID so I can make
> > sure it's doing what I want it to do?
>
> > On Nov 5, 7:23 pm, Wizzud <[EMAIL PROTECTED]> wrote:
>
> > > This is all you need inside the change() function...
>
> > > $('#' + $('option:selected', this).attr('class')).show();
>
> > > On Nov 5, 1:38 am, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]> wrote:
>
> > > > $(document).ready(function() {
> > > >   $('div.hidden').hide();
> > > >   $('#node-58 > select.state').change(function () {
> > > >   $(this).find("option:selected");  // I think this line needs
> > > > a function to wrap the next bit of code?
> > > >   var equiv = $('#' + this.className);
> > > >   if(equiv.length){
> > > > equiv.show();
> > > >   }
> > > >   });
>
> > > > });
>
> > > > Explanation: I have a bunch of divs with class 'hidden' that
> > > > automatically have to hide. Those divs also have IDs each
> > > > corresponding to a CLASS on an  tag within a  box.
> > > > The idea is that when you choose an option with class ".foo" it will
> > > > show the div with ID "#foo".
>
> > > > So far my .hidden divs get hidden, but they never get activated by the
> > > > select box.

[jQuery] Re: Jquery Sortable plugin and Flash content problem

[jamietssg]

Bump!

On Nov 5, 3:51 pm, jamietssg <[EMAIL PROTECTED]> wrote:
> I've uploaded an example, try drag the box containing the flash game
> in IE
>
> http://weeatbricks.com/test/sortable_flash.html
>
> Thanks
>
> Jamie
>
> On Nov 5, 2:10 pm, jamietssg <[EMAIL PROTECTED]> wrote:
>
>
>
> > Hello,
>
> > I am using the jquery and te sortable plugin. The sortable items are
> > dics that contain object and embed tags to a flash file.
>
> > In FF when I drag the divs around the flash movie appears smooth and
> > as you would expect.
>
> > However in IE 6 and IE7 when I drag the div around the flash movie
> > will disappears,and reappear. It will be replaced by the white
> > rectangle that seems to get stuck and leave a trail and lingers for a
> > split second. When I stop sorting/draggin the div.
>
> > Any ideas with this one?
>
> > Thanks a million!
>
> > Ja
>
> mie

[jQuery] Jquery 1.2 and Interface Plugin

[jive]

Bummer. There are bugs and issues with Interface using jquery 1.2 .
Are there any alternatives or bug fixes for this? It does't seem like
the Interface dev team are very active in its development. I checked
out the UI components, but it is far from what interface can do..

[jQuery] Re: Scoping selector to parent window

[cjiang]

Hi,

What you can do is like the following:

$("#i-agree").click(function(){
window.opener.$("#accept-terms").attr("checked","checked");
window.close();
});


regards,
Changsu

On Nov 6, 5:23 am, Robert O'Rourke <[EMAIL PROTECTED]> wrote:
> Hi everyone,
> I've got a quick question, say I open a new window and in that
> window i have a button which will close the new window and also check a
> box in the original window, can this be done with jquery or is it easier
> to use the regular DOM method?
>
> I have this:
>
> $("#i-agree").click(function(){
> $("#accept-terms",window.parent.document).attr("checked","checked");
> window.close();
>
> });
>
> Should I just do:
>
> window.parent.document.getElementById('accept-terms').value = 1;
> window.close();
>
> ? The jquery window scoping deosn't seem to be working.
>
> Cheers,
> Rob

[jQuery] How to select by id where the id contains a dot?

[Derek Alexander]

Unless I'm mistaken, JQuery (1.2.1) doesn't appear to be able to select by id 
where the id contains a dot.

e.g.



...

// the following does nothing
$("#error.password").append('Required field');



Is this correct, is there any workaround?

Cheers,
D.

[jQuery] Problem with jQuery and Typo3

[phm]

Hi,

i am new, so please be nice :D
Ok i have following problem:
I am trying to implement jquery into an existing typo3 site. jquery.js
is up and running (vers. 1.2.1)
www.op-de-eck.de
my script looks like

$(document).ready(function() {
  $('#servicenav a').click(function(){
var linknum = parseInt($(this).attr('href') ,10);
$.get('index.php', {'id':linknum}, function(data){
$('#contentwrapper').empty();
$(data).filter('#contentwrapper');
$('#contentwrapper').append($(data));
});
return false;
});
});

so what i am trying to do is:
- attach click to the servicenav links
- when clicked to corresponding id from index.php is loaded
- the data should be processed so only the content of the
"contentwrapper" div is displayed
- then the data is loaded to the contentwrapper of the actual site

the problem seems to be the filter... i just doesn't work no matter if
i type data oder $(this) or whatever...
find doesn't work either...but if i remove the line with filter, it
works perfect, only that the whole page is loaded into the
contentwrapper not just the content.so it looks ugly :D

thanks for your time!

[jQuery] Jquery Sortables Issue regarding parentNode's

[Bryank]

Hi Everyone,

So I am modifying the Sortables example found here:
http://interface.eyecon.ro/demos/sort.html

Basically, where the expand/collapse links exist, I am wrapping some
new html around them for better positioning, etc...

When doing this, it breaks the toggle function. I believe it has to do
with this line:

var targetContent = $('div.itemContent', this.parentNode.parentNode);

What exactly is the 2nd argument for in this case, after
div.itemContent?

I made a fix by adding a 3rd parentNode, but I don't want my HTML
completely dependent on the 2nd argument.

Because the expand/collapse links exist inside div.itemHeader, can't I
just target that main div instead of the multiple parentNode option?

Something like this I hope would work, but it doesn't.
var targetContent = $('div.itemContent', $('div.itemHeader'));

Or is it possible to use $(this) div.itemHeader or something?

Thanks,
Bryan

[jQuery] Safari Problem

[phaenotyp]

Hi there,
I'm encountering Problems with a jquery-script on Safari/Mac. It just
won't start, even though it starts in all other browsers.


1  $(document).ready(function(){
2
3  var ps = ($("p.inv"));
4  var i = 0;
5  (function fading(){
6  $(ps[i]).fadeIn(3000, function(){ $(ps[i]).fadeOut(4500, function()
{ if( i<2 ){i++; fading();}});});
7  })();
8 });


It works with jquery 1.2.1. Any ideas anyone?
I tried to open the effects on jquery.com with that browser, and had
also several problems

kind regards
phaenotyp

[jQuery] AJAX/PHP master wanted, for a new template

[Muziko]

Hi,

I'm looking for a dev with advanced knowledge in AJAX/PHP/MySQL

My project is to create a template for Joomla! (1.0 and 1.5) with 
advanced features ; a bit like http://demo.eyeos.org/

The job should start at the beginning of december.

If you're interested, please use this form : 
http://fsw.fr/index.php?option=com_contact&task=view&contact_id=1&Itemid=13 
to contact me.

[jQuery] Re: Problems with Accordion seems to be with jQuere itself

[Mark Lacas]

It works in FF the first time.  Did you close it and try it a second
time?
That's when it breaks for me.
ml


On Nov 5, 5:05 am, "Dan G. Switzer, II" <[EMAIL PROTECTED]>
wrote:
> Mark,
>
>
>
> >I have been doing some  dynamic things with accordion and have found
> >some areas that don't work.  After some rather extensive debugging it
> >appears
> >that the problem lies in jQuery.
>
> >I'm doing some very dynamics things with the content that lives in the
> >accordion.  The problems I've found seem to stem from accordion
> >getting out of sync with the changes that are made to the data after
> >accordion is called and setup.  I haven't unraveled why the problems
> >are happening yet but it appears that jQuery is cacheing hide/show
> >values.
>
> >I have provided a sample page that demonstrates one of the problems I
> >have found with accordion and my tecniques.
>
> >Example of broken accordion:
>
> >Works 1st time and then broken until refresh of page.
> >http://dataprism.net/dpui/test2.html
>
> >Click on "Open Inspector" to open the inspector pane and use the
> >accordion, it works great.
>
> >Click on "Close Inspector" to close the inspector pane.
>
> >Now click on "Open Inspector" and the accordion is broken.  Page
> >refresh fixes it.
>
> >When I open the inspector I dynamically build the html that will be
> >accordioned and call accordion.
>
> I tested the page in both FF and IE6 and it worked, however in IE6 it does
> take like 5 seconds for it to open a 2nd time.
>
> I think the problem may lie in the load() method. I'd remove the AJAX call
> and see how the code works without the AJAX call. Just open/close the dummy
> container.
>
> However, like I said the code worked fine in FF and there was just a long
> lag in IE6.
>
> -Dan

[jQuery] Re: using load() to retrieve multiple values

[cjiang]

Hi,

You could try the JQuery Taconite Plugin. 
http://www.malsup.com/jquery/taconite/#overview

Regards,
Changsu

On Nov 4, 9:32 am, stef <[EMAIL PROTECTED]> wrote:
> using the code below, im trying to populate the textfield and the
> textarea with data stored in my db.
>
> HTML PAGE:
> 
>  script>
>