Re: [jQuery] Including a file based on Form Select

[Alex Ezell]

Thanks Ben!

I am working on implementing this now. I will post again, once I have
it. Perhaps my blunders can help you to know what not to do :)

/alex

On 2/17/07, Benjamin Sterling <[EMAIL PROTECTED]> wrote:
> Alex,
> I would do something like:
>
> var optionstoform = {
> roadtrip : 'roadtripform.htm',
> vanpool : 'vanpoolform.htm'
> };
>
> and on the select menu put a vanpool, roadtrip as the value of the options
> and bind a change event to it, which i think you have already, and do a
> $.load or $.ajax call that looks something like.
>
> $.ajax example
>
> $.ajax({
> dataType: 'html',
> url: optionstoform.roadtrip,
> success:function(){
> // events to add the new form element to old
> }
> });
>
> This is all just off the top of my head, but this is the approach I am
> taking on a current project that needs to pull in an number of different
> elements at a time.
>
> Hope this points you in the right direction.
>
> --
> Benjamin Sterling
> http://www.KenzoMedia.com
> http://www.KenzoHosting.com
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
>
>

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] jqModal: closeClass and href?

[Aaron Heimlich]

On 2/19/07, fatjoez <[EMAIL PROTECTED]> wrote:


how do I delay this action for about 2 seconds?



function jQModalClose() {
   $(".jqmClose").click();
}

setTimeout(jQModalClose, 2000);

--
Aaron Heimlich
Web Developer
[EMAIL PROTECTED]
http://aheimlich.freepgs.com
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] jqModal: closeClass and href?

[fatjoez]

brilliant. seems to work fine.

Only problem is, how do I delay this action for about 2 seconds? ie. I don't
want it to occur immediately, but after a 2 second delay rather


Kristinn Sigmundsson wrote:
> 
> You could do a $(".jqmClose").click(), only thing I could come up with
> without having spend much time with jqModal
> 
> //Kristinn
> 
> On 2/19/07, fatjoez <[EMAIL PROTECTED]> wrote:
>>
>> Hi there.
>>
>> I've actually had a "similar" problem today. I'm creating a login box
>> overlay with jqModal & on successfull login I wanted to close the login
>> box
>> & remove the gray overlay background.
>>
>> My problem was that in the documentation for JqModal all I could find for
>> closing jq windows was the   style link which you click to close. But no
>> actual function you could call within the ready functions to do it.
>>
>> Looked through the jqModal file and found jqmClose as you mentioned.
>>
>> I ran: $('#ex1a').jqmClose();
>>
>> where my div is:  
>>
>> Problem is, when I run that function, the jqm window closes, but the
>> background overlay remains. So theres still a grey bg overlay ontop of
>> the
>> page.
>>
>> Contacted author but no reply as of yet! Hopefully someone can clarify
>>
>> --
>> View this message in context:
>> http://www.nabble.com/jqModal%3A-closeClass-and-href--tf3245957.html#a9036649
>> Sent from the JQuery mailing list archive at Nabble.com.
>>
>>
>> ___
>> jQuery mailing list
>> discuss@jquery.com
>> http://jquery.com/discuss/
>>
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/jqModal%3A-closeClass-and-href--tf3245957.html#a9037794
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] How would I change this?

[Joan Piedra]

If the div.time is inside the title you could try > in your object.

.click(function() {
 $(this).find('> div.time').next().slideToggle();
});



On 2/18/07, Rick Faircloth <[EMAIL PROTECTED]> wrote:


Oops!  Sorry! (Getting a little sleepy!)

Here's the code I'm using:

$(document).ready(function() {

$('.calendar').find('div.info').hide().end().find('div.title').click(function()
{
 $('div.time').next().slideToggle();
 });
});



-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of 
Sent: Sunday, February 18, 2007 9:48 PM
To: jQuery Discussion.
Subject: Re: [jQuery] How would I change this?

Rick,
You posted no html or jquery code!

in general the clickable tag has to know which details it is supposed to
show.

you can find it in several ways,
1) a similar, and derivable id control-one would show detail-one
2) proximity, where you can just show the next div or a class.
3) consistent class names ,class="one" would show the divs with
class="one"
4) linking an 

What do you need?

On 2/18/07, Rick Faircloth <[EMAIL PROTECTED]> wrote:
>
>
>
> How would I change this code so that only the
>
> details immediately after the line that is clicked
>
> toggles, instead of the details after every line?
>
> i.e….
>
> Line one has:
>
> Event   DateTime
>
> Line two (which is hidden until the event is clicked) has:
>
> Details
>
> Once the Event is clicked the Details slide smoothly open.
>
> But right now, the details for every event are opening.
>
> Rick
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
>
>


--
Ⓙⓐⓚⓔ - יעקב   ʝǡǩȩ   ᎫᎪᏦᎬ
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/



___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/





--
Joan Piedra || Frontend webdeveloper
http://joanpiedra.com/
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] jqModal: closeClass and href?

[Kristinn Sigmundsson]

You could do a $(".jqmClose").click(), only thing I could come up with
without having spend much time with jqModal

//Kristinn

On 2/19/07, fatjoez <[EMAIL PROTECTED]> wrote:
>
> Hi there.
>
> I've actually had a "similar" problem today. I'm creating a login box
> overlay with jqModal & on successfull login I wanted to close the login box
> & remove the gray overlay background.
>
> My problem was that in the documentation for JqModal all I could find for
> closing jq windows was the   style link which you click to close. But no
> actual function you could call within the ready functions to do it.
>
> Looked through the jqModal file and found jqmClose as you mentioned.
>
> I ran: $('#ex1a').jqmClose();
>
> where my div is:  
>
> Problem is, when I run that function, the jqm window closes, but the
> background overlay remains. So theres still a grey bg overlay ontop of the
> page.
>
> Contacted author but no reply as of yet! Hopefully someone can clarify
>
> --
> View this message in context: 
> http://www.nabble.com/jqModal%3A-closeClass-and-href--tf3245957.html#a9036649
> Sent from the JQuery mailing list archive at Nabble.com.
>
>
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
>

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] jqModal: closeClass and href?

[fatjoez]

Hi there.

I've actually had a "similar" problem today. I'm creating a login box
overlay with jqModal & on successfull login I wanted to close the login box
& remove the gray overlay background.

My problem was that in the documentation for JqModal all I could find for
closing jq windows was the   style link which you click to close. But no
actual function you could call within the ready functions to do it.

Looked through the jqModal file and found jqmClose as you mentioned.

I ran: $('#ex1a').jqmClose();

where my div is:  

Problem is, when I run that function, the jqm window closes, but the
background overlay remains. So theres still a grey bg overlay ontop of the
page.

Contacted author but no reply as of yet! Hopefully someone can clarify

-- 
View this message in context: 
http://www.nabble.com/jqModal%3A-closeClass-and-href--tf3245957.html#a9036649
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] How would I change this?

[Rick Faircloth]

Oops!  Sorry! (Getting a little sleepy!)

Here's the code I'm using:

$(document).ready(function() {

$('.calendar').find('div.info').hide().end().find('div.title').click(function() 
{
 $('div.time').next().slideToggle();
 });
});



-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of 
Sent: Sunday, February 18, 2007 9:48 PM
To: jQuery Discussion.
Subject: Re: [jQuery] How would I change this?

Rick,
You posted no html or jquery code!

in general the clickable tag has to know which details it is supposed to show.

you can find it in several ways,
1) a similar, and derivable id control-one would show detail-one
2) proximity, where you can just show the next div or a class.
3) consistent class names ,class="one" would show the divs with class="one"
4) linking an 

What do you need?

On 2/18/07, Rick Faircloth <[EMAIL PROTECTED]> wrote:
>
>
>
> How would I change this code so that only the
>
> details immediately after the line that is clicked
>
> toggles, instead of the details after every line?
>
> i.e….
>
> Line one has:
>
> Event   DateTime
>
> Line two (which is hidden until the event is clicked) has:
>
> Details
>
> Once the Event is clicked the Details slide smoothly open.
>
> But right now, the details for every event are opening.
>
> Rick
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
>
>


-- 
Ⓙⓐⓚⓔ - יעקב   ʝǡǩȩ   ᎫᎪᏦᎬ
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/



___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] How would I change this?

[Ⓙⓐⓚⓔ]

Rick,
You posted no html or jquery code!

in general the clickable tag has to know which details it is supposed to show.

you can find it in several ways,
1) a similar, and derivable id control-one would show detail-one
2) proximity, where you can just show the next div or a class.
3) consistent class names ,class="one" would show the divs with class="one"
4) linking an 

What do you need?

On 2/18/07, Rick Faircloth <[EMAIL PROTECTED]> wrote:
>
>
>
> How would I change this code so that only the
>
> details immediately after the line that is clicked
>
> toggles, instead of the details after every line?
>
> i.e….
>
> Line one has:
>
> Event   DateTime
>
> Line two (which is hidden until the event is clicked) has:
>
> Details
>
> Once the Event is clicked the Details slide smoothly open.
>
> But right now, the details for every event are opening.
>
> Rick
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
>
>


-- 
Ⓙⓐⓚⓔ - יעקב   ʝǡǩȩ   ᎫᎪᏦᎬ
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] How would I change this?

[Rick Faircloth]

How would I change this code so that only the
details immediately after the line that is clicked
toggles, instead of the details after every line?

i.e..

Line one has:

Event   DateTime

Line two (which is hidden until the event is clicked) has:

Details

Once the Event is clicked the Details slide smoothly open.
But right now, the details for every event are opening.

Rick
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] automatic presentation

[Olaf Bosch]

Hi all,
i would develop a Plugin for slides presentation. The slides self works
fine. Now i have try a PAUSE/PLAY/NEXT/BACK funktion insert, now my problems
began.

See you a way to go to do this?
Here are the DEMO:

http://olaf-bosch.de/bugs/jquery/presenter/

All Code is in HTML, comments also.

Other problems are the Navi, the second replace of the Link Play/Pause
works not.
And i try the default Timeout overwrite with a part of the ID from the
DIV, no idea to do this from my :(


-- 
Viele Grüße, Olaf

---
[EMAIL PROTECTED]
http://olaf-bosch.de
www.akitafreund.de
---

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] jQuick Tag Creator 1.1 released

[Rey Bango]

Very nice! Thanks for the explanation. I'll redownload the code.

Rey

Francesco Sullo wrote:
> Suppose you want to add content to the"myDiv" div, you could write:
> 
> $('#myDiv').append(
> $.DIV({'class':'big'},
> $.SPAN({id:'one','class':'ps'},
> 'Hello Joe', $.I({},'!')
> )
> )
> );
> 
> PS. I changed the 1.1 version some minutes ago in order to optimize it. 
> Instead of use jQuick.attr function I preferred to extend jQuery with 
> the method jQuickAttr.
> 
> 
> 
> Rey Bango ha scritto:
>> Francesco,
>>
>> This is a really nice plugin. Excellent work. I missed your original 
>> announcements so I had a quick question.
>>
>> If I wanted to inject a DIV into a specific section of my page (perhaps 
>> another DIV) using this code from your site:
>>
>> $.DIV({'class':'big'},
>>$.SPAN({id:'one','class':'ps'},
>>  'Hello Joe', $.I({},'!')
>>)
>> );
>>
>> how would I go about doing it?
>>
>> Rey
>>
>> Francesco Sullo wrote:
>>   
>>> Hi all.
>>> Today I improved jQuick.
>>>
>>> The new version 1.1 supports events if passed as attributes, even with IE.
>>> For example, instead of
>>>
>>> $.FORM({},
>>>   $.LABEL({'for':'one'},"Digit "),
>>>   $.INPUT({id:'one'}).click(setValues)
>>> ).submit(function(){return false;});
>>>
>>> you could write:
>>>
>>> $.FORM({onsubmit:'return false;'},
>>>   $.LABEL({'for':'one'},"Digit "),
>>>   $.INPUT({id:'one',onclick:'setValues()'})
>>> );
>>>
>>> It is more compact and easier to understand.
>>>
>>> For info and download: http://jquick.sullof.com
>>>
>>>
>>>
>>> 
>>>
>>> ___
>>> jQuery mailing list
>>> discuss@jquery.com
>>> http://jquery.com/discuss/
>>>
>>>
>>>
>>> 
>>>
>>> ___
>>> jQuery mailing list
>>> discuss@jquery.com
>>> http://jquery.com/discuss/
>>> 
>>
>> ___
>> jQuery mailing list
>> discuss@jquery.com
>> http://jquery.com/discuss/
>>
>>
>>   
> 
> 
> 
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] jQuick Tag Creator 1.1 released

[Benjamin Sterling]

Good stuff francesco.

On 2/18/07, Francesco Sullo <[EMAIL PROTECTED]> wrote:


 Suppose you want to add content to the"myDiv" div, you could write:

$('#myDiv').append(
$.DIV({'class':'big'},
 $.SPAN({id:'one','class':'ps'},
 'Hello Joe', $.I({},'!')
 )
)
);

PS. I changed the 1.1 version some minutes ago in order to optimize it.
Instead of use jQuick.attr function I preferred to extend jQuery with the
method jQuickAttr.



Rey Bango ha scritto:

Francesco,

This is a really nice plugin. Excellent work. I missed your original
announcements so I had a quick question.

If I wanted to inject a DIV into a specific section of my page (perhaps
another DIV) using this code from your site:

$.DIV({'class':'big'},
   $.SPAN({id:'one','class':'ps'},
 'Hello Joe', $.I({},'!')
   )
);

how would I go about doing it?

Rey

Francesco Sullo wrote:

 Hi all.
Today I improved jQuick.

The new version 1.1 supports events if passed as attributes, even with IE.
For example, instead of

$.FORM({},
  $.LABEL({'for':'one'},"Digit "),
  $.INPUT({id:'one'}).click(setValues)
).submit(function(){return false;});

you could write:

$.FORM({onsubmit:'return false;'},
  $.LABEL({'for':'one'},"Digit "),
  $.INPUT({id:'one',onclick:'setValues()'})
);

It is more compact and easier to understand.

For info and download: http://jquick.sullof.com





___
jQuery mailing list
[EMAIL PROTECTED]://jquery.com/discuss/





___
jQuery mailing list
[EMAIL PROTECTED]://jquery.com/discuss/

 ___
jQuery mailing list
[EMAIL PROTECTED]://jquery.com/discuss/




___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/





--
Benjamin Sterling
http://www.KenzoMedia.com
http://www.KenzoHosting.com
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] jQuick Tag Creator 1.1 released

[Rey Bango]

Francesco,

This is a really nice plugin. Excellent work. I missed your original 
announcements so I had a quick question.

If I wanted to inject a DIV into a specific section of my page (perhaps 
another DIV) using this code from your site:

$.DIV({'class':'big'},
   $.SPAN({id:'one','class':'ps'},
 'Hello Joe', $.I({},'!')
   )
);

how would I go about doing it?

Rey

Francesco Sullo wrote:
> Hi all.
> Today I improved jQuick.
> 
> The new version 1.1 supports events if passed as attributes, even with IE.
> For example, instead of
> 
> $.FORM({},
>   $.LABEL({'for':'one'},"Digit "),
>   $.INPUT({id:'one'}).click(setValues)
> ).submit(function(){return false;});
> 
> you could write:
> 
> $.FORM({onsubmit:'return false;'},
>   $.LABEL({'for':'one'},"Digit "),
>   $.INPUT({id:'one',onclick:'setValues()'})
> );
> 
> It is more compact and easier to understand.
> 
> For info and download: http://jquick.sullof.com
> 
> 
> 
> 
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 
> 
> 
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Display hidden elements in print layout

[[EMAIL PROTECTED]]

How about a print link on the page? Or a "prepare for print" where you
display them again?

//kristinn

On Feb 18, 10:59 pm, Klaus Hartl <[EMAIL PROTECTED]> wrote:
> Brandon Aaron schrieb:
>
> > What is happening is that .hide() and even .fadeOut() set an inline
> > style to display: none;. Inline styles overwrite styles found in the
> > style sheet.
>
> Using !important in a print style sheet will overrule inline styles in
> modern browsers (not in IE of course).
>
> -- Klaus
>
> ___
> jQuery mailing list
> [EMAIL PROTECTED]://jquery.com/discuss/


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] jQuick Tag Creator 1.1 released

[Francesco Sullo]

Suppose you want to add content to the"myDiv" div, you could write:

$('#myDiv').append(
   $.DIV({'class':'big'},
   $.SPAN({id:'one','class':'ps'},
   'Hello Joe', $.I({},'!')
   )
   )
);

PS. I changed the 1.1 version some minutes ago in order to optimize it. 
Instead of use jQuick.attr function I preferred to extend jQuery with 
the method jQuickAttr.




Rey Bango ha scritto:

Francesco,

This is a really nice plugin. Excellent work. I missed your original 
announcements so I had a quick question.


If I wanted to inject a DIV into a specific section of my page (perhaps 
another DIV) using this code from your site:


$.DIV({'class':'big'},
   $.SPAN({id:'one','class':'ps'},
 'Hello Joe', $.I({},'!')
   )
);

how would I go about doing it?

Rey

Francesco Sullo wrote:
  

Hi all.
Today I improved jQuick.

The new version 1.1 supports events if passed as attributes, even with IE.
For example, instead of

$.FORM({},
  $.LABEL({'for':'one'},"Digit "),
  $.INPUT({id:'one'}).click(setValues)
).submit(function(){return false;});

you could write:

$.FORM({onsubmit:'return false;'},
  $.LABEL({'for':'one'},"Digit "),
  $.INPUT({id:'one',onclick:'setValues()'})
);

It is more compact and easier to understand.

For info and download: http://jquick.sullof.com





___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/





___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/



___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


  


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] jqUploader development: conception question

[Alexandre Plennevaux]

hello,
 
i'm (still) working on my plugin that is meant to replace a given file input 
field by a richer flash upload dialog.
 
you can view it here: HYPERLINK 
"http://www.pixeline.be/test/jquery/jqUploader/index.html"http://www.pixeline.be/test/jquery/jqUploader/index.html
 
 
what has changed:
 
- you can set the script to either redirect to another page when upload is 
finished, or to create a text input field with the uploaded filename, for easy 
insertion in a database for example.
 
 
The reason why  i can't get myself to release this as a proper jquery plugin, 
is that it fails to be completely unobtrusive.
 
Indeed,  if it would, it should use the form "action" attribute value as upload 
script, whereas for the moment it uses a specific script for upload via flash. 
But i can't seem to find a proper way to make this.
 
I would like to hear what you guys think about this: what would be the proper 
way to make this unobtrusive ?
 
 
Thanks,
 
Alexandre
 

Alexandre Plennevaux - LAb[au] asbl.vzw / MediaRuimte
Lakensestraat/Rue de Laeken 104
B-1000 Brussel-Bruxelles-Brussels
Belgie-Belgique-Belgium

Tel:+32(0)2.219.65.55
Fax:+32(0)2.426.69.86
Mobile:+32(0)476.23.21.42
HYPERLINK "blocked::http://www.lab-au.com/"http://www.lab-au.com
HYPERLINK "blocked::http://www.mediaruimte.be/"http://www.mediaruimte.be

HYPERLINK 
"blocked::http://www.mediaruimte.be/"__

The information in this e-mail is intended only for the addressee named above.  
If you are not that addressee, please note that any disclosure, distribution or 
copying of this e-mail is prohibited.
Because e-mail can be electronically altered, the integrity of this 
communication cannot be guaranteed.

__

 

-- 
Ce message Envoi est certifié sans virus connu.
Analyse effectuée par AVG.
Version: 7.5.441 / Base de données virus: 268.18.1/691 - Date: 17/02/2007 17:06
 
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] jQuick Tag Creator 1.1 released

[Francesco Sullo]

Hi all.
Today I improved jQuick.

The new version 1.1 supports events if passed as attributes, even with IE.
For example, instead of

$.FORM({},
 $.LABEL({'for':'one'},"Digit "),
 $.INPUT({id:'one'}).click(setValues)
).submit(function(){return false;});

you could write:

$.FORM({onsubmit:'return false;'},
 $.LABEL({'for':'one'},"Digit "),
 $.INPUT({id:'one',onclick:'setValues()'})
);

It is more compact and easier to understand.

For info and download: http://jquick.sullof.com


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] How to use cookies?..

[Klaus Hartl]

Mikael Noone schrieb:
> Hi there,
> 
> I used the interface plugin to make a window be draggable,
> now i found a good cookie plugin:
> http://www.stilbuero.de/2006/09/17/cookie-plugin-for-jquery/ 
> 
> 
> How do i use them to make it remember the position?...
> Ive tried alot of examples of ordinary javascript + cookie
> but i cant get it to work with the plugin.
> 
> I appriciate all help (sorry for bad english, im german)..
> 
> Thanx. Nisse.

If you have the position stored in a variable as a string like for example

var pos = 'x=112,y=330';

you can easily save this in and read it from the cookie like this:

var POS_COOKIE = 'window_position';

// get latest position
var pos = $.cookie(POS_COOKIE);

// save position, cookie expires after one year
var pos = ...;
$.cookie(POS_COOKIE, pos, {expires: 365});

For computing the window position the dimensions plugin is probably 
useful. Or maybe there's something build into Interface already.


-- Klaus


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Display hidden elements in print layout

[Klaus Hartl]

Brandon Aaron schrieb:
> What is happening is that .hide() and even .fadeOut() set an inline
> style to display: none;. Inline styles overwrite styles found in the
> style sheet.

Using !important in a print style sheet will overrule inline styles in 
modern browsers (not in IE of course).


-- Klaus

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Id of a textarea element

[Klaus Hartl]

Peter Bengtsson schrieb:
>>From the Firebug console...
 document.getElementById('id_descriptions.sv');
>  name="descriptions.sv:latin1:utext:record">
 $('#id_descriptions.sv');
> []
 $('#id_descriptions.sv').size();
> 0
> 
> The XHTML validates so I don't see what's wrong with the ID value.

You may use a period in an id still being valid XHTML, but in this case 
you cannot use the id as a (CSS) selector, because the period is a class 
selector.

The selector in your case would select an element like the following:




-- Klaus

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] div slider

[schnuck]

hi guys,

i am trying to do the following:

imagine you have a jquery powered slider as in here (look at the top
horizontal slider please):

http://interface.eyecon.ro/demos/slider.html

how can it be accomplished that when moving the slider in a horizontal
direction (right or left), in a another div (iframe?) a certain content
could be scrolled (back and forth). see it as a small navigation strip that
scrolls the content of a bigger, wider div. and each "sliding step" (let's
say 10 step in total) would scroll the div content to the next #html anchor.
so moving the slider nav would slide the content of the content div from one
anchor to the next. hope this makes sense.

any ideas, inspiration or similar.

any help very appreciated.

cheers,

s
-- 
View this message in context: 
http://www.nabble.com/div-slider-tf3248611.html#a9030506
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Id of a textarea element

[Klaus Hartl]

Klaus Hartl schrieb:
> Peter Bengtsson schrieb:
>> >From the Firebug console...
> document.getElementById('id_descriptions.sv');
>> > name="descriptions.sv:latin1:utext:record">
> $('#id_descriptions.sv');
>> []
> $('#id_descriptions.sv').size();
>> 0
>>
>> The XHTML validates so I don't see what's wrong with the ID value.
> 
> You may use a period in an id still being valid XHTML, but in this case 
> you cannot use the id as a (CSS) selector, because the period is a class 
> selector.
> 
> The selector in your case would select an element like the following:
> 
> 

You could try this selector instead:

$('[EMAIL PROTECTED]"id_descriptions.sv"]')


-- Klaus



___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Figure out which img in a div was clicked?

[Glen Lipka]

Little more followup...
The reason to use "each" is so you can do:
var theParticularButton = $(this).attr("someAttrbuteOfTheButton");

That would allow you to open up a div with the screenshots and close the one
with the reviews in the same area.
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Figure out which img in a div was clicked?

[Glen Lipka]

Mirroring back the desired effect:
1. Start with all DIVS hidden.
2. Click a button, and that *related* DIV opens and all other open DIVs
close.

You might want to use the "each" function for this.  Untested code:
$("div.anirec_buttons img").each(function(i){
 $(".anirec_more").slideUp("slow"); //move them all back up
 $(this).siblings("div.anirec_more").slideDown(); //goes relative to the
one that was clicked and gets the brother div.

});

I see someone has posted to this message, so Ill stop.  Im so slow. :)
GMail is funny that way.  It pops up a little message saying, "Someone
already answered the question slow poke."  Hope this helps anyway.

Glen
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Why do these two behave like this?

[Matt Stith]

well, i dont have an answer to your problem, but you could just use
$(this).next().slideToggle();
as long as you have a recent version of jQuery.

On 2/18/07, Rick Faircloth <[EMAIL PROTECTED]> wrote:


 Hi, all…

I'm experimenting with how to make a "Details Slidedown"

for a calendar.  In the examples below, I work with

dl's, dd's, and dt's.  Provides smooth show/hide.

If I try to use two different classes of table rows,

they jerk open and closed.  See the examples…

I'm new to jQuery and to JS in general, so be gentle.  :o)

Question:  Why would this code slide smoothly…

$(document).ready(function() {

$('.details2').find('dd').hide().end().find('dt').click(function()
{

 var answer = $(this).next();

 if (answer.is(':visible')) {

 answer.slideUp();

 } else {

 answer.slideDown();

 }

 });

});

…and this code jerk open and closed?

$(document).ready(function() {


$('.details2').find('tr.details').hide().end().find('tr.heading').click(function()
{

 var answer = $(this).next();

 if (answer.is(':visible')) {

 answer.slideUp();

 } else {

 answer.slideDown();

 }

 });

});

Are there better options (code) for creating a "details section" to slide
down below

a table row in a calendar?

Thanks for any help!

Rick

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Figure out which img in a div was clicked?

[Matt Stith]

in .click, "this" refers to the clicked element, so try this:

$('div.anirec_buttons img').click(function() {
 $(this).parent('div').children('img').slideToggle(400);
});

that should toggle all of the images inside of the div that contains the
clicked image. Thats untested, but you get the idea.

On 2/18/07, Kim Johnson <[EMAIL PROTECTED]> wrote:


I have a series of divs, each has a "dropdown" type
div that remains hidden, until you click an image in
another div (these buttons are for things like
screenshots, info, etc).

Here's the page I'm working on:
http://www.anime-planet.com/newsite/anirec/45.html

By default, these dropdown divs should be hidden (they
aren't now, so I can test). When you click the reviews
image, a currently exposed dropdown for that series
entry should slidetoggle (to hide itself), and the
clicked image's div should slidetoggle (to expose
itself). So what it would look like is that the
currently-showing div slides up, and the "new" one
slides down with the information you requested via the
button. The same thing should happen if you click any
other image for that series entry.

The first code I tried worked for all divs on the
page:

$('div.anirec_buttons img').click(function() {
$('.anirec_more').slideToggle(400);
return false;
});

This correctly slidetoggle's all dropdown divs on the
page, if any image is clicked.

But i need it to be more specific. I then tried this:

$('div.anirec_buttons img').click(function() {
$('img#reviews').click(function(){

$('.anirec_more').slideToggle(400);
return false;
});*/
return false;
});

I had figured this would first check if any image had
been clicked, then would do things depending on WHICH
image was clicked. In this case, if the reviews image
is clicked, it would toggle everything. This code
doesn't work.

So I'm wondering if anyone knows:

1. How would I know which image inside the div was
clicked?

2. How would I write this so the only dropdowns that
would toggle, would be INSIDE THE DIV that contained
the clicked image? (as opposed to every series entry
on the page)

thanks in advance, sorry if this isn't specific
enough!
-kim





TV dinner still cooling?
Check out "Tonight's Picks" on Yahoo! TV.
http://tv.yahoo.com/

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] Why do these two behave like this?

[Rick Faircloth]

Hi, all.

I'm experimenting with how to make a "Details Slidedown"
for a calendar.  In the examples below, I work with
dl's, dd's, and dt's.  Provides smooth show/hide.

If I try to use two different classes of table rows,
they jerk open and closed.  See the examples.

I'm new to jQuery and to JS in general, so be gentle.  :o)

Question:  Why would this code slide smoothly.

$(document).ready(function() {
$('.details2').find('dd').hide().end().find('dt').click(function() {
 var answer = $(this).next();
 if (answer.is(':visible')) {
 answer.slideUp();
 } else {
 answer.slideDown();
 }
 });
});

.and this code jerk open and closed?

$(document).ready(function() {

$('.details2').find('tr.details').hide().end().find('tr.heading').click(func
tion() {
 var answer = $(this).next();
 if (answer.is(':visible')) {
 answer.slideUp();
 } else {
 answer.slideDown();
 }
 });
});

Are there better options (code) for creating a "details section" to slide
down below
a table row in a calendar?

Thanks for any help!

Rick
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] Figure out which img in a div was clicked?

[Kim Johnson]

I have a series of divs, each has a "dropdown" type
div that remains hidden, until you click an image in
another div (these buttons are for things like
screenshots, info, etc). 

Here's the page I'm working on:
http://www.anime-planet.com/newsite/anirec/45.html

By default, these dropdown divs should be hidden (they
aren't now, so I can test). When you click the reviews
image, a currently exposed dropdown for that series
entry should slidetoggle (to hide itself), and the
clicked image's div should slidetoggle (to expose
itself). So what it would look like is that the
currently-showing div slides up, and the "new" one
slides down with the information you requested via the
button. The same thing should happen if you click any
other image for that series entry.

The first code I tried worked for all divs on the
page:

$('div.anirec_buttons img').click(function() {
$('.anirec_more').slideToggle(400);
return false;
});

This correctly slidetoggle's all dropdown divs on the
page, if any image is clicked.

But i need it to be more specific. I then tried this:

$('div.anirec_buttons img').click(function() {
$('img#reviews').click(function(){
$('.anirec_more').slideToggle(400);
return false;
});*/
return false;
});

I had figured this would first check if any image had
been clicked, then would do things depending on WHICH
image was clicked. In this case, if the reviews image
is clicked, it would toggle everything. This code
doesn't work.

So I'm wondering if anyone knows:

1. How would I know which image inside the div was
clicked?

2. How would I write this so the only dropdowns that
would toggle, would be INSIDE THE DIV that contained
the clicked image? (as opposed to every series entry
on the page)

thanks in advance, sorry if this isn't specific
enough!
-kim


 

TV dinner still cooling? 
Check out "Tonight's Picks" on Yahoo! TV.
http://tv.yahoo.com/

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] Id of a textarea element

[Peter Bengtsson]

>From the Firebug console...
>>> document.getElementById('id_descriptions.sv');

>>> $('#id_descriptions.sv');
[]
>>> $('#id_descriptions.sv').size();
0

The XHTML validates so I don't see what's wrong with the ID value.
-- 
Peter Bengtsson,
work www.fry-it.com
home www.peterbe.com
hobby www.issuetrackerproduct.com

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] How to use cookies?..

[Mikael Noone]

Hi there,

I used the interface plugin to make a window be draggable,
now i found a good cookie plugin:
http://www.stilbuero.de/2006/09/17/cookie-plugin-for-jquery/

How do i use them to make it remember the position?...
Ive tried alot of examples of ordinary javascript + cookie
but i cant get it to work with the plugin.

I appriciate all help (sorry for bad english, im german)..

Thanx. Nisse.
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Display hidden elements in print layout

[Joan Piedra]

You can add !important statements to each of your print css

h2, p { display:block !important; }

It _might_ work.

cheers

On 11/27/06, Bernd Matzner <[EMAIL PROTECTED]> wrote:



Hi,

I'm using a JQuery-based script which displays a number of elements of a
slideshow (namely,  tags containing images). The script then shows
them.
Now, while it looks nice when printing with JS turned off, I can't get the
hidden images to display when printing. Unfortunately, no such thing as
the
onbeforeprint event exists in Firefox and Opera which I could use to
display
the images in the print layout. I have a 

Re: [jQuery] Display hidden elements in print layout

[Brandon Aaron]

What is happening is that .hide() and even .fadeOut() set an inline
style to display: none;. Inline styles overwrite styles found in the
style sheet.

You need to set your display property for the images to none in the
screen style sheet. Then in your JavaScript you need to do a .show()
to show the images and then do a .css('display', '') to remove the
inline style and use the display:none; specified in the screen style
sheet. Then in your print style sheet just set the images to display:
block;.

Of course neither situation is ideal. Now with JavaScript turned off
the images are hidden.

It would be so nice if we had standard beforeprint and afterprint events.

--
Brandon Aaron


On 11/27/06, Bernd Matzner <[EMAIL PROTECTED]> wrote:
>
> Hi,
>
> I'm using a JQuery-based script which displays a number of elements of a
> slideshow (namely,  tags containing images). The script then shows them.
> Now, while it looks nice when printing with JS turned off, I can't get the
> hidden images to display when printing. Unfortunately, no such thing as the
> onbeforeprint event exists in Firefox and Opera which I could use to display
> the images in the print layout. I have a 

Re: [jQuery] Bug in Interface Autocomplete SVN

[Peter Vulgaris]

Nope, didn't work, I get a syntax error in Firefox 2.0.

Peter

On 2/18/07, Sam Collett <[EMAIL PROTECTED]> wrote:
> On 18/02/07, Peter Vulgaris <[EMAIL PROTECTED]> wrote:
> > Around line 310 of iautocompleter.js there is a line like this:
> >
> > if (/13|27|35|36|38|40|9/.test(pressedKey) && jQuery.iAuto.items) {
> >
> > While keycode 9 is the enter key, the regex there also matches for any
> > other keycode with a 9 in it. I know there's a nice looking regex way
> > to fix this but it's Saturday night and I'm fixing it now with this:
> >
> > if ((/13|27|35|36|38|40/.test(pressedKey) || pressedKey == 9) &&
> > jQuery.iAuto.items) {
> >
> > Peter
> > http://www.vulgarisoip.com
>
> I think this will work as well:
>
> if (/^(13|27|35|36|38|40|9)$/.test(pressedKey) && jQuery.iAuto.items) {
>
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
>

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Smooth Scrolling for same-page links

[Karl Swedberg]

Even better! Thanks, Klaus!


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



On Feb 18, 2007, at 10:05 AM, Klaus Hartl wrote:




Are you aware of the pathname and host properties? If you use it, you
can cut down the code further:

$('[EMAIL PROTECTED]"#"]').click(function() {
  if (location.pathname == this.pathname && location.host ==  
this.host) {

if ($(this.hash).length > 0 ) {
  $(this.hash).ScrollTo(400);
  return false;
} else {
  $linkDest = $("[EMAIL PROTECTED]" + this.hash.slice(1) +']');
  if ($linkDest.length > 0) {
$linkDest.ScrollTo(400);
return false;
  }
}
  }
});



Avoid some duplicate code here!


$('[EMAIL PROTECTED]"#"]').click(function() {
   if (location.pathname == this.pathname && location.host ==  
this.host) {

 var target = $(this.hash);
 target = target.size() && target || $("[EMAIL PROTECTED]" +
this.hash.slice(1) +']');

 if (target.size()) {
 target.ScrollTo(400);
 return false;
 }
});


-- Klaus

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Smooth Scrolling for same-page links

[Karl Swedberg]

On Feb 18, 2007, at 5:51 AM, Sam Collett wrote:

Are you aware of the pathname and host properties? If you use it, you
can cut down the code further:

$('[EMAIL PROTECTED]"#"]').click(function() {
  if (location.pathname == this.pathname && location.host ==  
this.host) {

if ($(this.hash).length > 0 ) {
  $(this.hash).ScrollTo(400);
  return false;
} else {
  $linkDest = $("[EMAIL PROTECTED]" + this.hash.slice(1) +']');
  if ($linkDest.length > 0) {
$linkDest.ScrollTo(400);
return false;
  }
}
  }
});



Ah! That is beautiful, Sam! Thanks!

You know, sometimes I make things much harder for myself than they  
have to be, just because I fear the browser (IE in particular)  
inconsistencies. So, instead of using a few simple, built-in  
JavaScript properties, I use the one I know works and slice it up the  
hard way.


Cheers,

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




___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Smooth Scrolling for same-page links

[Klaus Hartl]

> Are you aware of the pathname and host properties? If you use it, you
> can cut down the code further:
> 
> $('[EMAIL PROTECTED]"#"]').click(function() {
>   if (location.pathname == this.pathname && location.host == this.host) {
> if ($(this.hash).length > 0 ) {
>   $(this.hash).ScrollTo(400);
>   return false;
> } else {
>   $linkDest = $("[EMAIL PROTECTED]" + this.hash.slice(1) +']');
>   if ($linkDest.length > 0) {
> $linkDest.ScrollTo(400);
> return false;
>   }
> }
>   }
> });


Avoid some duplicate code here!


$('[EMAIL PROTECTED]"#"]').click(function() {
   if (location.pathname == this.pathname && location.host == this.host) {
 var target = $(this.hash);
 target = target.size() && target || $("[EMAIL PROTECTED]" + 
this.hash.slice(1) +']');

 if (target.size()) {
 target.ScrollTo(400);
 return false;
 }
});


-- Klaus

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] jQuery Powered Sites - Keep the Links Coming

[Toby]

Aw, well spotted, that’s quite a setback indeed :¬) I had totally forgotten
that’s why you have the blur in the first place. I guess in that respect its
quite a good that it blinks for a second so I personally have reverted to > 

 

$("a").click(function(){this.blur();});

 

Cheers for the heads up!

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Aaron Heimlich
Sent: 18 February 2007 05:34
To: jQuery Discussion.
Subject: Re: [jQuery] jQuery Powered Sites - Keep the Links Coming

 

On 2/17/07, Toby <[EMAIL PROTECTED]> wrote:

$("a").focus(function(){

this.blur();

});

 

This fixes the little drag-out problem too, woohoo!


Hate to rain on your parade, but doing that make all links completely
inaccessible to people who navigate using a keyboard instead of a mouse.

-- 
Aaron Heimlich 
Web Developer
[EMAIL PROTECTED]
http://aheimlich.freepgs.com 

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Plugin Development Process

[John Resig]

You should post this to the development mailing list:
http://jquery.com/mailman/listinfo/dev_jquery.com

We've been discussing plugin-related issues over there. Along with
drafting up the new plugin requirements and spec.

--John

On 2/18/07, Mattias Hising <[EMAIL PROTECTED]> wrote:
> Hi all,
>
> I have been thinking about the plugin development process for jquery.
> As it is today we have a wide variety of plugins and some of them are
> officially supported. The problem as I see it today are the following:
>
> - Version management, some plugins that are official do not change in
> the same speed as the jquery core, leaving end-users to either not
> upgrade the core or make their own changes to offical plugins. This is
> not optimal. I believe that in order to become an official plugin, the
> author(s) of the plugin has to verify what plugin versions works with
> what core versions. If this is not possible, we must create a way to
> identify how to work with plugins and version without forcing the
> end-user to manually hack the core of jquery or the plugins. Maybe we
> should look at PEAR or other libraries and see how they handle version
> management for plugins.
>
> - Offical plugins becomes official by word-of-mouth today, that is the
> only way as it is now. Maybe offical plugins also should be able to
> become official by adding requirement specifications for future
> plugins to the jquery plugin library and letting development-teams
> take on these requirements.
>
> - Coding conventions. I believe that in order to make a plugin
> official it has to follow strict coding conventions, otherwise it is
> difficult for people to take on development whenever the orginal
> author feels he/she do not have the time or focus for keeping the work
> up.
>
> This is just my thoughts and I am sure that John and the rest of the
> core team has big ideas in this area, I just hope to create a bigger
> discussion about how to work with official plugins and how to handle
> requests for plugins, which I think is an important step in order to
> jquery to become more stable, user-friendly and the de-facto choice
> for javascript-libraries.
>
> Best regards,
> Mattias Hising
> Front-End Architect PokerRoom.com
>
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
>

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Creating an empty jQuery object

[Danny Wachsstock]

This may be hijacking the thread, so I'll keep it brief. i agree that
innerHTML is useful, and it is a de-facto standard (like AJAX). I also agree
that whatwg's work is much closer to reality than w3g's, and like I said,
I'm not a fanatic standardista. My point is that it's harder to debug
complicated strings than language constructs, since the language will tell
you there's a syntax error right away. As in
$(""+"");
It would take me forever to find that I missed a closing div, and keeping
track of all the quotes is well-nigh impossible. To use my function,
$.dom('div', {Class: 'first'}, ['div',{},['div',{},['span', {style: {color:
getColor()}}]]])
and if I screw up a parenthesis or brace, Firebug will tell me right away.

For simple things ($("Hello") I'll use innerHTML, and certainly
if someone else is taking responsibility for generating the string (as in
AJAX), there's nothing easier than innerHTML.

Danny


Sam Collett wrote:
> 
> I may not be a guru (but have been using it for a long time), but
> while jQuery does use innerHTML, it does in a way to work around
> limitations in the browsers. Without it, I don't think you would be
> able to create select options or table cells/rows via the $("")
> method.
> 
> All of the supported browsers recognise innerHTML and I can't see it
> going away any time soon, or any new browser shipping without support
> for it as so many sites rely on it to work. Much like how XHTML strict
> (served with correct content type) will likely never see widespread
> adoption. I think HTML 5 (http://blog.whatwg.org/faq/) is more likely
> to take off IF Internet Explorer 8 adopts it (as it simply expands on
> what people use now, and is not a complete break from HTML like XHTML
> 2 is), but as Microsoft are pushing XAML that may not happen.
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 

-- 
View this message in context: 
http://www.nabble.com/Creating-an-empty-jQuery-object-tf3240592.html#a9029480
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] innerfade and images with image maps

[john smith]

Hi all,

I'm a newcomer to jquery. Its great and I plan on utilizing the library in our 
website.  Currently we have an old flash rotator and im thinking about 
replacing it with a javascript/css rotator. I was looking at the innerfade 
plugin as a potential replacement. I like it because unlike many rotators I can 
define the elements being switched versus just an image file. I want to switch 
between divs with an image map defined for each div container. I need to define 
an image map because the images being switched may have different hot spots for 
links.

This works great with innerfade tested in in Firefox 2.0 and IE6, but for some 
reason the image maps arent recognized in IE7. The rotator works but the image 
maps arent available. I know this is probably more a css issue but its strange 
it works in IE6 and not IE7. Any ideas why the image maps arent recognized in 
IE7?  Also I dont have access to an Apple computer so Im curious if it works ok 
on safari 2.0 or firefox on OSX.

Here is a sample of the html and the way im defining the divs and image maps 
for the rotator.

  http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml"; xml:lang="en">

InnerFade with jquery




$(document).ready(
 function(){
  $('div#rotator').innerfade({
   speed: 'slow',
   timeout: 4000,
   type: 'sequence',
   containerheight: '220px'
  });
});


#rotator img {
 border: 1px solid #ccc;
 padding: 1px;
}
.imgmap {
 position: relative;
 _zoom: 1;
}
  .imgmap li {
 position: absolute;
 display: block;
 list-style: none;
 overflow: hidden;
}
  .imgmap li a {
 display: block;
 width: 100%;
 height: 100%;
 _background: url(space.gif);
 text-indent: -1000em;
}
  #barea1 {
 left: 116px;
 top: 29px;
 width: 184px;
 height: 182px;
}
  #barea2 {
 left: 353px;
 top: 31px;
 width: 183px;
 height: 186px;
}
  #carea1 {
 left: 61px;
 top: 100px;
 width: 151px;
 height: 101px;
}
  #carea2 {
 left: 230px;
 top: 100px;
 width: 159px;
 height: 83px;
}
  #carea3 {
 left: 406px;
 top: 101px;
 width: 161px;
 height: 35px;
}
  



 
  
 
 
  http://www.google.com";>
  http://www.google.com";>
 

  
 
 
  http://www.google.com";>
  http://www.google.com";>
  http://www.google.com";>
 

  
 



 
-
TV dinner still cooling?
Check out "Tonight's Picks" on Yahoo! TV.___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] Display hidden elements in print layout

[Bernd Matzner]

Hi,

I'm using a JQuery-based script which displays a number of elements of a
slideshow (namely,  tags containing images). The script then shows them.
Now, while it looks nice when printing with JS turned off, I can't get the
hidden images to display when printing. Unfortunately, no such thing as the
onbeforeprint event exists in Firefox and Opera which I could use to display
the images in the print layout. I have a 

Re: [jQuery] How do I get the XML of an ajax request?

[Blair Mitchelmore]

Looks like your request worked and you got XML back. You can try 
inspecting the XML response to see what was return to extract the data 
manually or if you could also try wrapping the XML document in a jQuery 
Object and calling the .html() method to get the value of your xml 
response without any dirty work. I don't know if that works or not, I 
haven't worked with ajax for over six months and it was before I 
discovered jQuery. Hope this helps:

$.get("/rgeo/",
{ x: document.rgeo.x.value, y: document.rgeo.y.value },
function(data){
console.log(data);
$("textarea#response")[0].value = $(data).html();
}
);

-blair

djl wrote:
> Hi all,
>
> How do I get the XML response of an ajax request? I want to put the XML 
> text into a textarea and can do find this documented.
>
>  $.get("/rgeo/",
>  { x: document.rgeo.x.value, y: document.rgeo.y.value },
>  function(data){
>  console.log(data);
>  $("textarea#response")[0].value = data;
>  }
>  );
>
>
>
> My textarea ends up with the string "[object XMLDocument]"
>
> I also tried:
>
>
>  $.ajax({
>  url: "/rgeo/",
>  dataType: "xml",
>  data: {
>  x: document.rgeo.x.value,
>  y: document.rgeo.y.value
>  },
>  success: function(data){
>  console.log(data);
>  $("textarea#response")[0].value = data;
>  }
>  });
>
> Thanks,
>-Steve


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] How do I get the XML of an ajax request?

[djl]

Hi all,

How do I get the XML response of an ajax request? I want to put the XML 
text into a textarea and can do find this documented.

 $.get("/rgeo/",
 { x: document.rgeo.x.value, y: document.rgeo.y.value },
 function(data){
 console.log(data);
 $("textarea#response")[0].value = data;
 }
 );



My textarea ends up with the string "[object XMLDocument]"

I also tried:


 $.ajax({
 url: "/rgeo/",
 dataType: "xml",
 data: {
 x: document.rgeo.x.value,
 y: document.rgeo.y.value
 },
 success: function(data){
 console.log(data);
 $("textarea#response")[0].value = data;
 }
 });

Thanks,
   -Steve

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Plugin Authoring : How to keep plugin state?

[Blair Mitchelmore]

If you only want the last time the function was called:

jQuery.debug; // Stores last called date for jQuery.fn.debug
jQuery.fn.debug = function() {
jQuery.debug = new Date();
return this.each(function() {
   alert(this);
});
};

Other things like recording all previous calls and possibly including 
the number of elements or other useful information would be similarly 
accomplished but would use an array rather than a simple Date Object. 
And obviously the variable name I chose simply for style, it can be any 
variable you want it to be.

-blair

howard chen wrote:
> e.g.
>
> jQuery.fn.debug = function() {
> // i want to save the current time into a global variable?
>   return this.each(function(){
> alert(this);
>   });
> };
>
> I want save the time of the last plugin being executed for later use,
> any recommened method?
>
> thanks.
>
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Bug in Interface Autocomplete SVN

[Sam Collett]

On 18/02/07, Peter Vulgaris <[EMAIL PROTECTED]> wrote:
> Around line 310 of iautocompleter.js there is a line like this:
>
> if (/13|27|35|36|38|40|9/.test(pressedKey) && jQuery.iAuto.items) {
>
> While keycode 9 is the enter key, the regex there also matches for any
> other keycode with a 9 in it. I know there's a nice looking regex way
> to fix this but it's Saturday night and I'm fixing it now with this:
>
> if ((/13|27|35|36|38|40/.test(pressedKey) || pressedKey == 9) &&
> jQuery.iAuto.items) {
>
> Peter
> http://www.vulgarisoip.com

I think this will work as well:

if (/^(13|27|35|36|38|40|9)$/.test(pressedKey) && jQuery.iAuto.items) {

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Smooth Scrolling for same-page links

[Sam Collett]

On 17/02/07, Karl Swedberg <[EMAIL PROTECTED]> wrote:
> On Feb 17, 2007, at 4:36 PM, Joel Birch wrote:
>
> > On 18/02/2007, at 6:13 AM, Karl Swedberg wrote:
> >> ok, now that the smooth scrolling has Klaus's blessing :) ... I
> >> thought I'd share some code I wrote to make it happen for all same-
> >> page links. It takes into account the difference in the way the
> >> various browsers treat href.
> >
> > Thanks for sharing that code Karl.
> > Okay, that has me worried that my solution (which I thought worked
> > perfectly) may be flawed in ways I was not aware of. Here is the code
> > I am using to attach the scrollTo plugin to elements that have a
> > class of "scrolls":
> >
> > (function($){
> >   $.fn.scrollToHash = function(){
> >   return this.each(function(){
> >   $(this).click(function(){
> >   
> > $(this.hash).ScrollTo(1500,'easeout')[0].blur();
> >   return false;
> >   });
> >   });
> >   };
> > )(jQuery);
> >
> > $(function(){
> >   $("a.scrolls").scrollToHash();
> > });
> >
> > Karl, I'm sure there must be issues I am not aware of here. Can you
> > or anyone point them out for me? This code seems to work in all the
> > browsers I have tested including IE6 and IE7, it's the exact code I
> > am using on Preshil, but maybe I am overlooking something.
> > Thanks.
> >
> > Joel.
>
> Hey Joel,
>
> By using this.hash and limiting it to links with the "scrolls" class,
> you seem to have things covered.
>
> I put my solution together for a content-managed site in which pages
> are being created and updated by people with very limited (okay, non-
> existent) HTML skills. I couldn't expect them to  know what they were
> doing, let alone add a class to the links. Therefore, I had to
> consider the following:
>
> 1. Links to other pages might have the hash as well. Only the ones to
> the same page should use ScrollTo()
> 2. The links could be going to an element with id="something" or to
> an anchor with only name="something"
>
> As Klaus mentioned, I probably could have simplified things a bit by
> using this.hash. But because I had to account for other things that
> the "editors" might do, I had to make the code a bit more complex
> than yours. If I could have made them add a class to their same-page
> links, that would have cut down my code significantly, and it would
> have looked more like yours.
>
> I hope that makes sense. I'm typing this while away from home, so my
> mind isn't totally here. :)
>
>
> --Karl

Are you aware of the pathname and host properties? If you use it, you
can cut down the code further:

$('[EMAIL PROTECTED]"#"]').click(function() {
  if (location.pathname == this.pathname && location.host == this.host) {
if ($(this.hash).length > 0 ) {
  $(this.hash).ScrollTo(400);
  return false;
} else {
  $linkDest = $("[EMAIL PROTECTED]" + this.hash.slice(1) +']');
  if ($linkDest.length > 0) {
$linkDest.ScrollTo(400);
return false;
  }
}
  }
});

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] Plugin Authoring : How to keep plugin state?

[howard chen]

e.g.

jQuery.fn.debug = function() {
// i want to save the current time into a global variable?
  return this.each(function(){
alert(this);
  });
};

I want save the time of the last plugin being executed for later use,
any recommened method?

thanks.

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] New plugin: jQuick Tag Creator

[Francesco Sullo]

If you want, you can add TAG to the tag's string. It works,
F


Andreas Wahlin ha scritto:

absolutely, count in another switcher :D
is it possible to redefine the $.TAG to something arbitrary, i've used 
dom.TAG in the past, or is the $. part dependant on the overall jQuery 
assignment? So jQuery.TAG would work?


Andreas



On Feb 17, 2007, at 21:27, Benjamin Sterling wrote:


Sweet, I may be switching what I am using now to this plugin.

On 2/17/07, *Francesco Sullo* <[EMAIL PROTECTED] 
> wrote:


Yes. Differently from other quick tag generators, jQuick is
jQuery specific. This is an advantage because anything you can do
with jQuery is possible with jQuick methods.

> Is it possible to do things like
>
> var storage_for_future;
>
> $.DIV({'class':'big'},
> storage_for_future = $.SPAN({id:'one','class':'ps'},'Hello
Joe',$.I ({},'!'))
>);
>
>and thus "inline" save references for DOM elements you create?
>
> Andreas

___
jQuery mailing list
discuss@jquery.com 
http://jquery.com/discuss/




--
Benjamin Sterling
http://www.KenzoMedia.com
http://www.KenzoHosting.com 
___
jQuery mailing list
discuss@jquery.com 
http://jquery.com/discuss/




___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
  


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Google's Summer of Code

[Sam Collett]

On 16/02/07, Sam Collett <[EMAIL PROTECTED]> wrote:
> On 16/02/07, John Resig <[EMAIL PROTECTED]> wrote:
> > Hey Everyone -
> >
> > Google's Summer of Code has just opened up for 2007, and I'd love to
> > have jQuery be a part of it:
> > http://code.google.com/soc/
> >
> > If you're not familiar with how SoC works, Google pays a number of
> > college students to work on an open source project for an entire
> > summer. This is a great opportunity for the kids, and for the projects
> > that they're supporting.
> >
> > In order to be able to apply, we'd have to come up with a list of
> > things that we'd like them to do. So, I'm asking you (the jQuery
> > community) what you think 1-3 decent coders could do for us for a
> > summer?
> >
> > Some examples of good ideas (which should be expanded upon):
> >  - Build or port an unobtrusive charting plugin
> >  - Add jQuery support to a popular CMS/Framework
> >  - Build some interactive demos for jQuery.com
> >  - Add new functionality to Interface
> >
> > We're already working on the following improvements to the web site
> > (so you don't need to ask for these):
> >  - A new plugins repository
> >  - A new forum area
> >  - A customizable download area
> >
> > Feel free to post your suggestions - all are welcome!
> >
> > --John
>
> It would be nice if we had more widget style plugins (plus a framework
> to allow others to create them easily), like the ones you get for YUI
> and Dojo.  Some more (functional and practical) eye candy using
> Interface would help bring in more users.
>
> Whatever is done should really degrade for less capable browser (or
> without javascript on) as well.
>

Another thing that could be valuable is interpretation of the HTML 5
spec (http://www.whatwg.org/). That would probably take longer that a
summer, but parts of it (like the extensions to the input element -
http://www.whatwg.org/specs/web-forms/current-work/#extensions) could
possibly be done in that time frame.

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Creating an empty jQuery object

[Sam Collett]

On 18/02/07, Danny Wachsstock <[EMAIL PROTECTED]> wrote:
> Yehuda:
>   I do know about $('<..html/>'), but my mother always said "Don't hang with
> those innerHTML kids, you'll learn bad habits." Seriously, I find it very
> hard to debug the assemble-a-string-and-have-the-interpreter-figure-it-out
> sort of thing, like innerHTML and eval. I'm not a strict standardista, but
> using actual code and HTML lets Firebug or the validator find my stupid
> syntax errors much more easily.
>

I may not be a guru (but have been using it for a long time), but
while jQuery does use innerHTML, it does in a way to work around
limitations in the browsers. Without it, I don't think you would be
able to create select options or table cells/rows via the $("")
method.

All of the supported browsers recognise innerHTML and I can't see it
going away any time soon, or any new browser shipping without support
for it as so many sites rely on it to work. Much like how XHTML strict
(served with correct content type) will likely never see widespread
adoption. I think HTML 5 (http://blog.whatwg.org/faq/) is more likely
to take off IF Internet Explorer 8 adopts it (as it simply expands on
what people use now, and is not a complete break from HTML like XHTML
2 is), but as Microsoft are pushing XAML that may not happen.

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] Plugin Development Process

[Mattias Hising]

Hi all,

I have been thinking about the plugin development process for jquery.
As it is today we have a wide variety of plugins and some of them are
officially supported. The problem as I see it today are the following:

- Version management, some plugins that are official do not change in
the same speed as the jquery core, leaving end-users to either not
upgrade the core or make their own changes to offical plugins. This is
not optimal. I believe that in order to become an official plugin, the
author(s) of the plugin has to verify what plugin versions works with
what core versions. If this is not possible, we must create a way to
identify how to work with plugins and version without forcing the
end-user to manually hack the core of jquery or the plugins. Maybe we
should look at PEAR or other libraries and see how they handle version
management for plugins.

- Offical plugins becomes official by word-of-mouth today, that is the
only way as it is now. Maybe offical plugins also should be able to
become official by adding requirement specifications for future
plugins to the jquery plugin library and letting development-teams
take on these requirements.

- Coding conventions. I believe that in order to make a plugin
official it has to follow strict coding conventions, otherwise it is
difficult for people to take on development whenever the orginal
author feels he/she do not have the time or focus for keeping the work
up.

This is just my thoughts and I am sure that John and the rest of the
core team has big ideas in this area, I just hope to create a bigger
discussion about how to work with official plugins and how to handle
requests for plugins, which I think is an important step in order to
jquery to become more stable, user-friendly and the de-facto choice
for javascript-libraries.

Best regards,
Mattias Hising
Front-End Architect PokerRoom.com

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] Jquery Login box woes.......

[Meilad]

Hi there.

I'm trying to use Jquery (And jqmodal to do the popup box) to create a php 
login box.

so far I have the following:







$(document).ready(function() {
$('#ex1a').jqm();
$('#ex1b').jqm({ajax: 'ajax.html', trigger: 'a.ex1btrigger'});

$('form').submit(function(){
  $.ajax({ url: "process.php",  type: "POST",  data: $.param( 
$("#login").formdata()),
success: function(msg){ alert( "Logged in: " + msg ); } });
  });

});









LOGIN (inline), B) view


Close


Username:
 Password:





Please wait... loading


My problem is when i press submit on the form, it just throws &user=&pass= 
etc etc on the URL of the page. SO it's not submitting via jquery properly. 
I want it to send the "user" and "pass" to process.php as a POST value.

Process.php will then check if the login is correct and if it is, return a 1 
or a 0(success or fail) but even so I don't know how to use the result with 
jquery & then show the correct message like welcome / login failed.

I'd previously been using XAJAX which was actually built for php so it was a 
lot easier to do things like login boxes etc.

cheers

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] creating and inserting a form on-the-fly

[Aaron Heimlich]

On 2/18/07, Andreas Wahlin <[EMAIL PROTECTED]> wrote:


I may go out on a limb here, but isn't it also so that you should
wrap forms in some sort of block element, preferably a fieldset, to
validate the stricter doctypes?



Form *controls* (s, s, s, s, and s)
have to be wrapped in a block level element because s, for whatever
reason, can only contain block level content, and all form controls are
inline content. So you need something like this to properly validate:


   
   
   
   My Awesome Form
   
   Awesome Dude, what be thy name?
   
   


--
Aaron Heimlich
Web Developer
[EMAIL PROTECTED]
http://aheimlich.freepgs.com
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Loop Checkbox Action Question

[[EMAIL PROTECTED]]

Made a reply before, but I think I've messed with my subscription so
it never came up.
Here it goes again, first alot of code:






$(document).ready(function(){

$("[EMAIL PROTECTED]'checkbox']").click(function(){
if ($(this).is(":checked")){
$(this).siblings("ul").hide("slow");
} else {
$(this).siblings("ul").show("slow");
}
});
});





checkboxA1

checkboxA1_1

checkboxA1_2

checkboxA1_2_1
checkboxA1_2_2


checkboxA1_3



checkboxB1

checkboxB1_1

checkboxB1_2

checkboxB1_2_1
checkboxB1_2_2



checkboxB1_3

checkboxB1_3_1
checkboxB1_3_2









This should work for what you wanted, changed the event to click as
Whalin (thx for the reminder, had forgotten abt that) mentions.
//Kristinn

On Feb 18, 12:53 am, Gorkfu <[EMAIL PROTECTED]> wrote:
> Thanks for the suggestion I must be blind, since I didn't see the change
> event when i was going through them. It works like a charm, thanks.
>
> Now to figure this out for multiple levels such as..
>
> <>checkboxA1
> <>checkboxA2
> <>checkboxA3
> <>checkboxA3
> <>checkboxB1
> <>checkboxB2
> <>checkboxB3
> <>checkboxB3
>
> I could type the code over and over but that would not be appropriate
> coding, such as the following:
>
> $("[EMAIL PROTECTED]'checkboxA1']").change(function(){
> if ($(this).is(":checked")){
> $("div.checkboxA2").hide("slow");
> } else {
> $("div.checkboxA2").show("slow");
> }
> });
>
> $("[EMAIL PROTECTED]'checkboxA2']").change(function(){
> if ($(this).is(":checked")){
> $("div.checkboxA3").hide("slow");
> } else {
> $("div.checkboxA3").show("slow");
> }
> });
>
>
>
> Alexandre Plennevaux wrote:
>
> > I would try somehting like this:
>
> > $(document).ready(function(){
> >$('[EMAIL PROTECTED]'checkbox']).change(function(){
>
> >If ($(this).is(":checked")){
> >$("div.sub2").hide("slow");
> >}
> >else
> >{
> >$("div.sub2").show("slow");
> >}
>
> >});
> > });
>
> --
> View this message in 
> context:http://www.nabble.com/Loop-Checkbox-Action-Question-tf3246372.html#a9...
> Sent from the JQuery mailing list archive at Nabble.com.
>
> ___
> jQuery mailing list
> [EMAIL PROTECTED]://jquery.com/discuss/


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] creating and inserting a form on-the-fly

[Andreas Wahlin]

I may go out on a limb here, but isn't it also so that you should  
wrap forms in some sort of block element, preferably a fieldset, to  
validate the stricter doctypes?

andreas

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Loop Checkbox Action Question

[Andreas Wahlin]

Isn't IE6 sensitive about the change event? I've only managed to get  
it to fire on the click event.
http://forums.devshed.com/javascript-development-115/check-box-alert- 
fail-in-ie6t-385756.html#post1612993

andreas


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] New plugin: jQuick Tag Creator

[Andreas Wahlin]

absolutely, count in another switcher :D
is it possible to redefine the $.TAG to something arbitrary, i've  
used dom.TAG in the past, or is the $. part dependant on the overall  
jQuery assignment? So jQuery.TAG would work?


Andreas



On Feb 17, 2007, at 21:27, Benjamin Sterling wrote:


Sweet, I may be switching what I am using now to this plugin.

On 2/17/07, Francesco Sullo <[EMAIL PROTECTED]> wrote:
Yes. Differently from other quick tag generators, jQuick is jQuery  
specific. This is an advantage because anything you can do with  
jQuery is possible with jQuick methods.


> Is it possible to do things like
>
> var storage_for_future;
>
> $.DIV({'class':'big'},
> storage_for_future = $.SPAN({id:'one','class':'ps'},'Hello Joe', 
$.I ({},'!'))

>);
>
>and thus "inline" save references for DOM elements you create?
>
> Andreas

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/




--
Benjamin Sterling
http://www.KenzoMedia.com
http://www.KenzoHosting.com
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/