[jQuery] Re: Shadowbox and ajax-returned content - solved

[Bruce MacKay]

... by reading Michael's docs a little more closely.

Into the document.ready block
  Shadowbox.init({
skipSetup:  true, // skip the automatic setup
});


Into the getNextPage function

Shadowbox.setup($('a.sbox'),{overlayOpacity: 0.8});


Apologies for not doing my homework properly.

Cheers,

Bruce



At 05:25 p.m. 30/01/2008, you wrote:

At 04:59 p.m. 30/01/2008, you wrote:

Any idea/suggestion to allow me to achieve what I'm seeking here?

Can you post a demo link?  That would be most helpful.


Sorry, I cannot do that for a couple of days.  Could we try it this way...

The following code retrieves new content into an existing page.

function getNextPage(ej) {
$.get("scripts/ajax_ramosus_client_second.asp?brm="+ej 
+"&q="  + new Date().getTime(), function(responseText){

Shadowbox.init();
$("#wrapper").html(responseText);
var options = {dataType: 'json', beforeSubmit: 
beforeAjax,success: afterAjax};


$('#ewlform,#quizform,#textform,#emailform,#glossform').submit(function() 
{$(this).ajaxSubmit(options); return false; });

getTWidth('#sText','#textform');
$('a.styleswitch').bind("click", 
function(){switchStylestyle(this.getAttribute("rel"));return 
false;});var c = readCookie('RamosusStyle');if (c) switchStylestyle(c);

$("a.link1").bind("click", function() {getFirstPage(this.id)});
$("a.link2").bind("click", function() {getNextPage(this.id)});
$("a.bmark").bind("click", function() {setBookmark(this.id)});
$("a.email").bind("click", function() {getEmailForm()});
$("a.emailh").bind("click", function() {hideEmailForm()});
$("a.fsize").bind("click", function() {styleCycle()});
$("a.logout").bind("click", function() {chkLogout(this.id)});
//$.log('Shadowbox');
});
};

That content contains one or two links of the form "href="an_image.jpg" rel="shadowbox">View this image"


When any of those links are clicked, the expected shadow box 
functionality is not observed.


I realise that the example on Shadow Box's web site has the "init()" 
call in the document.ready block, but that isn't applicable here 
because of the new content that is being bought into the page (I did 
try including the Shadow.init() call in the document.ready block 
when the page is first called, but that didn't make any difference 
to the final outcome)


I hope this makes my context a little clearer,

Thanks,
Bruce

[jQuery] |Plugin| $('a').favicon()

[R. Rajesh Jeba Anbiah]

Just thought of sharing this snippet that adds favicon next to the
selected links:

/**
 * favicon - jQuery plugin for adding favicons next to the links
 *  To automate:
 *   a[href ^="http://jquery.com";] {
 *  background: url(http://jquery.com/favicon.ico) center right no-
repeat;
 *  padding-right: 16px;
 *  }
 *
 * January 30, 2008//R. Rajesh Jeba Anbiah//http://
rajeshanbiah.blogspot.com/
 *
 * Usage:
 *  - $('a').favicon(); - all links
 *  - $('[EMAIL PROTECTED]"http"]').favicon(); - all external links
 *  - $('a').favicon({paddingRight: '32px'}); - all links with
custom paddingRight
 * @todo Document at http://rajeshanbiah.blogspot.com/
 * 
 * $.fn.favicon=function(cssOptions){return this.each(function(){var
m=/(http:\/\/([a-zA-Z\d](([a-zA-Z\d]|-)*[a-zA-Z\d])?)\.)*([a-zA-Z]
(([a-zA-Z\d]|-)*[a-zA-Z\d])?))|((\d+)(\.(\d+)){3}))(:(\d+))?)(\/[a-
zA-Z\d$\-_.+!*'(),]|(%[a-fA-F\d]{2}))|[;:@&=])*)(\/((([a-zA-Z\d$\-_.+!
*'(),]|(%[a-fA-F\d]{2}))|[;:@&=])*))*)(\?((([a-zA-Z\d$\-_.+!*'(),]|(%
[a-fA-F\d]{2}))|[;:@&=])*))?)?)|(ftp:\/\/([a-zA-Z\d$\-_.+!*'(),]|(%
[a-fA-F\d]{2}))|[;?&=])*)(:((([a-zA-Z\d$\-_.+!*'(),]|(%[a-fA-F\d]{2}))|
[;?&=])*))?@)?([a-zA-Z\d](([a-zA-Z\d]|-)*[a-zA-Z\d])?)\.)*([a-zA-Z]
(([a-zA-Z\d]|-)*[a-zA-Z\d])?))|((\d+)(\.(\d+)){3}))(:(\d+))?))(\/
[a-zA-Z\d$\-_.+!*'(),]|(%[a-fA-F\d]{2}))|[@&=])*)(\/((([a-zA-Z\d$\-
_.+!*'(),]|(%[a-fA-F\d]{2}))|[@&=])*))*)(;type=[AIDaid])?)?)|(news:
[a-zA-Z\d$\-_.+!*'(),]|(%[a-fA-F\d]{2}))|[;\/&=])+@[a-zA-Z\d]
(([a-zA-Z\d]|-)*[a-zA-Z\d])?)\.)*([a-zA-Z](([a-zA-Z\d]|-)*[a-zA-Z
\d])?))|((\d+)(\.(\d+)){3})))|([a-zA-Z]([a-zA-Z\d]|[_.+-])*)|\*))|
(nntp:\/\/([a-zA-Z\d](([a-zA-Z\d]|-)*[a-zA-Z\d])?)\.)*([a-zA-Z]
(([a-zA-Z\d]|-)*[a-zA-Z\d])?))|((\d+)(\.(\d+)){3}))(:(\d+))?)\/([a-zA-
Z]([a-zA-Z\d]|[_.+-])*)(\/(\d+))?)|(telnet:\/\/([a-zA-Z\d$\-_.+!
*'(),]|(%[a-fA-F\d]{2}))|[;?&=])*)(:((([a-zA-Z\d$\-_.+!*'(),]|(%[a-fA-F
\d]{2}))|[;?&=])*))?@)?([a-zA-Z\d](([a-zA-Z\d]|-)*[a-zA-Z\d])?)
\.)*([a-zA-Z](([a-zA-Z\d]|-)*[a-zA-Z\d])?))|((\d+)(\.(\d+)){3}))(:(\d
+))?))\/?)|(gopher:\/\/([a-zA-Z\d](([a-zA-Z\d]|-)*[a-zA-Z\d])?)
\.)*([a-zA-Z](([a-zA-Z\d]|-)*[a-zA-Z\d])?))|((\d+)(\.(\d+)){3}))(:(\d
+))?)(\/([a-zA-Z\d$\-_.+!*'(),;\/@&=]|(%[a-fA-F\d]{2}))((([a-zA-Z\d$\-
_.+!*'(),;\/@&=]|(%[a-fA-F\d]{2}))*)(%09((([a-zA-Z\d$\-_.+!*'(),]|(%[a-
fA-F\d]{2}))|[;:@&=])*)(%09(([a-zA-Z\d$\-_.+!*'(),;\/@&=]|(%[a-fA-F\d]
{2}))*))?)?)?)?)|(wais:\/\/([a-zA-Z\d](([a-zA-Z\d]|-)*[a-zA-Z\d])?)
\.)*([a-zA-Z](([a-zA-Z\d]|-)*[a-zA-Z\d])?))|((\d+)(\.(\d+)){3}))(:(\d
+))?)\/(([a-zA-Z\d$\-_.+!*'(),]|(%[a-fA-F\d]{2}))*)((\/(([a-zA-Z\d$\-_.
+!*'(),]|(%[a-fA-F\d]{2}))*)\/(([a-zA-Z\d$\-_.+!*'(),]|(%[a-fA-F\d]
{2}))*))|\?((([a-zA-Z\d$\-_.+!*'(),]|(%[a-fA-F\d]{2}))|[;:@&=])*))?)|
(mailto:(([a-zA-Z\d$\-_.+!*'(),;\/@&=]|(%[a-fA-F\d]{2}))+))|(file:\/\/
([a-zA-Z\d](([a-zA-Z\d]|-)*[a-zA-Z\d])?)\.)*([a-zA-Z](([a-zA-Z
\d]|-)*[a-zA-Z\d])?))|((\d+)(\.(\d+)){3}))|localhost)?\/[a-zA-Z\d$
\-_.+!*'(),]|(%[a-fA-F\d]{2}))|[@&=])*)(\/((([a-zA-Z\d$\-_.+!*'(),]|(%
[a-fA-F\d]{2}))|[@&=])*))*))|(prospero:\/\/([a-zA-Z\d](([a-zA-Z
\d]|-)*[a-zA-Z\d])?)\.)*([a-zA-Z](([a-zA-Z\d]|-)*[a-zA-Z\d])?))|((\d+)
(\.(\d+)){3}))(:(\d+))?)\/[a-zA-Z\d$\-_.+!*'(),]|(%[a-fA-F\d]{2}))|
[@&=])*)(\/((([a-zA-Z\d$\-_.+!*'(),]|(%[a-fA-F\d]{2}))|[@&=])*))*)((;
((([a-zA-Z\d$\-_.+!*'(),]|(%[a-fA-F\d]{2}))|[@&])*)=((([a-zA-Z\d$\-_.+!
*'(),]|(%[a-fA-F\d]{2}))|[@&])*)))*)|(ldap:\/\/(([a-zA-Z\d](([a-zA-
Z\d]|-)*[a-zA-Z\d])?)\.)*([a-zA-Z](([a-zA-Z\d]|-)*[a-zA-Z\d])?))|((\d+)
(\.(\d+)){3}))(:(\d+))?))?\/((([a-zA-Z\d]|%(3\d|[46][a-fA-F\d]|[57]
[Aa\d]))|(%20))+|(OID|oid)\.((\d+)(\.(\d+))*))((%0[Aa])?
(%20)*)=((%0[Aa])?(%20)*))?(([a-zA-Z\d$\-_.+!*'(),]|(%[a-fA-F\d]
{2}))*))(((%0[Aa])?(%20)*)\+((%0[Aa])?(%20)*)([a-zA-Z\d]|%(3\d|[46]
[a-fA-F\d]|[57][Aa\d]))|(%20))+|(OID|oid)\.((\d+)(\.(\d+))*))((%0[Aa])?
(%20)*)=((%0[Aa])?(%20)*))?(([a-zA-Z\d$\-_.+!*'(),]|(%[a-fA-F\d]
{2}))*)))*)%0[Aa])?(%20)*)([;,])((%0[Aa])?(%20)*))(([a-zA-Z\d]|
%(3\d|[46][a-fA-F\d]|[57][Aa\d]))|(%20))+|(OID|oid)\.((\d+)(\.(\d+))*))
((%0[Aa])?(%20)*)=((%0[Aa])?(%20)*))?(([a-zA-Z\d$\-_.+!*'(),]|(%[a-fA-F
\d]{2}))*))(((%0[Aa])?(%20)*)\+((%0[Aa])?(%20)*)([a-zA-Z\d]|%(3\d|
[46][a-fA-F\d]|[57][Aa\d]))|(%20))+|(OID|oid)\.((\d+)(\.(\d+))*))
((%0[Aa])?(%20)*)=((%0[Aa])?(%20)*))?(([a-zA-Z\d$\-_.+!*'(),]|(%[a-fA-F
\d]{2}))*)))*))*(((%0[Aa])?(%20)*)([;,])((%0[Aa])?(%20)*))?)(\?[a-
zA-Z\d$\-_.+!*'(),]|(%[a-fA-F\d]{2}))+)(,(([a-zA-Z\d$\-_.+!*'(),]|(%[a-
fA-F\d]{2}))+))*)?)(\?(base|one|sub)(\?((([a-zA-Z\d$\-_.+!*'(),;\/@&=]|
(%[a-fA-F\d]{2}))+)))?)?)?)|((z39\.50[rs]):\/\/([a-zA-Z\d](([a-zA-Z
\d]|-)*[a-zA-Z\d])?)\.)*([a-zA-Z](([a-zA-Z\d]|-)*[a-zA-Z\d])?))|((\d+)
(\.(\d+)){3}))(:(\d+))?)(\/((([a-zA-Z\d$\-_.+!*'(),]|(%[a-fA-F\d]{2}))
+)(\+(([a-zA-Z\d$\-_.+!*'(),]|(%[a-fA-F\d]{2}))+))*(\?(([a-zA-Z\d$\-_.
+!*'(),]|(%[a-fA-F\d]{2}))+))?)?(;esn=(([a-zA-Z\d$\-_.+!*'(),]|(%[a-fA-
F\d]{2}))+))?(;rs=(([a-zA-Z\d$\-_.+!*'(),]|(%

[jQuery] Re: JQuery Size > YUI Compressor & mod_deflate/GZIP

[Joel Birch]

Perfect. Thanks John!

[jQuery] Re: need menu plugin recommendation

[Jack Killpatrick]

Thanks Joel. If nothing else comes up I might fiddle with that approach.

- Jack

Joel Birch wrote:

I suppose you could add position:relative to the parent li element so
that their submenu uls are positioned under them, then adjust each
submenu ul's left:-whatever value to pull them back left a bit. Sounds
fiddly as you would have to fine-tune your CSS whenever the menu items
change, but it's an option.

Joel Birch.

  

[jQuery] Re: [ANN] Lily, javascript visual programming tool

[Bill Orcutt]

Thanks for the useful feedback on the site. I've added another
download link and will implement some of the other suggestions as I
find time. I hope once you've had a chance to have a look at the
program, you'll consider joining the user group- 
http://groups.google.com/group/lily-users.

-Bill

On Jan 29, 4:19 pm, Jörn Zaefferer <[EMAIL PROTECTED]> wrote:
> Jörn Zaefferer schrieb:
>
> >BillOrcuttschrieb:
> >> [...]
> >> Have a look at the demo applications below to get a feel for some of
> >> what Lily can do:
> >> [...]
> >> More information about Lily is available on the website:
> >>http://www.lilyapp.org/
>
> > Wow. Thats amazing stuff, I love the svg/javascript sound demos. Using
> > interactive visuals to create music is so much fun.
>
> > Now I just need to take a closer look how Lily enbales stuff like
> > that, so most likey more feedback coming soon from here.
>
> Okay, some things:
> You need a Getting Started section and make that awfully obvious to find
> on the lilapp.org front page. Currently its difficult to find the
> download or even the wiki (which doesn't help in that respect).
> Along the link to the download should be the content of the readme file,
> avoid the need to download the package before being able to understand
> what and how to install.
> I found the download link only on the Public Beta 1 release post, which
> isn't even on the front page anymore.
> I also wonder if that couldn't be installed directly from the page - its
> just a firefox extension, isn't it? That way I wouldn't need to save
> anything on my disk and unpacking it. The included examples and demos
> could be provided via the page/wiki.
>
> Ah. After writing all that I discovered the top navigation bar,
> including the download link. You may want to make that a bit more obvious...
>
> Jörn

[jQuery] Re: accordion problem in IE

[Muhammad Mohsin]

thnx jorn

i changed few things i change the heights attribute as ie is giving
javascript error when height is in negative. i m using ul navigation

[jQuery] Re: Radio Buttons and .val()

[Timothee Groleau]

On Tue, 2008-01-29 at 19:58 -0800, biodesign wrote:
> Actually you have to use following:
> 
> var var_name = $("[EMAIL PROTECTED]:checked").val();

As of jQuery 1.2, the '@' is no longer necessary to match attributes;
see:




> 
> 
> On Jan 23, 11:35 am, Timothee Groleau <[EMAIL PROTECTED]>
> wrote:
> > Hi Matt,
> >
> > On Wed, 2008-01-23 at 03:22 -0600, Matt Quackenbush wrote:
> > > Hello,
> >
> > > I am using the following to grab the value of a radio button:
> >
> > > str = $("input[name='addType']").val();
> >
> > .val() returns the value of the first match element and your query
> > matches both radio buttons. If you want to target only the checked one,
> > try:
> >
> > str = $("input[name=addType]:checked").val();
> >
> > hth,
> > Tim.
> >
> >
> >
> > > The XHTML for the radio button is as follows:
> >
> > >  > > id="add-type-1" value="prem" /> Premium
> > >  > > id="add-type-2" value="std" checked="checked" /> Standard
> >
> > > Even though the second radio button is set with the "checked"
> > > attribute, the jQuery snippet above always returns the value of the
> > > first radio button.  I am obviously doing something wrong (again), but
> > > cannot seem to pinpoint the error of my ways.
> >
> > > As always, thanks in advance for your assistance.
> >
> > > Matt
> 

[jQuery] Re: Radio Buttons and .val()

[biodesign]

Actually you have to use following:

var var_name = $("[EMAIL PROTECTED]:checked").val();


On Jan 23, 11:35 am, Timothee Groleau <[EMAIL PROTECTED]>
wrote:
> Hi Matt,
>
> On Wed, 2008-01-23 at 03:22 -0600, Matt Quackenbush wrote:
> > Hello,
>
> > I am using the following to grab the value of a radio button:
>
> > str = $("input[name='addType']").val();
>
> .val() returns the value of the first match element and your query
> matches both radio buttons. If you want to target only the checked one,
> try:
>
> str = $("input[name=addType]:checked").val();
>
> hth,
> Tim.
>
>
>
> > The XHTML for the radio button is as follows:
>
> >  > id="add-type-1" value="prem" /> Premium
> >  > id="add-type-2" value="std" checked="checked" /> Standard
>
> > Even though the second radio button is set with the "checked"
> > attribute, the jQuery snippet above always returns the value of the
> > first radio button.  I am obviously doing something wrong (again), but
> > cannot seem to pinpoint the error of my ways.
>
> > As always, thanks in advance for your assistance.
>
> > Matt

[jQuery] Re: File inputs

[Steffan A. Cline]

on 1/29/08 7:58 PM, Hamish Campbell at [EMAIL PROTECTED] wrote:

> 
> Some code would be useful - you've said that .click() doesn't work in
> FF, but it probably isn't the .click() bit that isn't working.
> 
> One suggestion (untested) is that you include both the normal button
> and the new image, but hide the image with CSS by default. This means
> that if JS is disabled, the user can still click the normal button.
> 
> Then with jQuery, hide the button and show the image on
> document.ready. Then apply a trigger to the image that fires the
> normal button action. It means you shouldn't need to code anything
> special - just piggy-back on the usual action of the button.
> 
> 
> Eg:
> 
> $("#myImage").click(function () {
>   $("#fileButton").trigger('click');
> });
> 
> On Jan 30, 8:01 am, "Steffan A. Cline" <[EMAIL PROTECTED]> wrote:
>> on 1/29/08 11:57 AM, Mika Tuupola at [EMAIL PROTECTED] wrote:
>> 
>> 
>> 
>> 
>> 
>> 
>> 
>>> On Jan 29, 2008, at 7:08 PM, Steffan A. Cline wrote:
>> 
 I know there is a plug-in for styling file inputs but what about
 using a
 custom image instead? I need to do something where I have an ADD and a
 DELETE button side by side. I tried this using .click() and it worked
 flawlessly but alas FF does not support it! How stupid!.
>> 
>>> What are you trying to achieve? What does ADD and DELETE buttons do?
>> 
>>> --
>>> Mika Tuupola
>>> http://www.appelsiini.net/
>> 
>> The add button would simply pop up the file selector as clicking on the
>> actual file button would do. The delete button would set a hidden flag to
>> remove the stored file.
>> 
>> See the previous thread ".click()" This described the previous method which
>> I gave up on.
>> 
>> Thanks
>> 
>> Steffan

Well, I tried many variations of .click() with FF and according to this
link:

http://www.quirksmode.org/dom/inputfile.html

reads:

"The click() method allows you to simulate a click on a form field.
Checkboxes get toggled, radios selected, and so on. Unfortunately Mozilla
and Opera haven't added this method to file upload fields. I wonder why,
adding it is not really a security risk since the worst that can happen is
that the file selection window pops up.

So unfortunately we cannot use this simple solution."

I hadn't tried your "trigger" method. Did you test it in FF? I just did and
unfortunately as said on quirksmode that does not work :( but it does on
everything else.

What else do you suggest?



Thanks

Steffan

---
T E L  6 0 2 . 7 9 3 . 0 0 1 4 | F A X  6 0 2 . 9 7 1 . 1 6 9 4
Steffan A. Cline  
[EMAIL PROTECTED] Phoenix, Az
http://www.ExecuChoice.net  USA
AIM : SteffanC  ICQ : 57234309
YAHOO : Steffan_Cline   MSN : [EMAIL PROTECTED]
GOOGLE: Steffan.Cline Lasso Partner Alliance Member
---

[jQuery] Re: Shadowbox and ajax-returned content?

[Bruce MacKay]

At 04:59 p.m. 30/01/2008, you wrote:

Any idea/suggestion to allow me to achieve what I'm seeking here?

Can you post a demo link?  That would be most helpful.


Sorry, I cannot do that for a couple of days.  Could we try it this way...

The following code retrieves new content into an existing page.

function getNextPage(ej) {
$.get("scripts/ajax_ramosus_client_second.asp?brm="+ej +"&q="  + 
new Date().getTime(), function(responseText){

Shadowbox.init();
$("#wrapper").html(responseText);
var options = {dataType: 'json', beforeSubmit: 
beforeAjax,success: afterAjax};
$('#ewlform,#quizform,#textform,#emailform,#glossform').submit(function() 
{$(this).ajaxSubmit(options); return false; });

getTWidth('#sText','#textform');
$('a.styleswitch').bind("click", 
function(){switchStylestyle(this.getAttribute("rel"));return 
false;});var c = readCookie('RamosusStyle');if (c) switchStylestyle(c);

$("a.link1").bind("click", function() {getFirstPage(this.id)});
$("a.link2").bind("click", function() {getNextPage(this.id)});
$("a.bmark").bind("click", function() {setBookmark(this.id)});
$("a.email").bind("click", function() {getEmailForm()});
$("a.emailh").bind("click", function() {hideEmailForm()});
$("a.fsize").bind("click", function() {styleCycle()});
$("a.logout").bind("click", function() {chkLogout(this.id)});
//$.log('Shadowbox');
});
};

That content contains one or two links of the form "href="an_image.jpg" rel="shadowbox">View this image"


When any of those links are clicked, the expected shadow box 
functionality is not observed.


I realise that the example on Shadow Box's web site has the "init()" 
call in the document.ready block, but that isn't applicable here 
because of the new content that is being bought into the page (I did 
try including the Shadow.init() call in the document.ready block when 
the page is first called, but that didn't make any difference to the 
final outcome)


I hope this makes my context a little clearer,

Thanks,
Bruce

[jQuery] Re: Shadowbox and ajax-returned content?

[Mike Alsup]

>
> Any idea/suggestion to allow me to achieve what I'm seeking here?
>

Can you post a demo link?  That would be most helpful.

[jQuery] Re: Not Submit [validate]

[Marcos Aurélio]

Ok, see:

Join http://www.animeschool.com.br/example/.

First test:
Put in login "AAA" and name "bbb" click the button and submit it.

Second test:
First click the button. He acknowledge the mistakes, all ok. Now fill
in the fields with "AAA" and "bbb" and click the button. He did not
submit.

--

Ok, veja:

Acesse http://www.animeschool.com.br/example/.

Primeiro teste:
Coloque em login "aaa" e em name "bbb" clique no botão e ele
submeterá.

Segundo teste:
Primeiramente clique no botão. Ele acusará os erros, tudo  ok. Agora
preencha os campos com "aaa" e "bbb" e clique no botão. Ele não
submeterá.




On 29 jan, 20:29, Jörn Zaefferer <[EMAIL PROTECTED]> wrote:
> Marcos Aurélio schrieb:> OBS: I just found that the problem only occurs when 
> you have a field
> > with the attribute "remote".
>
> Could you provide a testpage?
>
> Jörn

[jQuery] Re: jQuery API extension for Dreamweaver

[Hamish Campbell]

Wow, that is awesome. Thanks!

On Jan 5, 2:08 pm, Chris Charlton <[EMAIL PROTECTED]> wrote:
> BETA:http://xtnd.us/download/dreamweaver/jquery/
>
> Works with Dreamweaver MX (6), 7, 8, and CS3 (9). Provides the jQuery
> API via code hints and snippets in Dreamweaver's code view.
>
> Please send me your thoughts, ideas, notes, etc. to [EMAIL PROTECTED]
> - thanks!

[jQuery] Re: Using ScrollTo to Scroll to DIV and center it in thw window

[Keith]

the idea is to have the entire window scroll and have a menu inside
each div that you scroll to. can anyone help out?


On Jan 28, 3:17 pm, Ariel Flesler <[EMAIL PROTECTED]> wrote:
> Do you need to scroll the whole window ?
> Can't you have a fixed menu and you only scroll the content ?
>
> Ariel Flesler
>
> On 25 ene, 18:20, Keith <[EMAIL PROTECTED]> wrote:
>
> > I would like to have a navigation in my DIV's that allows me to jump
> > around to other DIV's placed around the screen. Right now here is what
> > I have using ScrollTo:http://www.keithmuth.net/jquery/
>
> > I would like to keep the DIV's centered in the screens at all times,
> > whether you jump to it through the navigation or resize the browser
> > window (similar what I was trying to do in mootools 
> > here:http://www.keithmuth.net/zooming/). I thought I would try this out in
> > JQuery because everyone tells me how great these forums are for help.
>
> > I assume I need to somehow get the height and width of the window and
> > then apply that to an offset? Not sure the best what the best way is
> > to do that in JQuery but if you all could help I would appreciate it.
> > Thanks!

[jQuery] Re: File inputs

[Hamish Campbell]

Actually, I just went a re-read the thread and I have NO idea what it
is you're trying to achieve.

On Jan 30, 8:01 am, "Steffan A. Cline" <[EMAIL PROTECTED]> wrote:
> on 1/29/08 11:57 AM, Mika Tuupola at [EMAIL PROTECTED] wrote:
>
>
>
>
>
>
>
> > On Jan 29, 2008, at 7:08 PM, Steffan A. Cline wrote:
>
> >> I know there is a plug-in for styling file inputs but what about
> >> using a
> >> custom image instead? I need to do something where I have an ADD and a
> >> DELETE button side by side. I tried this using .click() and it worked
> >> flawlessly but alas FF does not support it! How stupid!.
>
> > What are you trying to achieve? What does ADD and DELETE buttons do?
>
> > --
> > Mika Tuupola
> >http://www.appelsiini.net/
>
> The add button would simply pop up the file selector as clicking on the
> actual file button would do. The delete button would set a hidden flag to
> remove the stored file.
>
> See the previous thread ".click()" This described the previous method which
> I gave up on.
>
> Thanks
>
> Steffan
>
> ---
> T E L  6 0 2 . 7 9 3 . 0 0 1 4 | F A X  6 0 2 . 9 7 1 . 1 6 9 4
> Steffan A. Cline  
> [EMAIL PROTECTED]                             Phoenix, 
> Azhttp://www.ExecuChoice.net                                 USA
> AIM : SteffanC          ICQ : 57234309
> YAHOO : Steffan_Cline   MSN : [EMAIL PROTECTED]
> GOOGLE: Steffan.Cline             Lasso Partner Alliance Member
>  Hide quoted 
> text -
>
> - Show quoted text -

[jQuery] Re: File inputs

[Hamish Campbell]

Some code would be useful - you've said that .click() doesn't work in
FF, but it probably isn't the .click() bit that isn't working.

One suggestion (untested) is that you include both the normal button
and the new image, but hide the image with CSS by default. This means
that if JS is disabled, the user can still click the normal button.

Then with jQuery, hide the button and show the image on
document.ready. Then apply a trigger to the image that fires the
normal button action. It means you shouldn't need to code anything
special - just piggy-back on the usual action of the button.


Eg:

$("#myImage").click(function () {
  $("#fileButton").trigger('click');
});

On Jan 30, 8:01 am, "Steffan A. Cline" <[EMAIL PROTECTED]> wrote:
> on 1/29/08 11:57 AM, Mika Tuupola at [EMAIL PROTECTED] wrote:
>
>
>
>
>
>
>
> > On Jan 29, 2008, at 7:08 PM, Steffan A. Cline wrote:
>
> >> I know there is a plug-in for styling file inputs but what about
> >> using a
> >> custom image instead? I need to do something where I have an ADD and a
> >> DELETE button side by side. I tried this using .click() and it worked
> >> flawlessly but alas FF does not support it! How stupid!.
>
> > What are you trying to achieve? What does ADD and DELETE buttons do?
>
> > --
> > Mika Tuupola
> >http://www.appelsiini.net/
>
> The add button would simply pop up the file selector as clicking on the
> actual file button would do. The delete button would set a hidden flag to
> remove the stored file.
>
> See the previous thread ".click()" This described the previous method which
> I gave up on.
>
> Thanks
>
> Steffan
>
> ---
> T E L  6 0 2 . 7 9 3 . 0 0 1 4 | F A X  6 0 2 . 9 7 1 . 1 6 9 4
> Steffan A. Cline  
> [EMAIL PROTECTED]                             Phoenix, 
> Azhttp://www.ExecuChoice.net                                 USA
> AIM : SteffanC          ICQ : 57234309
> YAHOO : Steffan_Cline   MSN : [EMAIL PROTECTED]
> GOOGLE: Steffan.Cline             Lasso Partner Alliance Member
>  Hide quoted 
> text -
>
> - Show quoted text -

[jQuery] Re: JQuery Size > YUI Compressor & mod_deflate/GZIP

[John Resig]

All this info - and more - can be found here:
http://jst.pbwiki.com/summary.php

--John

On Jan 29, 2008 5:38 PM, Geoff Millikan <[EMAIL PROTECTED]> wrote:
>
> Good point!
>
> So what's the benchmark on Jquery script execution time using a YUI
> Compressed script versus packed jquery-1.2.2.pack.js?
>
> If the time is significant, then you're right - it probably makes
> sense to use the larger YUI-Compressed file instead of the smaller
> packed file.
>
> I feel like I'm on some super duper web optimization team  ;-)
>
> Now if only I was good looking and cool...
>

[jQuery] Re: JQuery Size > YUI Compressor & mod_deflate/GZIP

[Joel Birch]

Haha, you cracked me up :)

I'm not sure of the figures for processing the packed version, however
this would need to be done for every page of your site that the user
visits because the JS is cached in packed form. This means that
whatever the overhead is for unpacking the packed version, the delay
is applied to every page of your site. For this reason, even if the
regular minified (non-packed) version was even a bit larger than it
is, I'd definitely lean towards using it as this can be cached once
and used without delay on all subsequent pages.

Joel Birch - member of the good-looking, cool, super-duper web
optimisation team. :D

[jQuery] Re: Not a plugin but code for anyone trying to have collapse-able menu with cookies

[Richard D. Worth]

You could take it a step further and encode that binary (string of 1s and
0s) as a decimal, and store that. Cool.

function b2d(b) {
  return parseInt(b, 2);
}

function d2b(d) {
  return d.toString(2);
}

- Richard

On Jan 29, 2008 6:49 PM, Jörn Zaefferer <[EMAIL PROTECTED]> wrote:

>
> Karl Swedberg schrieb:
> >
> > Sorry for the repeat posts, but this is the first time I've looked at
> > this sort of thing. I just realized that we can get up to 100 items by
> > changing that bigIndex function -- just pad values less than 10 and
> > append a delimiter to each one:  [...]
> The serialization I've used for the treeview plugin works a bit
> different, but may be applied here, too. The relevant code is this:
>
> function serialize() {
>function binary(arg) {
>return arg ? 1 : 0;
>}
>var data = [];
>branches.each(function(i, e) {
>data[i] = $(e).is(":has(>ul:visible)") ? 1 : 0;
>});
>$.cookie(settings.cookieId, data.join("") );
> }
>
> function deserialize() {
>var stored = $.cookie(settings.cookieId);
>if ( stored ) {
>var data = stored.split("");
>branches.each(function(i, e) {
>$(e).find(">ul")[ parseInt(data[i]) ? "show" :
> "hide" ]();
>});
>}
> }
>
> Branches is the jQuery object containing all list items that contain
> nested lists in the tree. For each I add 1 or 0 to an array, depending
> on the visibility (":visible") of the nested list
> (is(":has(>ul:visible)")). That array is joined with no seperator and
> stored into the cookie. settings.cookieId is "treeview" by default and
> can be customized to enable storage of more then one tree on a single
> page.
> The deserialization works the other way round, splititing the ones/zeros
> and showing and hiding the branches accordingly.
>
> This scales pretty well, the size of the tree doesn't matter, and the
> cookie is quite small, keeping the bandwith overhead rather low.
>
> Jörn
>

[jQuery] Re: need menu plugin recommendation

[Joel Birch]

I suppose you could add position:relative to the parent li element so
that their submenu uls are positioned under them, then adjust each
submenu ul's left:-whatever value to pull them back left a bit. Sounds
fiddly as you would have to fine-tune your CSS whenever the menu items
change, but it's an option.

Joel Birch.

[jQuery] Re: need menu plugin recommendation

[Jack Killpatrick]

Hi,

The problem with that example is that it doesn't do #3 in my list below. 
Maybe there's a way, just not an example?


Thx,
Jack

slooodge wrote:

Hi,
I would definitely recommend superfish (http://users.tpg.com.au/
j_birch/plugins/superfish/all-horizontal-example/).
give each  and individual class and use css for hover effect
(background-image).

good luck, Hannes




On 29 Jan., 04:13, Jack Killpatrick <[EMAIL PROTECTED]> wrote:
  

Hi All,

Can anyone recommend a jquery menu plugin to create a menu like the one
in the header of this page?

 http://www.hologic.com/ah/index.cfm

Things to notice:

1. images instead of text are used for top and bottom level menu items
2. both levels have a mouseover image
3. the submenu item group is positioned under the moused-over top level
item, unless there's not enough room on the left or right for all of
them to fit, in which case the get positioned flush left or flush right

I've used jdMenu and tinkered with Superfish menu, but am wondering if
something else is out there that would be more likely to support
something like this natively.

Oh, and it's gotta work in IE6 (as well as the usual other browsers).

Thanks,
Jack



  

[jQuery] Re: Masked Input Optional Characters

[Sean Catchpole]

Jason,

Based on your response I would recommend allowing the user to enter either
format using the watermark plugin to suggest the format of the input, then
if they enter it lazily (ex: Month 9) when they tab out of the input box,
correct their format. The reduces any server side validation and gives a
visual indication to the user what the correct input format is.

~Sean

On Jan 29, 2008 9:23 AM, Jason Levine <[EMAIL PROTECTED]> wrote:

>
>
> Actually, what I think I'm looking for is more advanced
> masking/validation.
> I want to encourage users to use 2 digits for month, but recognize that
> using one digit will be valid also.  Perhaps a plugin where the value of
> the
> field is matched against a regular expression.  If it doesn't match, some
> error message occurs.  If it does match, then it is allowed to pass.  Come
> to think of it, maybe I'll just write the plugin myself.
> --
> View this message in context:
> http://www.nabble.com/Masked-Input-Optional-Characters-tp15091355s27240p15160774.html
> Sent from the jQuery General Discussion mailing list archive at Nabble.com
> .
>
>

[jQuery] Re: [ANN] Lily, javascript visual programming tool

[Sean Catchpole]

Excellent app.

Visual programming is a lot of fun and great for creating quick mashups and
data analysis.

Is there a way to separate the "visual code" and the results it produces?

~Sean

[jQuery] Multimedia helper 4u

[Sriraj Thankaraja]

MULTIMEDIA HELPER  4 U
 GFXVoid now running on vBulletin
forum software   By DJRajan


 

It took a bit too long, but GFXVoid is finally running on the vBulletin
forum system. I sincerely apologize for the extended recent downtime, it was
pretty much unavoidable. Thank you to everyone for hanging in there with us
while GFXVoid was offline. I very much appreciated all of your patience and
support. While the temporary replacement forum, GeekBoards, was made
available for GFXVoid members during this downtime - I know that it was
nowhere near the same as the void.

Important: In order to access your account on the new forum system, you will
need to use the lost password recovery form to reset your password. Once you
submit the form you will be sent instructions via email on how to reset your
password so that you can access the new system.

If you are unable to reset your password to access your account, please send
a message using the contact form to request assistance.

Avatars and signatures did not import 100% correctly with the vBulletin
import script, so I felt that it would be best for all avatars and
signatures to be uploaded again for anyone who wants to do so. Avatars and
signatures can be edited from within your user control panel - on the left
side of the user control panel page you will see the links to edit signature
and edit avatar.

Please feel free to contact me, one of the moderators or post in the forums
if you have any questions about the new system.

Aside from all that, Welcome back to GFXVoid

[jQuery] Re: JQuery Size > YUI Compressor & mod_deflate/GZIP

[Geoff Millikan]

Good point!

So what's the benchmark on Jquery script execution time using a YUI
Compressed script versus packed jquery-1.2.2.pack.js?

If the time is significant, then you're right - it probably makes
sense to use the larger YUI-Compressed file instead of the smaller
packed file.

I feel like I'm on some super duper web optimization team  ;-)

Now if only I was good looking and cool...

[jQuery] Re: Manipulation of objects

[Josh Nathanson]

Basically you can do this:

$('select').each(function() {
   $(this).doWhatever() // will run the method doWhatever on the currently 
iterating select

});

-- Josh


- Original Message - 
From: "RyanMC" <[EMAIL PROTECTED]>

To: "jQuery (English)" 
Sent: Tuesday, January 29, 2008 3:38 PM
Subject: [jQuery] Manipulation of  objects




I am working on a site where various dynamic content will be created
each session. There will end up being between 1 and a very large
number of select boxes on the page. Users are able to add items that
need to be inserted into each select box. I found a plugin that allows
me to addOption and adjust a select, but I can't seem to make it run
through all select boxes on the page. I am quite new to jquery and any
assistance would be very appreciated. Basically I need to know what
selector to use to run through all selects. And if anyone is familiar
with the addOption plugin and knows if it will work across multiple
selects that would be fantastic too. If it won't anyone that can point
me in the right direction to hand writing out the code for the select
manipulation would be great. I will end up removing items from the
select as well. 

[jQuery] Re: jQuery API extension for Dreamweaver

[Rey Bango]

I believe Aptana, which is both standalone and a plugin for eclipse, 
includes some of these features.


Rey

Tristan wrote:

Does anyone know if a similar thing exists for the eclipse IDE?

On Jan 29, 11:45 am, Chris Charlton <[EMAIL PROTECTED]> wrote:

Updated extension (v.0.2.9) posted athttp://xtnd.us

[jQuery] Re: [ANN] Lily, javascript visual programming tool

[Morgan Allen]

Could not agree more Jörn, every link I click seemed to be sending me in
circles. Luckily this app looked really cool, otherwise I would have said
f-it in half the time it took me find the download. And I still have not
found on the site where is says what version of firefox this is meant for.
Apparently not 2.0.0.9.

On Jan 29, 2008 4:19 PM, Jörn Zaefferer <[EMAIL PROTECTED]> wrote:

>
> Jörn Zaefferer schrieb:
> >
> > Bill Orcutt schrieb:
> >> [...]
> >> Have a look at the demo applications below to get a feel for some of
> >> what Lily can do:
> >> [...]
> >> More information about Lily is available on the website:
> >> http://www.lilyapp.org/
> >>
> > Wow. Thats amazing stuff, I love the svg/javascript sound demos. Using
> > interactive visuals to create music is so much fun.
> >
> > Now I just need to take a closer look how Lily enbales stuff like
> > that, so most likey more feedback coming soon from here.
> Okay, some things:
> You need a Getting Started section and make that awfully obvious to find
> on the lilapp.org front page. Currently its difficult to find the
> download or even the wiki (which doesn't help in that respect).
> Along the link to the download should be the content of the readme file,
> avoid the need to download the package before being able to understand
> what and how to install.
> I found the download link only on the Public Beta 1 release post, which
> isn't even on the front page anymore.
> I also wonder if that couldn't be installed directly from the page - its
> just a firefox extension, isn't it? That way I wouldn't need to save
> anything on my disk and unpacking it. The included examples and demos
> could be provided via the page/wiki.
>
> Ah. After writing all that I discovered the top navigation bar,
> including the download link. You may want to make that a bit more
> obvious...
>
> Jörn
>



-- 
http://morglog.alleycatracing.com
Lets make up more accronyms!

http://www.alleycatracing.com
LTABOTIIOFR! ROFL! ROFL! ROFL!
Upcoming alley cats, reviews, touring logs, and a general congregation of
bike nerdity.

[jQuery] Manipulation of objects

[RyanMC]

I am working on a site where various dynamic content will be created
each session. There will end up being between 1 and a very large
number of select boxes on the page. Users are able to add items that
need to be inserted into each select box. I found a plugin that allows
me to addOption and adjust a select, but I can't seem to make it run
through all select boxes on the page. I am quite new to jquery and any
assistance would be very appreciated. Basically I need to know what
selector to use to run through all selects. And if anyone is familiar
with the addOption plugin and knows if it will work across multiple
selects that would be fantastic too. If it won't anyone that can point
me in the right direction to hand writing out the code for the select
manipulation would be great. I will end up removing items from the
select as well.

[jQuery] Re: [validate] possible/how-to validate all forms on page with given class and/or name?

[Randall J. Parr]

Jörn Zaefferer wrote:
>
> Randall J. Parr schrieb:
>> [...]
>> All of the above selectors seem to work when tested in firebug; that 
>> is, the proper line items (forms) are found.
>>
>> 1) Is it possible to validate one or more forms in a given page based 
>> on something other than id?
>>
>> 2) If yes, what (probably simple thing) am I missing in the above?
>>
>> 3) If no, is it possible using a different approach such as adding a 
>> button (instead of a form), detecting when any button of a given 
>> class/type is clicked, and programatically performing the validation 
>> and the submission?
>>   
> There is currently a limitation in place that lets you validate only 
> one form per call to validate. So to evoid writing the call more then 
> once you have to write a loop:
>
> $(".selector").each(function() {
>  $(this).validate(...);
> });
>
> I'm aware of the problem but won't be able to fix it until the 2.0 
> release due to backwards compability.
>
> Please let me know if you've got any other issues.
>
> Regards
> Jörn

That worked nicely.

$().ready( function()
{
$("form.BUYITBELOW:has([name='itemquant'][type='text'])").each( 
function()
{
 $(this).validate(
{
rules: {
itemquant:
{
required: true,
digits: true,
minLength: 2
}
},
messages:
{
itemquant:
{
required: "Please enter a qty",
digits: "Qty must be a number",
minLength: "Qty must be at least 2 digits"
}
}
});
});
});


Thanks.
R.Parr

[jQuery] Re: New and better demos

[Ariel Flesler]

Ugh..

(function( $ ){

  var last = 0,
$pane = $('#container'),
$items = $pane.find('li');

  $('#next').bind('click', +1, handler );
  $('#prev').bind('click', -1, handler );

  function handler( e ){
var next = last + e.data;
if( $items[next] ){
  last = next;
  $pane.scrollTo( $items[next], ... );//check the settings
}
  };

})( jQuery );

Ariel Flesler

On 29 ene, 22:15, Ariel Flesler <[EMAIL PROTECTED]> wrote:
> Hi caruso, your situation remainds me of 
> this:http://www.freewebs.com/flesler/jQuery.ScrollShow/
> It's a plugin that actually uses ScrollTo. It's called 
> ScrollShow:http://plugins.jquery.com/project/ScrollShow
>
> I kinda abandoned the plugin and it stayed in beta stage, but it
> automatically does what you are saying.
> If you use it, set the setting 'navigationMode' to 's' instead of
> 'sr', to release the click on the items, also set 'wrappers' to '',
> you don't need that.
> It can also be done with a small snippet that remembers the last,
> something like:
>
> (function( $ ){
>   var last = 0,
> $pane = $('#container'),
> $items = $pane.find('li');
>
>   $('#next').bind('click', +1, handler );
>   $('#prev').bind('click', -1, handler );
>
>   function handler( e ){
> var next = last + e.data;
> if( $items[next] ){
>   last = next;
>   
> $pane.scrollTo( $items[next], ... );//check the settings
> }
>   };
>
> })( jQuery );
>
> I checked the syntax was correct, but not that it works, I hope it
> does :)
> Thanks for you reply.
>
> Cheers
> Ariel Flesler
>
> As for adding that to LocalScroll... that plugins handles anchor, this
> is different. Maybe ScrollShow is the solution.
> On 29 ene, 18:57, caruso_g <[EMAIL PROTECTED]> wrote:
>
>
>
> > Thanks Ariel, I didn't be able to use it for the following project
> > (http://www.bonsai-studio.net/clients/lamoy/wessel02/albums/page2/inde...
> > ) so I had to make some code to the ground up (think about I am just a
> > designer... :P ).
>
> > So here I am, I have a feature request!
>
> > Can you implement a function to just use two links ("left | right" in
> > the example above) to make the content scroll to the previous or the
> > next item into the container?
> > It would be great!
>
> > I imagine the code I wrote should be horrible to your eyes, but that
> > should make the idea of the feature I am talking about.
> > It would be great if at the end of the items it could show again the
> > first item, like  Coda website, and so on.
>
> > Thanks in advace.
>
> > On Jan 29, 6:08 pm, Ariel Flesler <[EMAIL PROTECTED]> wrote:
>
> > > Hi all
>
> > > Thanks a lot for your replies!
>
> > > @Jack
> > >     I don't fully understand what you mean, could you explain it some
> > > more ? or maybe find an example (can be flash or anything).
>
> > > @caruso
> > >    ScrollTo can scroll to any kind of element, not only LIs. Check the
> > > old demo, the first input field uses a CSS class based selector, with
> > > an :eq  filter. You can use any kind of selector, but you must make
> > > sure it matches at least 1 DOM element. The first one will be taken
> > > into account.
>
> > > @Alexandre
> > >    I really liked your comment, I also loved the psychodelic squares,
> > > but I realized the demo wasn't very useful in the end. So I started
> > > over.
>
> > > Thanks again, I'm open to new features for any of both plugins. Just
> > > beware not to go far away from the scope of the plugin.
> > > Cheers.
>
> > > Ariel Flesler
>
> > > On 29 ene, 14:48, "Alexandre Plennevaux" <[EMAIL PROTECTED]> wrote:
>
> > > > in fact i just looked at the old demo and i find it quite nice looking 
> > > > too!
> > > > (me love colours :)
> > > > at least it's not webtwooish, which is a quality in my eyes 
> > > > :)http://www.freewebs.com/flesler/jQuery.ScrollTo/index.old.html
>
> > > > On Jan 29, 2008 4:56 PM, caruso_g <[EMAIL PROTECTED]> wrote:
>
> > > > > Hi, thanks a lot for these great plugins. They are awesome.
> > > > > But I would make you a feature request, if possible, and, when you
> > > > > can.
>
> > > > > It would be great to be able to scroll to any kind of elements into
> > > > > the containner, and not only list items.
>
> > > > > Sometimes it happens that one can't know in advance which kind of
> > > > > elements will be putted by the client into the container, so allowing
> > > > > to scroll to "anything" inside it would solve a lot of problems!
>
> > > > > Thanks lot anyway for your great works, and I would like to thanks all
> > > > > other developers out there for your wonderful work and your friendly
> > > > > support.
>
> > > > > On Jan 29, 3:54 am, Jack Killpatrick <[EMAIL PROTECTED]> wrote:
> > > > > > Thanks for the additional demos, they opened my eyes to a few usages
> > > > > > that I hadn't thought of when looking at the axis-based demos. Very
> > > > > nice.
>
> > > > > > I'm wondering: could this be adapted to do "velocity based" (for 
> > > > > > lack of
> > > > > > a better word) scroll

[jQuery] Re: jQuery API extension for Dreamweaver

[Tristan]

Does anyone know if a similar thing exists for the eclipse IDE?

On Jan 29, 11:45 am, Chris Charlton <[EMAIL PROTECTED]> wrote:
> Updated extension (v.0.2.9) posted athttp://xtnd.us

[jQuery] Shadowbox and ajax-returned content?

[Bruce MacKay]

Hello all/Michael,

I'm wanting to use Shadowbox in an application where the content of 
the page is being changed via AJAX


I have added Shadow.init(); into the callback function that is fired 
when the page's content is repopulated.   From the generated view of 
the source code, the

" "
tags are present, so presumably the Shadow.init() is being fired. 
However, this doesn't seem to be enough as the Shadowbox functions 
are not firing on the new content. I've saved one of these pages as a 
standalone HTML page and the Shadowbox functionality works as 
expected, so apparently I'm not rebinding (if that's the correct 
word) the new content to Shadowbox.


Any idea/suggestion to allow me to achieve what I'm seeking here?

Thanks

Bruce 

[jQuery] Re: [ANN] Lily, javascript visual programming tool

[Jörn Zaefferer]

Jörn Zaefferer schrieb:


Bill Orcutt schrieb:

[...]
Have a look at the demo applications below to get a feel for some of
what Lily can do:
[...]
More information about Lily is available on the website: 
http://www.lilyapp.org/
  
Wow. Thats amazing stuff, I love the svg/javascript sound demos. Using 
interactive visuals to create music is so much fun.


Now I just need to take a closer look how Lily enbales stuff like 
that, so most likey more feedback coming soon from here.

Okay, some things:
You need a Getting Started section and make that awfully obvious to find 
on the lilapp.org front page. Currently its difficult to find the 
download or even the wiki (which doesn't help in that respect).
Along the link to the download should be the content of the readme file, 
avoid the need to download the package before being able to understand 
what and how to install.
I found the download link only on the Public Beta 1 release post, which 
isn't even on the front page anymore.
I also wonder if that couldn't be installed directly from the page - its 
just a firefox extension, isn't it? That way I wouldn't need to save 
anything on my disk and unpacking it. The included examples and demos 
could be provided via the page/wiki.


Ah. After writing all that I discovered the top navigation bar, 
including the download link. You may want to make that a bit more obvious...


Jörn

[jQuery] Re: New and better demos

[Ariel Flesler]

Hi caruso, your situation remainds me of this:
http://www.freewebs.com/flesler/jQuery.ScrollShow/
It's a plugin that actually uses ScrollTo. It's called ScrollShow:
http://plugins.jquery.com/project/ScrollShow

I kinda abandoned the plugin and it stayed in beta stage, but it
automatically does what you are saying.
If you use it, set the setting 'navigationMode' to 's' instead of
'sr', to release the click on the items, also set 'wrappers' to '',
you don't need that.
It can also be done with a small snippet that remembers the last,
something like:

(function( $ ){
  var last = 0,
$pane = $('#container'),
$items = $pane.find('li');

  $('#next').bind('click', +1, handler );
  $('#prev').bind('click', -1, handler );

  function handler( e ){
var next = last + e.data;
if( $items[next] ){
  last = next;
  
$pane.scrollTo( $items[next], ... );//check the settings
}
  };
})( jQuery );

I checked the syntax was correct, but not that it works, I hope it
does :)
Thanks for you reply.

Cheers
Ariel Flesler

As for adding that to LocalScroll... that plugins handles anchor, this
is different. Maybe ScrollShow is the solution.
On 29 ene, 18:57, caruso_g <[EMAIL PROTECTED]> wrote:
> Thanks Ariel, I didn't be able to use it for the following project
> (http://www.bonsai-studio.net/clients/lamoy/wessel02/albums/page2/inde...
> ) so I had to make some code to the ground up (think about I am just a
> designer... :P ).
>
> So here I am, I have a feature request!
>
> Can you implement a function to just use two links ("left | right" in
> the example above) to make the content scroll to the previous or the
> next item into the container?
> It would be great!
>
> I imagine the code I wrote should be horrible to your eyes, but that
> should make the idea of the feature I am talking about.
> It would be great if at the end of the items it could show again the
> first item, like  Coda website, and so on.
>
> Thanks in advace.
>
> On Jan 29, 6:08 pm, Ariel Flesler <[EMAIL PROTECTED]> wrote:
>
>
>
> > Hi all
>
> > Thanks a lot for your replies!
>
> > @Jack
> >     I don't fully understand what you mean, could you explain it some
> > more ? or maybe find an example (can be flash or anything).
>
> > @caruso
> >    ScrollTo can scroll to any kind of element, not only LIs. Check the
> > old demo, the first input field uses a CSS class based selector, with
> > an :eq  filter. You can use any kind of selector, but you must make
> > sure it matches at least 1 DOM element. The first one will be taken
> > into account.
>
> > @Alexandre
> >    I really liked your comment, I also loved the psychodelic squares,
> > but I realized the demo wasn't very useful in the end. So I started
> > over.
>
> > Thanks again, I'm open to new features for any of both plugins. Just
> > beware not to go far away from the scope of the plugin.
> > Cheers.
>
> > Ariel Flesler
>
> > On 29 ene, 14:48, "Alexandre Plennevaux" <[EMAIL PROTECTED]> wrote:
>
> > > in fact i just looked at the old demo and i find it quite nice looking 
> > > too!
> > > (me love colours :)
> > > at least it's not webtwooish, which is a quality in my eyes 
> > > :)http://www.freewebs.com/flesler/jQuery.ScrollTo/index.old.html
>
> > > On Jan 29, 2008 4:56 PM, caruso_g <[EMAIL PROTECTED]> wrote:
>
> > > > Hi, thanks a lot for these great plugins. They are awesome.
> > > > But I would make you a feature request, if possible, and, when you
> > > > can.
>
> > > > It would be great to be able to scroll to any kind of elements into
> > > > the containner, and not only list items.
>
> > > > Sometimes it happens that one can't know in advance which kind of
> > > > elements will be putted by the client into the container, so allowing
> > > > to scroll to "anything" inside it would solve a lot of problems!
>
> > > > Thanks lot anyway for your great works, and I would like to thanks all
> > > > other developers out there for your wonderful work and your friendly
> > > > support.
>
> > > > On Jan 29, 3:54 am, Jack Killpatrick <[EMAIL PROTECTED]> wrote:
> > > > > Thanks for the additional demos, they opened my eyes to a few usages
> > > > > that I hadn't thought of when looking at the axis-based demos. Very
> > > > nice.
>
> > > > > I'm wondering: could this be adapted to do "velocity based" (for lack 
> > > > > of
> > > > > a better word) scrolling, like the iphone and ipod touch do? I'm
> > > > > thinking something like
>
> > > > > a) the user would click on div (which might have a list in it), then
> > > > > flick their mouse (or pen, for us pen-tablet users)
> > > > > b) a distance somewhere else on the div would be calculated based on 
> > > > > the
> > > > > speed of the flick
> > > > > c) the scroller would use one of the easing plugins (or some other
> > > > > animation) to scroll to/near the calculated destination
> > > > > d) clicking on them while they're moving would stop them where they 
> > > > > get
> > > > > clicked.
>
> > > > > Any plans for that? Thoughts? I'm 

[jQuery] Re: [ANN] Lily, javascript visual programming tool

[Jörn Zaefferer]

Bill Orcutt schrieb:

[...]
Have a look at the demo applications below to get a feel for some of
what Lily can do:
[...]
More information about Lily is available on the website: http://www.lilyapp.org/
  
Wow. Thats amazing stuff, I love the svg/javascript sound demos. Using 
interactive visuals to create music is so much fun.


Now I just need to take a closer look how Lily enbales stuff like that, 
so most likey more feedback coming soon from here.


Regards
Jörn

[jQuery] Re: Not a plugin but code for anyone trying to have collapse-able menu with cookies

[Jörn Zaefferer]

Karl Swedberg schrieb:


Sorry for the repeat posts, but this is the first time I've looked at 
this sort of thing. I just realized that we can get up to 100 items by 
changing that bigIndex function -- just pad values less than 10 and 
append a delimiter to each one:  [...]
The serialization I've used for the treeview plugin works a bit 
different, but may be applied here, too. The relevant code is this:


function serialize() {
function binary(arg) {
return arg ? 1 : 0;
}
var data = [];
branches.each(function(i, e) {
data[i] = $(e).is(":has(>ul:visible)") ? 1 : 0;
});
$.cookie(settings.cookieId, data.join("") );
}

function deserialize() {
var stored = $.cookie(settings.cookieId);
if ( stored ) {
var data = stored.split("");
branches.each(function(i, e) {
$(e).find(">ul")[ parseInt(data[i]) ? "show" : "hide" 
]();
});
}
}

Branches is the jQuery object containing all list items that contain 
nested lists in the tree. For each I add 1 or 0 to an array, depending 
on the visibility (":visible") of the nested list 
(is(":has(>ul:visible)")). That array is joined with no seperator and 
stored into the cookie. settings.cookieId is "treeview" by default and 
can be customized to enable storage of more then one tree on a single page.
The deserialization works the other way round, splititing the ones/zeros 
and showing and hiding the branches accordingly.


This scales pretty well, the size of the tree doesn't matter, and the 
cookie is quite small, keeping the bandwith overhead rather low.


Jörn

[jQuery] Re: [Announce] New Menu plugin

[Jörn Zaefferer]

Roman Weich schrieb:

[...]
If you want, you can try it out here: 
http://p.sohei.org/jquery-plugins/menu/


Please let me know what you think about it.

Nice! Some things I noted while clicking through the demo:

You could improve the demo by adding cursor:default for the menu. The 
text-selection cursor is rather irritating inside the menu.
It would be nice to be able to open the menu on hover, maybe powered by 
the hoverintent menu. That way I'd click only to select an item, that 
alreay works for submenus.
Examples three, four and five seem to be just the same as two on first 
glance, I'm still not sure I'd need any of those. Making it more clear 
why those are important would help, otherwise you could consider 
reducing the API to the really important essentials. Maybe taking 
graceful degradation into account, and at least mentioning what to use 
if that is important.
Clicking the seperator in example three alerts 'you clicked ""', seems 
like a bug.
The first example should work without options at all, showing that the 
defaults work just fine out of the box.
All examples show the alert on click, but only the first contains the 
code for that.
You may want to use http://plugins.jquery.com/ for your plugin page, at 
least in addition to your own.


Jörn

[jQuery] [ANNOUNCE] jQuery.Preload - 4 in 1 image preloader

[Ariel Flesler]

Hi everyone

Today added the first release of jQuery.Preload. As said in the
project page, it's a multi-functional plugin to preload images. It can
be used for 4 (or more) different situations.

The plugin is very small ( less than 1.5kb minified ) and offers many
settings to configure it. It also exposes 3 callbacks. jQuery.Preload
goes beyond a simple image preloader and can be used ( for example )
to generate galleries with little code(like shown in the URL mode
demo), or even to ping using images. I'm sure it can aid on many other
situations as well (ideas are welcomed).

The project page includes all the documentation for the different
modes, every setting is explained. There're 4 small demos, one for
each mode, which contain comments, and a code sample.
Note that is not necessary to use it exactly as in the example. Its
high versatility suits many diverse situations.

Project Page: http://plugins.jquery.com/project/Preload
Demos: http://www.freewebs.com/flesler/jQuery.Preload/

The demos start with the Link mode, check all 4, linked on the right
with red arrows.

Cheers

Ariel Flesler

[jQuery] Re: Not Submit [validate]

[Jörn Zaefferer]

Marcos Aurélio schrieb:

OBS: I just found that the problem only occurs when you have a field
with the attribute "remote".
  

Could you provide a testpage?

Jörn

[jQuery] Re: Parsing XML using jQuery

[Dave Stewart]

Thanks David and Tim,
I didn't know that. Very useful.

[jQuery] Re: Change Jeditable trigger

[frizzle]

I noticed that if the trigger is in a different TD than the DIV
itself, Mika's method won't work, am i correct?

On Jan 24, 1:58 pm, frizzle <[EMAIL PROTECTED]> wrote:
> On Jan 24, 12:39 pm, frizzle <[EMAIL PROTECTED]> wrote:
>
>
>
> > On Jan 24, 11:59 am, Mika Tuupola <[EMAIL PROTECTED]> wrote:
>
> > > On Jan 23, 2008, at 11:50 PM, frizzle wrote:
>
> > > > Hi there,
>
> > > > Imagine i have a DIV with editable content (with Jeditable), but i
> > > > want the trigger for that to be a link behind the div.
> > > > It´s probably very simple, but i´m pretty new to jQuery and do not
> > > > know how to achieve this.
> > > > It has to look somewhat like this;
>
> > > > Editable text  > > > href="#">Edit me!!
>
> > > If your html is:
>
> > > -cut-
> > >Editable text  > > class="edit_trigger">Edit me!!
> > > -cut-
>
> > > You could do something like:
>
> > > -cut-
> > >   $(".edit").editable("echo.php", {
> > >   event : "edit"
> > >});
> > >$(".edit_trigger").bind("click", function() {
> > >$(this).prev().trigger("edit");
> > >});
> > > -cut-
>
> > > Hope this helps.
>
> > > --
> > > Mika Tuupolahttp://www.appelsiini.net/
>
> > Thank you both for your answers. I don't have time to test it yet, but
> > i'm eager to try them!
> > The way i see it now, i'll need Javier's code, if i'm right Mika's
> > code would still require the actual editable item to be a trigger.
>
> > Thanks again, i'll let you guys know what i did.
>
> > Frizzle.
>
> While i'm at it: i've also been unable sofar to find an explanation of
> how to add validation to jeditable:
> i want to use Jeditable to edit filenames in a dirlist. So when i've
> editted one, i need to check with the server wether or not the
> filename is allowed, and if it's unique.
> At best i will be able to trigger an alert kind of thing with the
> result coming from the server...
>
> Thanks again, Frizzle.

[jQuery] Re: Coda-slider ... with a twist!

[[EMAIL PROTECTED]]

Hey Asif,

I'm interested in assisting you with this task.  However, I would need
to have a look at your source code.


On Dec 30 2007, 4:31 pm, Asif R Naqvi <[EMAIL PROTECTED]> wrote:
> Hi Guys,
>
> Hope one of you can put me out of this misery!
>
> I'm trying to modify the coda-slider which is done by Niall
> Dohertyhttp://www.ndoherty.com/blog/2007/09/15/introducing-coda-slider
> to function like the one 
> herehttp://asifrnaqvi.com/stuff/coda-slider.1.1.1/index.html
> ... actually, it doesn't work the way I want it. Only the very first link 
> shows
> how I want it to work and owning to not being a skilled developer can't make
> rest of the links do the same.
>
>  If you click on 'Article
> 01' all the links slide out and the selected article slides in. Clicking on 
> 'back'
> button slides you back into the article links. I want all the articles to
> appear at the same place the same way as the first one! Does this make sense 
> :(
>
> I know it's doable but beyond my skills ... I'd really
> appreciate if one can help me.
>
> Thanks,
> Asif

[jQuery] Re: New and better demos

[caruso_g]

Thanks Ariel, I didn't be able to use it for the following project
( http://www.bonsai-studio.net/clients/lamoy/wessel02/albums/page2/index.html
) so I had to make some code to the ground up (think about I am just a
designer... :P ).

So here I am, I have a feature request!

Can you implement a function to just use two links ("left | right" in
the example above) to make the content scroll to the previous or the
next item into the container?
It would be great!

I imagine the code I wrote should be horrible to your eyes, but that
should make the idea of the feature I am talking about.
It would be great if at the end of the items it could show again the
first item, like  Coda website, and so on.

Thanks in advace.

On Jan 29, 6:08 pm, Ariel Flesler <[EMAIL PROTECTED]> wrote:
> Hi all
>
> Thanks a lot for your replies!
>
> @Jack
> I don't fully understand what you mean, could you explain it some
> more ? or maybe find an example (can be flash or anything).
>
> @caruso
>ScrollTo can scroll to any kind of element, not only LIs. Check the
> old demo, the first input field uses a CSS class based selector, with
> an :eq  filter. You can use any kind of selector, but you must make
> sure it matches at least 1 DOM element. The first one will be taken
> into account.
>
> @Alexandre
>I really liked your comment, I also loved the psychodelic squares,
> but I realized the demo wasn't very useful in the end. So I started
> over.
>
> Thanks again, I'm open to new features for any of both plugins. Just
> beware not to go far away from the scope of the plugin.
> Cheers.
>
> Ariel Flesler
>
> On 29 ene, 14:48, "Alexandre Plennevaux" <[EMAIL PROTECTED]> wrote:
>
> > in fact i just looked at the old demo and i find it quite nice looking too!
> > (me love colours :)
> > at least it's not webtwooish, which is a quality in my eyes 
> > :)http://www.freewebs.com/flesler/jQuery.ScrollTo/index.old.html
>
> > On Jan 29, 2008 4:56 PM, caruso_g <[EMAIL PROTECTED]> wrote:
>
> > > Hi, thanks a lot for these great plugins. They are awesome.
> > > But I would make you a feature request, if possible, and, when you
> > > can.
>
> > > It would be great to be able to scroll to any kind of elements into
> > > the containner, and not only list items.
>
> > > Sometimes it happens that one can't know in advance which kind of
> > > elements will be putted by the client into the container, so allowing
> > > to scroll to "anything" inside it would solve a lot of problems!
>
> > > Thanks lot anyway for your great works, and I would like to thanks all
> > > other developers out there for your wonderful work and your friendly
> > > support.
>
> > > On Jan 29, 3:54 am, Jack Killpatrick <[EMAIL PROTECTED]> wrote:
> > > > Thanks for the additional demos, they opened my eyes to a few usages
> > > > that I hadn't thought of when looking at the axis-based demos. Very
> > > nice.
>
> > > > I'm wondering: could this be adapted to do "velocity based" (for lack of
> > > > a better word) scrolling, like the iphone and ipod touch do? I'm
> > > > thinking something like
>
> > > > a) the user would click on div (which might have a list in it), then
> > > > flick their mouse (or pen, for us pen-tablet users)
> > > > b) a distance somewhere else on the div would be calculated based on the
> > > > speed of the flick
> > > > c) the scroller would use one of the easing plugins (or some other
> > > > animation) to scroll to/near the calculated destination
> > > > d) clicking on them while they're moving would stop them where they get
> > > > clicked.
>
> > > > Any plans for that? Thoughts? I'm picturing little "flick lists" that
> > > > could be embedded in a page.
>
> > > > Thx,
> > > > Jack
>
> > > > Ariel Flesler wrote:
> > > > > Hi everyone
>
> > > > > Right before going on vacations, I improved the demos of both ScrollTo
> > > > > and LocalScroll. I Applied a common style to all of them. And
> > > > > simplified the code of LocalScroll's to make it work entirely with the
> > > > > plugin (no "raw" call to ScrollTo).
> > > > > I also added an AJAX version of the LocalScroll's demo, showing the
> > > > > use of the option 'persistent', which is IMO, quite useful.
>
> > > > > In short.. if someone's interested in checking.. here are the links:
> > > > > LocalScroll:http://www.freewebs.com/flesler/jQuery.LocalScroll/
> > > > > LocalScroll AJAX version:
> > >http://www.freewebs.com/flesler/jQuery.LocalScroll/ajax/
> > > > > ScrollTo:http://www.freewebs.com/flesler/jQuery.ScrollTo/
>
> > > > > Cheers.
> > > > > Ariel Flesler
>
> > --
> > Alexandre Plennevaux
> > LAb[au]
>
> >http://www.lab-au.com-Ocultar texto de la cita -
>
> > - Mostrar texto de la cita -

[jQuery] Re: jquery VS internet explorer

[ZiTAL]

Thank you very much, i try this tomorrow ;)

On Jan 29, 6:21 pm, "Charles K. Clarkson" <[EMAIL PROTECTED]>
wrote:
> ZiTAL wrote:
>
> : Hi, i have done a very simple example of jquery slide, but it doesn't
> : work correctly in internet explorer, it blinks in the beginning and at
> : the end. Thanks for all (sorry for my bad english).
> :
> : link:
> :http://zital.no-ip.org/jquery/
>
> [gets on soap box]
>
> Always, always, always start with well formed html(xhtml). Validate it
> to be certain that is not the problem. The DOM depends on you knowing how
> to write well formed markup. If you don't write it, the browser makes stuff
> up to fill in any missing pieces. When the browser guesses wrong, your code
> and markup often fail. Browsers guess wrong a lot.
>
> Get out of Quirks mode and specifically define the character encoding.
> This will solve a lot of cross browser problems. Use a DOCTYPE at the top
> of all your xhtml (and html) pages (see this url for 
> xhtml:http://www.w3schools.com/tags/tag_doctype.asp). Here is the xhtml
> Transitional DOCTYPE declaration. It will get you out of Quirks mode.
>
>  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
>
> Use a character encoding in the header. There are a lot of different
> encodings out there. I find utf-8 to my liking. Do a search for other
> character encodings.
>
> 
>
> This will solve many of the problems you have with IE 6. Including
> the one you presented here. If you have a cross browser problem, go
> validate your page, first. Validate the css and html(xhtml). Fix the
> validation problems and see if the other problem is still happening. You
> may be surprised by the result.
>
> I think I have learned more about css and html from validating (and
> repairing) my pages than from any other single source. I have gotten so
> anal about it that I created a custom DTD for one client.
>
> [gets off soap box]
>
> I tested your script with this header and IE6 performed fine. I am
> using the jquery version 1.2.2. I didn't test your page using your source.
> .
>
>  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
> 
> 
> Foo
> 
>
>  src="/site/code/jquery-1.2.2.pack.js">
> 

[jQuery] Re: Validate remote method response problem

[Rus Miller]

Whew!  OK.  Got the URL checker working but to tell the truth I don't
know what the issue was.  I thought it was the onkeyup:false that
fixed it but I just checked and it worked anyway, although I like the
idea of the validation happening on blur so I left it as false.

If anyone's interested...

HTML markup: http://darthead.pastebin.com/f644fcf6b
Validation code: http://darthead.pastebin.com/f2d416812
PHP class and code: http://darthead.pastebin.com/f3b21a38b

I have one more question, how would I display a label.pending spinner
while the validation (especially the remote request) is happening?  I
realize on the other fields the spinner would be there and gone before
the user saw it, but for consistency's sake.

And, respectfully, I think the email validation should check for a
TLD.  I know it's technically correct that one is not needed, but in
practice how often is that going to happen?  Maybe you could add an
emailTLD method?  Or better yet, an emailnoTLD, or something like
that.  It's really no use validating an email I won't be able to use.
My two cents...


On Jan 29, 11:13 am, Jörn Zaefferer <[EMAIL PROTECTED]> wrote:
> Rus Miller schrieb:> OK, finally...
>
> >http://monovisiondesign.com/client/jquery/validate-url/form.php (I've
> > got another problem with PHP config in that my script isn't connecting
> > on this server, but it should still return false and cause an error on
> > the form).  The markup for the form is 
> > here:http://darthead.pastebin.com/f644fcf6b
>
> The serverside must return "true" or "false", without the quotes, eg. in
> PHP this:
> echo "true" which outputs true without quotes.
> In my attempts to test your page Firebug didn't show any response at
> all, so it seems like something is wrong on the serverside.> After an initial 
> wrong URL the remote method appears to be firing on
> > every keystroke if you look at the log.  I thought it was only
> > supposed to fire on blur?
>
> Thats was designed for pure client-side validation. For now you may want
> to completely disable validation on keyup, by setting onkeyup: 
> false.>http://monovisiondesign.com/client/jquery/validate-url/includes/log.txt
>
> > And on focus isn't the error message supposed to go away until the
> > element is blurred again?
>
> You can enable that via focusCleanup: true.> [...]
>
> > And, btw, there's another post about this that you've probably already
> > answered, but the email validation doesn't check for a TLD.
>
> The problem here is that a valid email address doesn't need an TLD.
>
> Jörn

[jQuery] Safari 3 offset and empty table cells

[whylom]

I am looking for a workaround to some strange behavior I've observed
in Safari 3.  I am getting inaccurate values for the offsetTop of
table cells, but only when the cells are empty.  The width and height
are accurate.  offsetTop is even accurate for the surrounding cells,
as long as they are not empty.

I first noticed this while using jQuery's offset() function, but this
is clearly a Safari issue.  I did a great deal of research before
posting here, but I was unable to find any clues anywhere else.  Do
any of my fellow browser hackers have any ideas?

[jQuery] [ANN] Lily, javascript visual programming tool

[Bill Orcutt]

Hi All-

I'm happy to announce the first beta release of Lily, a Mozilla based
visual programming environment written in Javascript. Lily is a
modular framework that allows you to wire together Javascript library
components graphically. Currently there are Lily modules that wrap
components from the YUI, JQuery & Scriptaculous libraries. There are
also modules that provide access to the file system, browser storage,
network & graphics. Lily programs can be saved as standalone XULRunner
applications or as Firefox addons.

Have a look at the demo applications below to get a feel for some of
what Lily can do:

http://www.vimeo.com/625294
http://www.vimeo.com/625739
http://www.vimeo.com/626481
http://www.vimeo.com/625141

More information about Lily is available on the website: http://www.lilyapp.org/

thanks

-Bill

[jQuery] Re: Not a plugin but code for anyone trying to have collapse-able menu with cookies

[Karl Swedberg]

Sorry for the repeat posts, but this is the first time I've looked at  
this sort of thing. I just realized that we can get up to 100 items by  
changing that bigIndex function -- just pad values less than 10 and  
append a delimiter to each one:



function bigIndex(inival) {
  return inival < 10 ? '0' + inival + '-' : '' + inival + '-';
}

--Karl


On Jan 29, 2008, at 4:53 PM, Karl Swedberg wrote:



No problem, Bhaarat! Glad you like it.

Actually, the way I set it up, mine was limited to 10 or fewer  
links. But we can increase that number by calling a function that  
returns, for example, a base-32 string instead of index:


function bigIndex(inival) {
 return (inival).toString(32);
}


The updated demo can be found, still, at 
http://test.learningjquery.com/cookie-menu.html

Good luck with your test page!

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



On Jan 29, 2008, at 4:08 PM, Bhaarat Sharma wrote:



Hi Karl,

Thanks a lot! your solution is obviously much better and not  
dependent

on how many links there are. since you are using 'each' function.

I had the concept with me but not the power of ins and outs of
jQuery :)

Next i'll be trying to make 
http://www.coldfusionjedi.com/demos/sharp/ajaxLoadOnScroll/test.cfm
in jQuery+jsp (not PHP for a change)

will keep you posted!

Thanks
-bhaarat

On Jan 29, 3:56 pm, Karl Swedberg <[EMAIL PROTECTED]> wrote:

Hi Bhaarat,

You've done a nice job here! I was wondering, though, if we could  
take
advantage of the index value of the links, so I re-factored your  
code
a bit (still using Klaus's cookie plugin). Here is what it looks  
like:


$(document).ready(function() {
  $('#menu li ul').hide();
  var cookieValue = $.cookie('menuCookie') || '';
  $('#menu > li > a').each(function(index) {
var $this = $(this), $checkElement = $this.next('ul');
if (cookieValue.indexOf(index) > -1) {
  $checkElement.show();
}
$this.click(function() {
  if ($checkElement.is(':hidden')) {
$checkElement.slideDown();
cookieValue = cookieValue + index;
$.cookie('menuCookie', cookieValue);
  } else {
$checkElement.slideUp();
cookieValue = cookieValue.replace(index,'');
$.cookie('menuCookie', cookieValue);
  }
  return false;
});
  });

});

I put up a little demo page here:

http://test.learningjquery.com/cookie-menu.html

On the demo page, I also added a little function to show the value  
of

the cookie and called the function onready and onclick:

function showCookie() {
  if (!$('#jar').length) {
$('').appendTo('body');
  }
  $('#jar').text(document.cookie);

}

Cheers,

--Karl
_
Karl Swedbergwww.englishrules.comwww.learningjquery.com

On Jan 29, 2008, at 1:41 PM, Bhaarat Sharma wrote:




Hi,



I took the code from jQuery Accordion menu and am using the cookie
plugin.



while searching for a collapse-able menu I saw that a lot of people
were looking for this but with cookies so when user refreshes..the
collapse/expand state stay the same.



I am new to jQuery and even javascript.



But here I have jotted down something which is working for me.


Experts out there: if you would like to add some suggestions on  
how to

better do this..i'd appreciate it.
I dont like the fact that i am different cookies for different menu
items...



  function initMenu() {
$('#menu ul').hide();



if ($.cookie('the_cookie1')=='a'||$.cookie('the_cookie2')=='b'||
$.cookie('the_cookie3')=='c'||
  $.cookie('the_cookie4')=='d')
{



if ($.cookie('the_cookie1')=='a')
  $("a").filter(".a").next().slideDown('fast');
if ($.cookie('the_cookie2')=='b')
  $("a").filter(".b").next().slideDown('fast');
if ($.cookie('the_cookie3')=='c')
  $("a").filter(".c").next().slideDown('fast');
if ($.cookie('the_cookie4')=='d')
  $("a").filter(".d").next().slideDown('fast');



}



$('#menu li a').click(
function() {
var checkElement = $(this).next();
if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
  removeCookie($(this).attr('class'));
  checkElement.slideUp('fast');
}
if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
setCookie($(this).attr('class'));
checkElement.slideDown('fast');
return false;
}
});



/*$('#menu li a').click(
  function() {
  setCookie($(this).attr('class'));
  $(this).next().slideToggle('normal');
}
  );*/
}
function setCookie(some)
{
var s = some;
if (s=='a')
$.cookie('the_cookie1', s);
else if (s=='b')
$.cookie('the_cookie2', s);
else if (s=='c')
$.cookie('the_cookie3', s);
else if (s=='d')
$.cookie('the_cookie4', s);



//  alert('cookie set  ' + s);
}
function removeCookie(some1)
{
var s = some1;
if (s=='a')
$.cookie('the_cookie1',null);
else if (s=='b')
$.cookie('the_cookie2',null);
else if (s=='c')
$.cookie('the_cookie3',null);
else if (s=='d')
$.cookie('the_cookie4',null);
}



$(document).ready(fu

[jQuery] Re: Not a plugin but code for anyone trying to have collapse-able menu with cookies

[Karl Swedberg]

No problem, Bhaarat! Glad you like it.

Actually, the way I set it up, mine was limited to 10 or fewer links.  
But we can increase that number by calling a function that returns,  
for example, a base-32 string instead of index:


function bigIndex(inival) {
  return (inival).toString(32);
}


The updated demo can be found, still, at 
http://test.learningjquery.com/cookie-menu.html

Good luck with your test page!

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



On Jan 29, 2008, at 4:08 PM, Bhaarat Sharma wrote:



Hi Karl,

Thanks a lot! your solution is obviously much better and not dependent
on how many links there are. since you are using 'each' function.

I had the concept with me but not the power of ins and outs of
jQuery :)

Next i'll be trying to make 
http://www.coldfusionjedi.com/demos/sharp/ajaxLoadOnScroll/test.cfm
in jQuery+jsp (not PHP for a change)

will keep you posted!

Thanks
-bhaarat

On Jan 29, 3:56 pm, Karl Swedberg <[EMAIL PROTECTED]> wrote:

Hi Bhaarat,

You've done a nice job here! I was wondering, though, if we could  
take

advantage of the index value of the links, so I re-factored your code
a bit (still using Klaus's cookie plugin). Here is what it looks  
like:


$(document).ready(function() {
   $('#menu li ul').hide();
   var cookieValue = $.cookie('menuCookie') || '';
   $('#menu > li > a').each(function(index) {
 var $this = $(this), $checkElement = $this.next('ul');
 if (cookieValue.indexOf(index) > -1) {
   $checkElement.show();
 }
 $this.click(function() {
   if ($checkElement.is(':hidden')) {
 $checkElement.slideDown();
 cookieValue = cookieValue + index;
 $.cookie('menuCookie', cookieValue);
   } else {
 $checkElement.slideUp();
 cookieValue = cookieValue.replace(index,'');
 $.cookie('menuCookie', cookieValue);
   }
   return false;
 });
   });

});

I put up a little demo page here:

http://test.learningjquery.com/cookie-menu.html

On the demo page, I also added a little function to show the value of
the cookie and called the function onready and onclick:

function showCookie() {
   if (!$('#jar').length) {
 $('').appendTo('body');
   }
   $('#jar').text(document.cookie);

}

Cheers,

--Karl
_
Karl Swedbergwww.englishrules.comwww.learningjquery.com

On Jan 29, 2008, at 1:41 PM, Bhaarat Sharma wrote:




Hi,



I took the code from jQuery Accordion menu and am using the cookie
plugin.



while searching for a collapse-able menu I saw that a lot of people
were looking for this but with cookies so when user refreshes..the
collapse/expand state stay the same.



I am new to jQuery and even javascript.



But here I have jotted down something which is working for me.


Experts out there: if you would like to add some suggestions on  
how to

better do this..i'd appreciate it.
I dont like the fact that i am different cookies for different menu
items...



   function initMenu() {
 $('#menu ul').hide();



if ($.cookie('the_cookie1')=='a'||$.cookie('the_cookie2')=='b'||
$.cookie('the_cookie3')=='c'||
   $.cookie('the_cookie4')=='d')
 {



 if ($.cookie('the_cookie1')=='a')
   $("a").filter(".a").next().slideDown('fast');
 if ($.cookie('the_cookie2')=='b')
   $("a").filter(".b").next().slideDown('fast');
 if ($.cookie('the_cookie3')=='c')
   $("a").filter(".c").next().slideDown('fast');
 if ($.cookie('the_cookie4')=='d')
   $("a").filter(".d").next().slideDown('fast');



 }



$('#menu li a').click(
function() {
var checkElement = $(this).next();
if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
   removeCookie($(this).attr('class'));
   checkElement.slideUp('fast');
}
if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
setCookie($(this).attr('class'));
checkElement.slideDown('fast');
return false;
}
});



 /*$('#menu li a').click(
   function() {
   setCookie($(this).attr('class'));
   $(this).next().slideToggle('normal');
 }
   );*/
 }
 function setCookie(some)
 {
 var s = some;
 if (s=='a')
 $.cookie('the_cookie1', s);
 else if (s=='b')
 $.cookie('the_cookie2', s);
 else if (s=='c')
 $.cookie('the_cookie3', s);
 else if (s=='d')
 $.cookie('the_cookie4', s);



 //  alert('cookie set  ' + s);
 }
 function removeCookie(some1)
 {
 var s = some1;
 if (s=='a')
 $.cookie('the_cookie1',null);
 else if (s=='b')
 $.cookie('the_cookie2',null);
 else if (s=='c')
 $.cookie('the_cookie3',null);
 else if (s=='d')
 $.cookie('the_cookie4',null);
 }



 $(document).ready(function() {initMenu();});

[jQuery] Problems with bind

[wyo]

I've tried to build a table collapser yet I've problems with the
statements

  $('#collapser_'+i+', .expanding').bind('click', collapser_collapse
(i));
  $('#collapser_'+i+', .collapsing').bind('click', collapser_expand
(i));

To me they look correct yet Javascript stops working. The source is

  for (var i in data) {
var d = data[i];
$('#eintragsliste').append(
  '' +
  '  ' +
  '' +
  ''...' +
  '  ' +
  ' ' +
  '...' +
  '  ' +
  '');
$('#collapser_'+i+', .expanding').bind('click', collapser_collapse
(i));
$('#collapser_'+i+', .collapsing').bind('click', collapser_expand
(i));
  }

Sample and full source is at 
http://www.orpatec.ch/termola/index.php?page=orgslist.php

Besides is it possible to add several classes with addClass or does it
replace the existing class?

O. Wyss

[jQuery] Re: Not a plugin but code for anyone trying to have collapse-able menu with cookies

[Bhaarat Sharma]

Hi Karl,

Thanks a lot! your solution is obviously much better and not dependent
on how many links there are. since you are using 'each' function.

I had the concept with me but not the power of ins and outs of
jQuery :)

Next i'll be trying to make 
http://www.coldfusionjedi.com/demos/sharp/ajaxLoadOnScroll/test.cfm
in jQuery+jsp (not PHP for a change)

will keep you posted!

Thanks
-bhaarat

On Jan 29, 3:56 pm, Karl Swedberg <[EMAIL PROTECTED]> wrote:
> Hi Bhaarat,
>
> You've done a nice job here! I was wondering, though, if we could take  
> advantage of the index value of the links, so I re-factored your code  
> a bit (still using Klaus's cookie plugin). Here is what it looks like:
>
> $(document).ready(function() {
>    $('#menu li ul').hide();
>    var cookieValue = $.cookie('menuCookie') || '';
>    $('#menu > li > a').each(function(index) {
>      var $this = $(this), $checkElement = $this.next('ul');
>      if (cookieValue.indexOf(index) > -1) {
>        $checkElement.show();
>      }
>      $this.click(function() {
>        if ($checkElement.is(':hidden')) {
>          $checkElement.slideDown();
>          cookieValue = cookieValue + index;
>          $.cookie('menuCookie', cookieValue);
>        } else {
>          $checkElement.slideUp();
>          cookieValue = cookieValue.replace(index,'');
>          $.cookie('menuCookie', cookieValue);
>        }
>        return false;
>      });
>    });
>
> });
>
> I put up a little demo page here:
>
> http://test.learningjquery.com/cookie-menu.html
>
> On the demo page, I also added a little function to show the value of  
> the cookie and called the function onready and onclick:
>
> function showCookie() {
>    if (!$('#jar').length) {
>      $('').appendTo('body');
>    }
>    $('#jar').text(document.cookie);
>
> }
>
> Cheers,
>
> --Karl
> _
> Karl Swedbergwww.englishrules.comwww.learningjquery.com
>
> On Jan 29, 2008, at 1:41 PM, Bhaarat Sharma wrote:
>
>
>
> > Hi,
>
> > I took the code from jQuery Accordion menu and am using the cookie
> > plugin.
>
> > while searching for a collapse-able menu I saw that a lot of people
> > were looking for this but with cookies so when user refreshes..the
> > collapse/expand state stay the same.
>
> > I am new to jQuery and even javascript.
>
> > But here I have jotted down something which is working for me.
>
> > Experts out there: if you would like to add some suggestions on how to
> > better do this..i'd appreciate it.
> > I dont like the fact that i am different cookies for different menu
> > items...
>
> >    function initMenu() {
> >  $('#menu ul').hide();
>
> > if ($.cookie('the_cookie1')=='a'||$.cookie('the_cookie2')=='b'||
> > $.cookie('the_cookie3')=='c'||
> >        $.cookie('the_cookie4')=='d')
> >  {
>
> >      if ($.cookie('the_cookie1')=='a')
> >        $("a").filter(".a").next().slideDown('fast');
> >      if ($.cookie('the_cookie2')=='b')
> >        $("a").filter(".b").next().slideDown('fast');
> >      if ($.cookie('the_cookie3')=='c')
> >        $("a").filter(".c").next().slideDown('fast');
> >      if ($.cookie('the_cookie4')=='d')
> >        $("a").filter(".d").next().slideDown('fast');
>
> >  }
>
> > $('#menu li a').click(
> > function() {
> > var checkElement = $(this).next();
> > if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
> >    removeCookie($(this).attr('class'));
> >    checkElement.slideUp('fast');
> > }
> > if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
> > setCookie($(this).attr('class'));
> > checkElement.slideDown('fast');
> > return false;
> > }
> > });
>
> >  /*$('#menu li a').click(
> >    function() {
> >    setCookie($(this).attr('class'));
> >        $(this).next().slideToggle('normal');
> >      }
> >    );*/
> >  }
> >  function setCookie(some)
> >  {
> >  var s = some;
> >  if (s=='a')
> >      $.cookie('the_cookie1', s);
> >  else if (s=='b')
> >      $.cookie('the_cookie2', s);
> >  else if (s=='c')
> >      $.cookie('the_cookie3', s);
> >  else if (s=='d')
> >      $.cookie('the_cookie4', s);
>
> >  //  alert('cookie set  ' + s);
> >  }
> >  function removeCookie(some1)
> >  {
> >      var s = some1;
> >      if (s=='a')
> >          $.cookie('the_cookie1',null);
> >      else if (s=='b')
> >          $.cookie('the_cookie2',null);
> >      else if (s=='c')
> >          $.cookie('the_cookie3',null);
> >      else if (s=='d')
> >          $.cookie('the_cookie4',null);
> >  }
>
> >  $(document).ready(function() {initMenu();});

[jQuery] Re: ajaxStart - need a bit of help

[Priest, James (NIH/NIEHS) [C]]

Of course as soon as I post something I found this older post by Rey...

http://www.mail-archive.com/[EMAIL PROTECTED]/msg16936.html

It looks like it does what I need... unless anyone has any other
suggestions - or something's been improved since then.

Jim 

> -Original Message-
> From: Priest, James (NIH/NIEHS) [C] 
> Sent: Tuesday, January 29, 2008 3:37 PM
> To: jquery-en@googlegroups.com
> Subject: [jQuery] ajaxStart - need a bit of help
> 
> 
> I'm building a form - I've got one field where I'm allowing 
> the user to
> select a radio button (selecting a division) and then doing 
> an Ajax call
> to populate a related text field with a name.  I've got a little
> animated 'ajaxy' graphic that pops up to show activity:
> 
> 
>   // get division director - via radio button (divisionID) - ajax
> call
>   $("input:radio[name='divisionid']").click(function() {
>   var foo = $(this).fieldValue();
>   $.ajax({
>   type: "GET",
>   url: "index.cfm?action=telework.getchief",
>   dataType: "html",
>   cache: false,
>   data: "divisionid=" + foo,
>   success: function(msg) {
>   $('#approval_2_Yes_2').val(foo);
>   $('#approval_2_Yes_2display').val(msg);
>   // alert('Division ID = ' + foo);
>   }
>   });
>   });
>   // show loading graphic
>   $('#loading').ajaxStart(function() {
>   $(this).show();
>   }).ajaxStop(function() {
>   $(this).hide();
>   });
> 
> But now I'm adding a few fields which are using Jorn's 
> autocomplete. One
> of these fields is right next to the radio buttons above - and when I
> enter data - the Ajax call kicks off and my graphic for the 
> other field
> shows up :\
> 
> If it possible to define WHICH Ajax call you want the 
> ajaxStart applied
> too?  Or is there a better way to tackle this??
> 
> Thanks,
> Jim
> 

[jQuery] Re: Not a plugin but code for anyone trying to have collapse-able menu with cookies

[Karl Swedberg]

Hi Bhaarat,

You've done a nice job here! I was wondering, though, if we could take  
advantage of the index value of the links, so I re-factored your code  
a bit (still using Klaus's cookie plugin). Here is what it looks like:


$(document).ready(function() {
  $('#menu li ul').hide();
  var cookieValue = $.cookie('menuCookie') || '';
  $('#menu > li > a').each(function(index) {
var $this = $(this), $checkElement = $this.next('ul');
if (cookieValue.indexOf(index) > -1) {
  $checkElement.show();
}
$this.click(function() {
  if ($checkElement.is(':hidden')) {
$checkElement.slideDown();
cookieValue = cookieValue + index;
$.cookie('menuCookie', cookieValue);
  } else {
$checkElement.slideUp();
cookieValue = cookieValue.replace(index,'');
$.cookie('menuCookie', cookieValue);
  }
  return false;
});
  });
});

I put up a little demo page here:

http://test.learningjquery.com/cookie-menu.html

On the demo page, I also added a little function to show the value of  
the cookie and called the function onready and onclick:


function showCookie() {
  if (!$('#jar').length) {
$('').appendTo('body');
  }
  $('#jar').text(document.cookie);
}

Cheers,

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



On Jan 29, 2008, at 1:41 PM, Bhaarat Sharma wrote:



Hi,

I took the code from jQuery Accordion menu and am using the cookie
plugin.

while searching for a collapse-able menu I saw that a lot of people
were looking for this but with cookies so when user refreshes..the
collapse/expand state stay the same.

I am new to jQuery and even javascript.

But here I have jotted down something which is working for me.

Experts out there: if you would like to add some suggestions on how to
better do this..i'd appreciate it.
I dont like the fact that i am different cookies for different menu
items...

   function initMenu() {
 $('#menu ul').hide();

if ($.cookie('the_cookie1')=='a'||$.cookie('the_cookie2')=='b'||
$.cookie('the_cookie3')=='c'||
   $.cookie('the_cookie4')=='d')
 {

 if ($.cookie('the_cookie1')=='a')
   $("a").filter(".a").next().slideDown('fast');
 if ($.cookie('the_cookie2')=='b')
   $("a").filter(".b").next().slideDown('fast');
 if ($.cookie('the_cookie3')=='c')
   $("a").filter(".c").next().slideDown('fast');
 if ($.cookie('the_cookie4')=='d')
   $("a").filter(".d").next().slideDown('fast');

 }

$('#menu li a').click(
function() {
var checkElement = $(this).next();
if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
   removeCookie($(this).attr('class'));
   checkElement.slideUp('fast');
}
if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
setCookie($(this).attr('class'));
checkElement.slideDown('fast');
return false;
}
});


 /*$('#menu li a').click(
   function() {
   setCookie($(this).attr('class'));
   $(this).next().slideToggle('normal');
 }
   );*/
 }
 function setCookie(some)
 {
 var s = some;
 if (s=='a')
 $.cookie('the_cookie1', s);
 else if (s=='b')
 $.cookie('the_cookie2', s);
 else if (s=='c')
 $.cookie('the_cookie3', s);
 else if (s=='d')
 $.cookie('the_cookie4', s);

 //  alert('cookie set  ' + s);
 }
 function removeCookie(some1)
 {
 var s = some1;
 if (s=='a')
 $.cookie('the_cookie1',null);
 else if (s=='b')
 $.cookie('the_cookie2',null);
 else if (s=='c')
 $.cookie('the_cookie3',null);
 else if (s=='d')
 $.cookie('the_cookie4',null);
 }

 $(document).ready(function() {initMenu();});

[jQuery] Re: Generating a Mousedown event programmatically - similar to click() generation..

[edwardbaafi]

> http://docs.jquery.com/Events has mousedown, mouseup, mousemove, etc
>

Yes, you are able to trigger these events using "trigger( type,
data )", but what about setting the event properties?

In my case, when an element is "draggable" and it's mousedown event
fires, the
click function in ui.mouse.js is called..  A number of properties of
the event, like e.which, e.target, e.srcElement, e.pageX, e.pageY are
needed but at least some of these properties are undefined..

Is it possible to set these properties when calling
trigger('mousedown') or with some other unpublished way?

Thanks,

Ed

[jQuery] Re: Tab Effect

[ocyrus]

Biography
Background
Contact


$(document).ready(function(){
  $('#profile-nav').children().each(function(){
$(this).click(function(){
  toggleTabs($(this));
  return false;
});
  });
});

function toggleTabs(tab) {
  tab.siblings().children().removeClass('on');
  tab.children().addClass('on');
  var div = tab.attr('class');
  div = div.split('-');
  div = div[1];
  $('#'+div).parent().children().each(function(){
$(this).hide();
  });
  $('#'+div).show();
}

Thats basically what I did to solve this task, sorry if this gets
double posted, but my response that I posted an hour ago, hasnt shown
up.

On Jan 29, 9:46 am, studiobl <[EMAIL PROTECTED]> wrote:
> I have a set of tabs that use the sliding doors technique.  The tabs
> are built on an unordered list, with each tab being a list item
> containing an anchor. Each tab is decorated by placing a graphic in
> the background of its list item for the left part of the tab, and the
> background of the anchor for the right side of the tab.  These
> graphics then need to be switched out to display the "active" view.
> The actual html page is not changed.  This tab navigation just
> triggers the visibility of various areas of the page.
>
> I'm trying to use jQuery to switch out the graphics.  The problem I'm
> having is in selecting the list item that contains the clicked-on
> anchor.  There are a number of techniques for selecting children, but
> none for selecting parents.
>
> One question I have is if there is any way to reference a previously
> selected element in a jQuery selector statement.  Like this:
>
> $(".tabs a").click(function(){
>  //Now you can reference the clicked on anchor as "this"
> $(".tabs li:has(this)").doSomething();
>
> });
>
> I doubt that this is possible, I haven't tested it yet, but I can't
> think of too many other options.
>
> Any suggestions?

[jQuery] Re: jQuery CDN Host?

[Hsiu-Fan Wang]

protip: you can pick a specific version, and use packed or min as
well. For example, 1.2.2 minified is available as
http://code.jquery.com/jquery-1.2.2.min.js

too bad S3 doesn't have gzip.

On Jan 29, 2008 8:55 AM, Glen Lipka <[EMAIL PROTECTED]> wrote:
> I believe http://code.jquery.com/jquery-latest.js is hosted by Amazon S3.
>
> source: http://jquery.com/blog/2007/04/02/google-groups-and-amazon-s3/
>
> Glen
>
>
>
> On Jan 28, 2008 2:58 PM, dgouldin <[EMAIL PROTECTED]> wrote:
>
> >
> > Is there a jQuery CDN host that anybody knows of?
> >
>
>

[jQuery] Re: Google map plugin?

[Hamish Campbell]

I've used jmap2 a bit. It's really nice to have a jQuery-like way of
playing with maps (as well as geocoding, etc) - but as was said
before, hard to say if it is worth it for the added overhead and
restrictions it places on your code.

That said, I think there is room for a more extensive jQuery solution
that handles directions, map manipulation, complex polygons and
overlays in an easier way.

On Jan 30, 6:59 am, Dave Stewart <[EMAIL PROTECTED]>
wrote:
> Hi Chris,
>
> The trick to Google Maps (for me at least) was getting to know the
> basics of the OOPness of it all.
>
> EVERYTHING (just about) is an object. You rarely pass values, you
> normally instantiate objects, then pass them.
>
> For example, in the example Bohdan gave, you would have to 1) create
> the Point, then instantiate a 2) new Marker with it, then 3) add the
> Marker to the map. (From memory, but you get the idea)
>
> You only need to know a few basic objects, and you're away, although
> the size of the API can be overwhelming the basics are easy to get.
>
> Hope that helps.
>
> :D

[jQuery] Re: Google map plugin?

[Chris J. Lee]

Good point i guess i'm thinking too much.
I'm just pretty lazy and thought there'd be a more convenient and fast
plugin i could easily port from web project to web project.



On Jan 29, 3:53 am, Mika Tuupola <[EMAIL PROTECTED]> wrote:
> On Jan 29, 2008, at 12:51 AM, Chris J. Lee wrote:
>
> > Is there one that is simpler? I just need a google map marker created
> > on the map. And possibly a form to enter driving directions to it.
>
> Why not just use Google's own API?
>
> --
> Mika Tuupolahttp://www.appelsiini.net/

[jQuery] Re: jQuery API extension for Dreamweaver

[Chris Charlton]

Updated extension (v.0.2.9) posted at http://xtnd.us

[jQuery] Firefox: how to center the selected text in textarea

[[EMAIL PROTECTED]]

Hi, folks:
I am trying to implement a search toolset based on "textarea". the
function I am using to highlight the resulting string(txt) is
something like:

textarea.setSelectionRange(pos, pos+txt.length);
textarea.focus(); /* seems useless */

Everything is OK except when there are more content in textarea, the
selected text(and the caret) does not get to the center of the
textarea, and I have to use scrollbar to find it by myself. (the IE
alternative seems no such problem)

Is there any method under Firefox that the caret and the selected text
can automatically jump to the center of the textarea so that people
dont need to scroll down/up to find it??

Many thanks for your help..

Best,
lihao(XC)

[jQuery] Re: AJAX file management

[Kyle Browning]

http://labs.adobe.com/technologies/air/

Air is free.

On Jan 29, 2008 11:39 AM, [EMAIL PROTECTED] <
[EMAIL PROTECTED]> wrote:

>
> Thanks for the link.  I notice this goes for $289 for a commercial
> license.  Know anything that's freeware?
>
>  - Dave
>
> On Jan 29, 11:00 am, "Glen Lipka" <[EMAIL PROTECTED]> wrote:
> > Check out the examples inhttp://extjs.com
> >
> > Specifically the Web Desktop demo, as well as the "tree" demo.
> >
> > You also might be interested in Adobe AIR, which allows for more
> integration
> > with the OS.
> >
> > Glen
> >
> > On Jan 29, 2008 8:53 AM, [EMAIL PROTECTED] <
> >
> >
> >
> > [EMAIL PROTECTED]> wrote:
> >
> > > Hi,
> >
> > > Can anyone recommend anything that allows you to manage files stored
> > > on the web in a tree-like GUI, allowing for drag-and-drop.  I'm
> > > thinking of a web-based equivalent of what you may do with files on
> > > your desktop.
> >
> > > Thanks, - Dave- Hide quoted text -
> >
> > - Show quoted text -
>

[jQuery] Re: Google map plugin?

[Chris J. Lee]

Yeah it does. I'll keep that in mind.

On Jan 29, 12:59 pm, Dave Stewart <[EMAIL PROTECTED]>
wrote:
> Hi Chris,
>
> The trick to Google Maps (for me at least) was getting to know the
> basics of the OOPness of it all.
>
> EVERYTHING (just about) is an object. You rarely pass values, you
> normally instantiate objects, then pass them.
>
> For example, in the example Bohdan gave, you would have to 1) create
> the Point, then instantiate a 2) new Marker with it, then 3) add the
> Marker to the map. (From memory, but you get the idea)
>
> You only need to know a few basic objects, and you're away, although
> the size of the API can be overwhelming the basics are easy to get.
>
> Hope that helps.
>
> :D

[jQuery] Re: File inputs

[Steffan A. Cline]

on 1/29/08 11:57 AM, Mika Tuupola at [EMAIL PROTECTED] wrote:

> 
> 
> On Jan 29, 2008, at 7:08 PM, Steffan A. Cline wrote:
> 
>> I know there is a plug-in for styling file inputs but what about
>> using a
>> custom image instead? I need to do something where I have an ADD and a
>> DELETE button side by side. I tried this using .click() and it worked
>> flawlessly but alas FF does not support it! How stupid!.
> 
> 
> What are you trying to achieve? What does ADD and DELETE buttons do?
> 
> --
> Mika Tuupola
> http://www.appelsiini.net/
> 
The add button would simply pop up the file selector as clicking on the
actual file button would do. The delete button would set a hidden flag to
remove the stored file.

See the previous thread ".click()" This described the previous method which
I gave up on.

Thanks

Steffan

---
T E L  6 0 2 . 7 9 3 . 0 0 1 4 | F A X  6 0 2 . 9 7 1 . 1 6 9 4
Steffan A. Cline  
[EMAIL PROTECTED] Phoenix, Az
http://www.ExecuChoice.net  USA
AIM : SteffanC  ICQ : 57234309
YAHOO : Steffan_Cline   MSN : [EMAIL PROTECTED]
GOOGLE: Steffan.Cline Lasso Partner Alliance Member
---

[jQuery] Re: Not Submit [validate]

[Marcos Aurélio]

OBS: I just found that the problem only occurs when you have a field
with the attribute "remote".

[jQuery] Re: Tab Effect

[ocyrus]

I recently solved this solution this way,

$(document).ready(function(){
  $('#profile-nav').children().each(function(){
$(this).click(function(){
  toggleTabs($(this));
  return false;
});
  });
});

function toggleTabs(tab) {
  tab.siblings().children().removeClass('on');
  tab.children().addClass('on');
  var div = tab.attr('class');
  div = div.split('-');
  div = div[1];
  $('#'+div).parent().children().each(function(){
$(this).hide();
  });
  $('#'+div).show();
}

and my html looks like this.


Biography
Background
Contact


with three divs later

Info
Info
Info


On Jan 29, 9:46 am, studiobl <[EMAIL PROTECTED]> wrote:
> I have a set of tabs that use the sliding doors technique.  The tabs
> are built on an unordered list, with each tab being a list item
> containing an anchor. Each tab is decorated by placing a graphic in
> the background of its list item for the left part of the tab, and the
> background of the anchor for the right side of the tab.  These
> graphics then need to be switched out to display the "active" view.
> The actual html page is not changed.  This tab navigation just
> triggers the visibility of various areas of the page.
>
> I'm trying to use jQuery to switch out the graphics.  The problem I'm
> having is in selecting the list item that contains the clicked-on
> anchor.  There are a number of techniques for selecting children, but
> none for selecting parents.
>
> One question I have is if there is any way to reference a previously
> selected element in a jQuery selector statement.  Like this:
>
> $(".tabs a").click(function(){
>  //Now you can reference the clicked on anchor as "this"
> $(".tabs li:has(this)").doSomething();
>
> });
>
> I doubt that this is possible, I haven't tested it yet, but I can't
> think of too many other options.
>
> Any suggestions?

[jQuery] Re: Not a plugin but code for anyone trying to have collapse-able menu with cookies

[ocyrus]

I always solved this problem with a database table, but this is
solution when no database is being used.
Nice.

On Jan 29, 10:41 am, Bhaarat Sharma <[EMAIL PROTECTED]> wrote:
> Hi,
>
> I took the code from jQuery Accordion menu and am using the cookie
> plugin.
>
> while searching for a collapse-able menu I saw that a lot of people
> were looking for this but with cookies so when user refreshes..the
> collapse/expand state stay the same.
>
> I am new to jQuery and even javascript.
>
> But here I have jotted down something which is working for me.
>
> Experts out there: if you would like to add some suggestions on how to
> better do this..i'd appreciate it.
> I dont like the fact that i am different cookies for different menu
> items...
>
> function initMenu() {
>   $('#menu ul').hide();
>
>  if ($.cookie('the_cookie1')=='a'||$.cookie('the_cookie2')=='b'||
> $.cookie('the_cookie3')=='c'||
> $.cookie('the_cookie4')=='d')
>   {
>
>   if ($.cookie('the_cookie1')=='a')
> $("a").filter(".a").next().slideDown('fast');
>   if ($.cookie('the_cookie2')=='b')
> $("a").filter(".b").next().slideDown('fast');
>   if ($.cookie('the_cookie3')=='c')
> $("a").filter(".c").next().slideDown('fast');
>   if ($.cookie('the_cookie4')=='d')
> $("a").filter(".d").next().slideDown('fast');
>
>   }
>
>  $('#menu li a').click(
>  function() {
>  var checkElement = $(this).next();
>  if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
> removeCookie($(this).attr('class'));
> checkElement.slideUp('fast');
>  }
>  if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
>  setCookie($(this).attr('class'));
>  checkElement.slideDown('fast');
>  return false;
>  }
>  });
>
>   /*$('#menu li a').click(
> function() {
> setCookie($(this).attr('class'));
> $(this).next().slideToggle('normal');
>   }
> );*/
>   }
>   function setCookie(some)
>   {
>   var s = some;
>   if (s=='a')
>   $.cookie('the_cookie1', s);
>   else if (s=='b')
>   $.cookie('the_cookie2', s);
>   else if (s=='c')
>   $.cookie('the_cookie3', s);
>   else if (s=='d')
>   $.cookie('the_cookie4', s);
>
>   //  alert('cookie set  ' + s);
>   }
>   function removeCookie(some1)
>   {
>   var s = some1;
>   if (s=='a')
>   $.cookie('the_cookie1',null);
>   else if (s=='b')
>   $.cookie('the_cookie2',null);
>   else if (s=='c')
>   $.cookie('the_cookie3',null);
>   else if (s=='d')
>   $.cookie('the_cookie4',null);
>   }
>
>   $(document).ready(function() {initMenu();});

[jQuery] ajaxStart - need a bit of help

[Priest, James (NIH/NIEHS) [C]]

I'm building a form - I've got one field where I'm allowing the user to
select a radio button (selecting a division) and then doing an Ajax call
to populate a related text field with a name.  I've got a little
animated 'ajaxy' graphic that pops up to show activity:


// get division director - via radio button (divisionID) - ajax
call
$("input:radio[name='divisionid']").click(function() {
var foo = $(this).fieldValue();
$.ajax({
type: "GET",
url: "index.cfm?action=telework.getchief",
dataType: "html",
cache: false,
data: "divisionid=" + foo,
success: function(msg) {
$('#approval_2_Yes_2').val(foo);
$('#approval_2_Yes_2display').val(msg);
// alert('Division ID = ' + foo);
}
});
});
// show loading graphic
$('#loading').ajaxStart(function() {
$(this).show();
}).ajaxStop(function() {
$(this).hide();
});

But now I'm adding a few fields which are using Jorn's autocomplete. One
of these fields is right next to the radio buttons above - and when I
enter data - the Ajax call kicks off and my graphic for the other field
shows up :\

If it possible to define WHICH Ajax call you want the ajaxStart applied
too?  Or is there a better way to tackle this??

Thanks,
Jim

[jQuery] Re: AJAX file management

[[EMAIL PROTECTED]]

Thanks for the link.  I notice this goes for $289 for a commercial
license.  Know anything that's freeware?

 - Dave

On Jan 29, 11:00 am, "Glen Lipka" <[EMAIL PROTECTED]> wrote:
> Check out the examples inhttp://extjs.com
>
> Specifically the Web Desktop demo, as well as the "tree" demo.
>
> You also might be interested in Adobe AIR, which allows for more integration
> with the OS.
>
> Glen
>
> On Jan 29, 2008 8:53 AM, [EMAIL PROTECTED] <
>
>
>
> [EMAIL PROTECTED]> wrote:
>
> > Hi,
>
> > Can anyone recommend anything that allows you to manage files stored
> > on the web in a tree-like GUI, allowing for drag-and-drop.  I'm
> > thinking of a web-based equivalent of what you may do with files on
> > your desktop.
>
> > Thanks, - Dave- Hide quoted text -
>
> - Show quoted text -

[jQuery] [Announce] New Menu plugin

[Roman Weich]

Hey all,

additionally to my clickMenu plugin, I've created a new menu plugin 
called...uhm... "menu" (the name will be changed in the first real 
release, as I've just seen that the new UI-menu will be called the same. 
Maybe someone knows a good name? ;) ).


The most notable features (and differencing it from clickMenu) are that 
menus can be created through html markup or javascript and that the 
plugin tries to position its submenus inside the visible area when there 
is not enough space at the right or bottom border.


I'm testing the plugin right now, so this is a pre-release (alpha, beta 
or whatever that has to be called).


If you want, you can try it out here: 
http://p.sohei.org/jquery-plugins/menu/


Please let me know what you think about it.

Thanks,
Roman

[jQuery] Re: Shadowbox Media Viewer

[Aaron Heimlich]

And you got my extensible file extension --> plugin mappings request in
there too! Woot!

On Jan 29, 2008 4:29 AM, Michael J. I. Jackson <[EMAIL PROTECTED]> wrote:

> Hi all,
> Just wanted to let you all know that the jQuery adapter has been updated
> to include the kind of sweet jQuery functionality that Mike is talking about
> in this email. Head on over and give it a shot if you haven't already.
>
> http://mjijackson.com/2008/01/22/shadowbox-js-media-viewer-1-0-beta/
>
> Thanks,
>
> Michael
>
> On Jan 25, 2008, at 4:20 PM, Mike Alsup wrote:
>
> I'm putting the finishing touches on a media viewer application that I
> > coded up recently (think Thickbox). It can be used with jQuery or any
> > other library. I created an adapter for jQuery, and I thought that
> > somebody on this list might be interested.
> >
> >
>
> Michael,
>
> I really love what you've done with shadowbox.  But I dislike having to
> add specific markup to drive the behavior.  And as a jQuery user I really
> want to invoke it like this (for example):
>
> $('a[href$=swf]').shadowbox();
>
> So if you're open to suggestion, I'd love to see a minor modification.
> Here's what I changed to make it more amendable to the jQuery calling style.
>
> 1.  Added this method to shadowbox.js (just below the current "setup" fn):
>
> Shadowbox.setup2 = function(links){
> for(var i = 0, len = links.length; i < len; ++i)
> setupLink(links[i]);
> };
>
> 2.  Added this to shadowbox-jquery.js:
>
> jQuery.fn.shadowbox = function() {
> Shadowbox.setup2(this);
> };
>
>
> Now I can call it like this without having to change any markup anywhere,
> so it becomes a drop-in replacement:
>
> $(function() {
> var options = { /* whatever */ };
> Shadowbox.init(options);
>
> $('a[href$=swf]').shadowbox();
> });
>
>
> Of course there are more restrictions than one might expect from a
> traditional jQuery plugin (like not being able to pass options on a per-call
> basis), but it's a pretty minor change.  Food for thought.
>
> Mike
>
>
>


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

[jQuery] Re: File inputs

[Mika Tuupola]

On Jan 29, 2008, at 7:08 PM, Steffan A. Cline wrote:

I know there is a plug-in for styling file inputs but what about  
using a

custom image instead? I need to do something where I have an ADD and a
DELETE button side by side. I tried this using .click() and it worked
flawlessly but alas FF does not support it! How stupid!.



What are you trying to achieve? What does ADD and DELETE buttons do?

--
Mika Tuupola
http://www.appelsiini.net/

[jQuery] Re: Shadowbox Media Viewer

[Mike Alsup]

That's awesome, Michael.  Thank you!


Hi all,
> Just wanted to let you all know that the jQuery adapter has been updated
> to include the kind of sweet jQuery functionality that Mike is talking about
> in this email. Head on over and give it a shot if you haven't already.
>
> http://mjijackson.com/2008/01/22/shadowbox-js-media-viewer-1-0-beta/
>
> Thanks,
>
> Michael
>
> On Jan 25, 2008, at 4:20 PM, Mike Alsup wrote:
>
> I'm putting the finishing touches on a media viewer application that I
> > coded up recently (think Thickbox). It can be used with jQuery or any
> > other library. I created an adapter for jQuery, and I thought that
> > somebody on this list might be interested.
> >
> >
>
> Michael,
>
> I really love what you've done with shadowbox.  But I dislike having to
> add specific markup to drive the behavior.  And as a jQuery user I really
> want to invoke it like this (for example):
>
> $('a[href$=swf]').shadowbox();
>
> So if you're open to suggestion, I'd love to see a minor modification.
> Here's what I changed to make it more amendable to the jQuery calling style.
>
> 1.  Added this method to shadowbox.js (just below the current "setup" fn):
>
> Shadowbox.setup2 = function(links){
> for(var i = 0, len = links.length; i < len; ++i)
> setupLink(links[i]);
> };
>
> 2.  Added this to shadowbox-jquery.js:
>
> jQuery.fn.shadowbox = function() {
> Shadowbox.setup2(this);
> };
>
>
> Now I can call it like this without having to change any markup anywhere,
> so it becomes a drop-in replacement:
>
> $(function() {
> var options = { /* whatever */ };
> Shadowbox.init(options);
>
> $('a[href$=swf]').shadowbox();
> });
>
>
> Of course there are more restrictions than one might expect from a
> traditional jQuery plugin (like not being able to pass options on a per-call
> basis), but it's a pretty minor change.  Food for thought.
>
> Mike
>
>
>

[jQuery] Not a plugin but code for anyone trying to have collapse-able menu with cookies

[Bhaarat Sharma]

Hi,

I took the code from jQuery Accordion menu and am using the cookie
plugin.

while searching for a collapse-able menu I saw that a lot of people
were looking for this but with cookies so when user refreshes..the
collapse/expand state stay the same.

I am new to jQuery and even javascript.

But here I have jotted down something which is working for me.

Experts out there: if you would like to add some suggestions on how to
better do this..i'd appreciate it.
I dont like the fact that i am different cookies for different menu
items...

function initMenu() {
  $('#menu ul').hide();

 if ($.cookie('the_cookie1')=='a'||$.cookie('the_cookie2')=='b'||
$.cookie('the_cookie3')=='c'||
$.cookie('the_cookie4')=='d')
  {

  if ($.cookie('the_cookie1')=='a')
$("a").filter(".a").next().slideDown('fast');
  if ($.cookie('the_cookie2')=='b')
$("a").filter(".b").next().slideDown('fast');
  if ($.cookie('the_cookie3')=='c')
$("a").filter(".c").next().slideDown('fast');
  if ($.cookie('the_cookie4')=='d')
$("a").filter(".d").next().slideDown('fast');

  }

 $('#menu li a').click(
 function() {
 var checkElement = $(this).next();
 if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
removeCookie($(this).attr('class'));
checkElement.slideUp('fast');
 }
 if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
 setCookie($(this).attr('class'));
 checkElement.slideDown('fast');
 return false;
 }
 });


  /*$('#menu li a').click(
function() {
setCookie($(this).attr('class'));
$(this).next().slideToggle('normal');
  }
);*/
  }
  function setCookie(some)
  {
  var s = some;
  if (s=='a')
  $.cookie('the_cookie1', s);
  else if (s=='b')
  $.cookie('the_cookie2', s);
  else if (s=='c')
  $.cookie('the_cookie3', s);
  else if (s=='d')
  $.cookie('the_cookie4', s);

  //  alert('cookie set  ' + s);
  }
  function removeCookie(some1)
  {
  var s = some1;
  if (s=='a')
  $.cookie('the_cookie1',null);
  else if (s=='b')
  $.cookie('the_cookie2',null);
  else if (s=='c')
  $.cookie('the_cookie3',null);
  else if (s=='d')
  $.cookie('the_cookie4',null);
  }

  $(document).ready(function() {initMenu();});

[jQuery] Not Submit [validate]

[Marcos Aurélio]

I just find a serious problem.
If you submit the form without having completed anything (for him
return error), when you are trying to complete and submit it will not
submit.

Ah! Thank you for remote, it was great!

Abraços
Marcos Aurélio

[jQuery] Not Submit [validate]

[Marcos Aurélio]

I just find a serious problem.
If you submit the form without having completed anything (for him
return error), when you are trying to complete and submit it will not
submit.

Ah! Thank you for remote, it was great!

Abraços
Marcos Aurélio

[jQuery] Re: Google map plugin?

[Dave Stewart]

Hi Chris,

The trick to Google Maps (for me at least) was getting to know the
basics of the OOPness of it all.

EVERYTHING (just about) is an object. You rarely pass values, you
normally instantiate objects, then pass them.

For example, in the example Bohdan gave, you would have to 1) create
the Point, then instantiate a 2) new Marker with it, then 3) add the
Marker to the map. (From memory, but you get the idea)

You only need to know a few basic objects, and you're away, although
the size of the API can be overwhelming the basics are easy to get.

Hope that helps.

:D

[jQuery] Re: link stops working in fragment returned from ajax depending on select

[[EMAIL PROTECTED]]

Once your data is loaded into the page your bind events are not bound
anymore, since you replaced the DOM information. You can either rebind
events with running a rebind function, or you can use live jQuery
http://brandonaaron.net/docs/livequery/

Should fix your problem.

-Kyle

On Jan 29, 6:08 am, K Bouton <[EMAIL PROTECTED]> wrote:
> I have two dropdown boxes, which, when clicked, return via ajax some
> information in a div.  Inside that information is are multiple links.
>
> When I click on the left select- the links in the div below work fine.
> If I refresh and click on the right select- the links in the div below
> work fine.
> So each individual select box works as I would expect it.
>
> But...
> if I refresh and click on the left select, then click on the right
> select - the link for that right select work fine but the links from
> the left select no longer work?
>
> The links for the right select always work, regardless
>
> Seehttp://ncas-cms.nerc.ac.uk/data/startFiles/not_working_anim_overlay.php
>
> Any ideas what is going wrong?
>
> abbreviated code below for the form - hand typed in so there may be
> typos
>
> [code]
> $(document).ready(function() {
> $("#wrapBA").hide();
> $("#wrapMO)").hide();
>   $("select#ba").change(function() {
> var ba = $("select#ba").val();
> //var ba = $
> (this).children("option:selected").attr("value");
>   $.ajax({
> type: "POST",
> url: "not_working_overlay_info.php",
> data: "ba=" + ba,
> dataType: "html",
> cache: false,
> error: function(){
>   alert('Error loading BA start files');
> },
> success: function(data) {
>   $("#wrapBA").html(data);
>   $("#BAModelName").html("BA -
> "+ba).show().addClass("BAModelName");
>   $("#wrapBA").slideDown('slow');
>   }
> });
>  return false;
>   });
>   $("select#mo").change(function() {
> var mo = $("select#mo").val();
>   $.ajax({
> type: "POST",
> url: "not_working_overlay_info.php",
> data: "mo=" + mo,
> dataType: "html",
> cache: false,
> error: function(){
>   alert('Error loading MO start files');
> },
> success: function(data) {
>   $("#wrapMO").html(data);
>   $("#MO_ModelName").html("MO -
> "+mo).show().addClass("MO_ModelName");
>   $("#wrapMO").slideDown('slow');
>   }
> });
>  return false;
>   });
>
> });
>
> No BA Model Chosen
>   
>
> No MO Model Chosen
>   
>
> [/code]
>
> abbreviate relevant not_working_overlay_info.php -
> [code]
> for ($m=1;$m<=12;$m++) {
> echo ''.$m.' a>';}
>
> [/code]

[jQuery] Re: link stops working in fragment returned from ajax depending on select

[K Bouton]

More info - the links work as expected in IE 7.0.x but not Firefox
2.0.x

[jQuery] File inputs

[Steffan A. Cline]

I know there is a plug-in for styling file inputs but what about using a
custom image instead? I need to do something where I have an ADD and a
DELETE button side by side. I tried this using .click() and it worked
flawlessly but alas FF does not support it! How stupid!.

Any suggestions?


Thanks

Steffan

---
T E L  6 0 2 . 7 9 3 . 0 0 1 4 | F A X  6 0 2 . 9 7 1 . 1 6 9 4
Steffan A. Cline  
[EMAIL PROTECTED] Phoenix, Az
http://www.ExecuChoice.net  USA
AIM : SteffanC  ICQ : 57234309
YAHOO : Steffan_Cline   MSN : [EMAIL PROTECTED]
GOOGLE: Steffan.Cline Lasso Partner Alliance Member
---

[jQuery] Tab Effect

[studiobl]

I have a set of tabs that use the sliding doors technique.  The tabs
are built on an unordered list, with each tab being a list item
containing an anchor. Each tab is decorated by placing a graphic in
the background of its list item for the left part of the tab, and the
background of the anchor for the right side of the tab.  These
graphics then need to be switched out to display the "active" view.
The actual html page is not changed.  This tab navigation just
triggers the visibility of various areas of the page.

I'm trying to use jQuery to switch out the graphics.  The problem I'm
having is in selecting the list item that contains the clicked-on
anchor.  There are a number of techniques for selecting children, but
none for selecting parents.

One question I have is if there is any way to reference a previously
selected element in a jQuery selector statement.  Like this:

$(".tabs a").click(function(){
 //Now you can reference the clicked on anchor as "this"
$(".tabs li:has(this)").doSomething();

});

I doubt that this is possible, I haven't tested it yet, but I can't
think of too many other options.

Any suggestions?

[jQuery] Livequery, ajax and IE

[Toti Stefansson]

I'm using livequery to achieve the following:

$('.stock a')
.livequery('click', function(event) {
var thisTarget = $(this).attr('href');
$.ajax({
url:
'/user/ajax/unsubscribe.do?subscription=markadsvakt&interest='+thisTarget,
type: 'GET',
dataType: 'xml',
timeout: 10,
error: function(){
alert('Error loading XML
document');
},
success: function(xml){
$("#stockspicked").empty();

$(xml).find('interest').each(function(){
var item_text =
$(this).text();
$('')
.html('Afskrá
vöktun á '+item_text+'')

.appendTo('#stockspicked');
});
$(".stock").fadeIn("slow");
}
});
return false;

});

This works fine in Safari and Firefox, but in IE7 the ajax portion is
skipped, in fact in IE it only runs the first directive, whatever that is.

Any clues?

Toti

[jQuery] Re: jquery VS internet explorer

[Charles K. Clarkson]

ZiTAL wrote:

: Hi, i have done a very simple example of jquery slide, but it doesn't
: work correctly in internet explorer, it blinks in the beginning and at
: the end. Thanks for all (sorry for my bad english).
: 
: link:
: http://zital.no-ip.org/jquery/

[gets on soap box]

Always, always, always start with well formed html(xhtml). Validate it
to be certain that is not the problem. The DOM depends on you knowing how
to write well formed markup. If you don't write it, the browser makes stuff
up to fill in any missing pieces. When the browser guesses wrong, your code
and markup often fail. Browsers guess wrong a lot.


Get out of Quirks mode and specifically define the character encoding.
This will solve a lot of cross browser problems. Use a DOCTYPE at the top
of all your xhtml (and html) pages (see this url for xhtml:
http://www.w3schools.com/tags/tag_doctype.asp). Here is the xhtml
Transitional DOCTYPE declaration. It will get you out of Quirks mode.

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>



Use a character encoding in the header. There are a lot of different
encodings out there. I find utf-8 to my liking. Do a search for other
character encodings.




This will solve many of the problems you have with IE 6. Including
the one you presented here. If you have a cross browser problem, go
validate your page, first. Validate the css and html(xhtml). Fix the
validation problems and see if the other problem is still happening. You
may be surprised by the result.

I think I have learned more about css and html from validating (and
repairing) my pages than from any other single source. I have gotten so
anal about it that I created a custom DTD for one client.

[gets off soap box]

I tested your script with this header and IE6 performed fine. I am
using the jquery version 1.2.2. I didn't test your page using your source.
.

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>


Foo

[jQuery] Re: Google map plugin?

[1man]

Or you could take a look at mapstraction (http://
www.mapstraction.com/)

There was a tutorial on 24ways in December, nice introduction.
http://24ways.org/2007/unobtrusively-mapping-microformats-with-jquery

Hope that helps.

On Jan 28, 10:51 pm, "Chris J. Lee" <[EMAIL PROTECTED]> wrote:
> I've seen a couple google maps plugins.
>
> Tried out jmaps have had problems implementing jmaps.
>
> Is there one that is simpler? I just need a google map marker created
> on the map. And possibly a form to enter driving directions to it.
>
> Thanks in advance.

[jQuery] Re: Error - getComputedStyle?

[hj]

> Error is as follows:
>
> uncaught exception: [Exception... "Could not convert JavaScript
> var getComputedStyle = document.defaultView.getComputedStyle( elem,
> null );

Not surprising; IE doesn't implement document.defaultView, let alone
the getComputedStyle method. jQuery doesn't -directly- provide a
substitute method, either.

Try this (untested):

function getStyleOf(elem,ref) {
  return (document.defaultView ?
document.defaultView.getComputedStyle(elem,ref) :
elem.currentStyle);
}


--

hj

[jQuery] Re: clickmenu, change "click" event to "mouseover"

[Roman Weich]

[EMAIL PROTECTED] schrieb:

Hello.

Is it possible to change menu trigger event form click to mouseover?
It's better for my purposes.

Thanks in advance for answer.



Please take a look at Barry Halims comment on
http://p.sohei.org/jquery-plugins/clickmenu/#comment-4051

I think that he's describing excactly what you want.

Cheers,
Roman

[jQuery] Re: Focus event and problem width IE

[Richard D. Worth]

This is not supported in IE. More info:

http://dev.jquery.com/ticket/120

The fix is to create a new input with type=password and copy any attributes
from the old one.

- Richard

On Jan 29, 2008 12:02 PM, Jamal Arbib <[EMAIL PROTECTED]> wrote:

>
> Hi
>
> I want to change the input's  type, from "text" to  "password" using the
> focus event. I use the following jquey code
>
> 
> $(document).ready(function(){
>  $("#passwd").focus( function() {
>  $(this).attr("value","");
>  $(this).attr("type","password");
> } );
> });
> 
>
> Il woks nice in FireFox but not in IE ! I tried diffent a way like :
>
>$("[EMAIL PROTECTED]'password']").focus( function() {
>  $(this).attr("value","");
>  $(this).attr("type","password");
>} );
>
>
> or :
>
> document.getElementsByTagName("password").setAttribute("type",
> "password");
>
> Here is my html code:
>
>
> 
> 
>..
>  
>
> thanks for your help.
>
> Djam
>
>

[jQuery] Re: New and better demos

[Ariel Flesler]

Hi all

Thanks a lot for your replies!

@Jack
I don't fully understand what you mean, could you explain it some
more ? or maybe find an example (can be flash or anything).

@caruso
   ScrollTo can scroll to any kind of element, not only LIs. Check the
old demo, the first input field uses a CSS class based selector, with
an :eq  filter. You can use any kind of selector, but you must make
sure it matches at least 1 DOM element. The first one will be taken
into account.

@Alexandre
   I really liked your comment, I also loved the psychodelic squares,
but I realized the demo wasn't very useful in the end. So I started
over.

Thanks again, I'm open to new features for any of both plugins. Just
beware not to go far away from the scope of the plugin.
Cheers.

Ariel Flesler

On 29 ene, 14:48, "Alexandre Plennevaux" <[EMAIL PROTECTED]> wrote:
> in fact i just looked at the old demo and i find it quite nice looking too!
> (me love colours :)
> at least it's not webtwooish, which is a quality in my eyes 
> :)http://www.freewebs.com/flesler/jQuery.ScrollTo/index.old.html
>
> On Jan 29, 2008 4:56 PM, caruso_g <[EMAIL PROTECTED]> wrote:
>
>
>
>
>
>
>
> > Hi, thanks a lot for these great plugins. They are awesome.
> > But I would make you a feature request, if possible, and, when you
> > can.
>
> > It would be great to be able to scroll to any kind of elements into
> > the containner, and not only list items.
>
> > Sometimes it happens that one can't know in advance which kind of
> > elements will be putted by the client into the container, so allowing
> > to scroll to "anything" inside it would solve a lot of problems!
>
> > Thanks lot anyway for your great works, and I would like to thanks all
> > other developers out there for your wonderful work and your friendly
> > support.
>
> > On Jan 29, 3:54 am, Jack Killpatrick <[EMAIL PROTECTED]> wrote:
> > > Thanks for the additional demos, they opened my eyes to a few usages
> > > that I hadn't thought of when looking at the axis-based demos. Very
> > nice.
>
> > > I'm wondering: could this be adapted to do "velocity based" (for lack of
> > > a better word) scrolling, like the iphone and ipod touch do? I'm
> > > thinking something like
>
> > > a) the user would click on div (which might have a list in it), then
> > > flick their mouse (or pen, for us pen-tablet users)
> > > b) a distance somewhere else on the div would be calculated based on the
> > > speed of the flick
> > > c) the scroller would use one of the easing plugins (or some other
> > > animation) to scroll to/near the calculated destination
> > > d) clicking on them while they're moving would stop them where they get
> > > clicked.
>
> > > Any plans for that? Thoughts? I'm picturing little "flick lists" that
> > > could be embedded in a page.
>
> > > Thx,
> > > Jack
>
> > > Ariel Flesler wrote:
> > > > Hi everyone
>
> > > > Right before going on vacations, I improved the demos of both ScrollTo
> > > > and LocalScroll. I Applied a common style to all of them. And
> > > > simplified the code of LocalScroll's to make it work entirely with the
> > > > plugin (no "raw" call to ScrollTo).
> > > > I also added an AJAX version of the LocalScroll's demo, showing the
> > > > use of the option 'persistent', which is IMO, quite useful.
>
> > > > In short.. if someone's interested in checking.. here are the links:
> > > > LocalScroll:http://www.freewebs.com/flesler/jQuery.LocalScroll/
> > > > LocalScroll AJAX version:
> >http://www.freewebs.com/flesler/jQuery.LocalScroll/ajax/
> > > > ScrollTo:http://www.freewebs.com/flesler/jQuery.ScrollTo/
>
> > > > Cheers.
> > > > Ariel Flesler
>
> --
> Alexandre Plennevaux
> LAb[au]
>
> http://www.lab-au.com- Ocultar texto de la cita -
>
> - Mostrar texto de la cita -

[jQuery] Focus event and problem width IE

[Jamal Arbib]

Hi

I want to change the input's  type, from "text" to  "password" using the 
focus event. I use the following jquey code



$(document).ready(function(){
 $("#passwd").focus( function() {
 $(this).attr("value","");
 $(this).attr("type","password");
} );
});


Il woks nice in FireFox but not in IE ! I tried diffent a way like :

   $("[EMAIL PROTECTED]'password']").focus( function() {
 $(this).attr("value","");
 $(this).attr("type","password");
   } );



or :

document.getElementsByTagName("password").setAttribute("type", "password");

Here is my html code:




   .. 



thanks for your help.

Djam

[jQuery] Re: AJAX file management

[Glen Lipka]

Check out the examples in http://extjs.com

Specifically the Web Desktop demo, as well as the "tree" demo.

You also might be interested in Adobe AIR, which allows for more integration
with the OS.

Glen

On Jan 29, 2008 8:53 AM, [EMAIL PROTECTED] <
[EMAIL PROTECTED]> wrote:

>
> Hi,
>
> Can anyone recommend anything that allows you to manage files stored
> on the web in a tree-like GUI, allowing for drag-and-drop.  I'm
> thinking of a web-based equivalent of what you may do with files on
> your desktop.
>
> Thanks, - Dave
>

[jQuery] Re: Generating a Mousedown event programmatically - similar to click() generation..

[Glen Lipka]

http://docs.jquery.com/Events has mousedown, mouseup, mousemove, etc

Also check out the plugins for "draggables" in UI.
http://docs.jquery.com/UI

Glen

On Jan 28, 2008 1:49 PM, edwardbaafi <[EMAIL PROTECTED]> wrote:

>
> Hi..
>
> Does anyone know how one could generate a mousedown event
> programmatically in order to cause a draggable to start
> dragging?
>
> I have a number of overlapping, absolutely positioned divs where
> certain sections of the background images are transparent..  What I
> need to do is to allow the user to drag the topmost div that is not
> transparent at the xy coord of the mouse down event..  What I'd like
> to do is to register for the mousedown event, iterate through all
> elements that overlap the xy coord, make the first one that isn't
> transparent at that point draggable, and fire a mousedown event on
> that element, starting the drag..
>
> For example, if you look at the diagram (ascii art) at the bottom of
> this message, there are two rectangles (may be distorted) with a small
> rectangle cut out of the middle of each..  One rectangle filled with
> "#" chars is above the other which is filled with "<" chars, but part
> of the "<" rect is visible behind the "#" rect.. The user needs to be
> able to drag the "<" rect by clicking through the hole in the "#"
> rect..  I have an in memory boundary representation of the filled
> rects, so I can query this to do the hit testing, but need a mechanism
> to start the dragging programmatically..  Generating a "click" event
> doesn't seem to work as this seems to fire after releasing the mouse
> where dragging occurs on mouse down..
>
> Any thoughts?
>
> Thanks.. -Ed
>
> 
>  <<<
> <<< <<<
> <<< <<<
> <<< <<<
>  <<<
>  <<<
>  <<
>

[jQuery] Re: .clone not work in FF or IE, please help

[Eridius]

you said your code copied the element correctly, but mine is not.  do you see
anything wrong with my code that would make my element it should be coping
to data empty?


chrismarx wrote:
> 
> 
> should clone also work for behaviors that were not added by jquery?
> (like a google map?) i tried to clone a div with a google map, and
> although clone successfully copied all the elements, the behaviors
> were lost. append did the job for a workaround. should clone(true) be
> able to also grab all the associated behavior from child elements?
> 
> On Jan 29, 10:13 am, Eridius <[EMAIL PROTECTED]> wrote:
>> my code:
>>
>> var append_to = self.element.children('.cr_tab_content');
>> var clone_element = self.element.children('#' + id).clone(true)
>> $(clone_element).appendTo(append_to);
>>
>> When I do this my element is still empty but should be filled with the
>> cloned element
>>
>> var append_to = self.element.children('.cr_tab_content');
>> var clone_element = self.element.children('#' + id).clone(true)
>> $(append_to).append(element.html());
>>
>> work fine but I want to make sure and events are carried over.  any help
>> please?
>> --
>> View this message in
>> context:http://www.nabble.com/.clone-not-work-in-FF-or-IE%2C-please-help-tp15...
>> Sent from the jQuery General Discussion mailing list archive at
>> Nabble.com.
> 
> 

-- 
View this message in context: 
http://www.nabble.com/.clone-not-work-in-FF-or-IE%2C-please-help-tp15160495s27240p15163862.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.

[jQuery] Re: jQuery CDN Host?

[Glen Lipka]

I believe http://code.jquery.com/jquery-latest.js is hosted by Amazon S3.

source: http://jquery.com/blog/2007/04/02/google-groups-and-amazon-s3/

Glen

On Jan 28, 2008 2:58 PM, dgouldin <[EMAIL PROTECTED]> wrote:

>
> Is there a jQuery CDN host that anybody knows of?
>

[jQuery] AJAX file management

[[EMAIL PROTECTED]]

Hi,

Can anyone recommend anything that allows you to manage files stored
on the web in a tree-like GUI, allowing for drag-and-drop.  I'm
thinking of a web-based equivalent of what you may do with files on
your desktop.

Thanks, - Dave

[jQuery] Re: clickmenu, change "click" event to "mouseover"

[Glen Lipka]

Do you have a page you could show?  I think this isn't enough detail.

Glen

On Jan 29, 2008 6:29 AM, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:

>
> Hello.
>
> Is it possible to change menu trigger event form click to mouseover?
> It's better for my purposes.
>
> Thanks in advance for answer.
>

[jQuery] Re: IE7 it does't work (bug?)

[Charles K. Clarkson]

mixfox wrote:

: here is my code
: 
: $(document).ready(function() { $('#imageid').load(function(){
: 
: alert('hello');
: 
: }); });
: 
: "#imageid" is an img lable's ID

That works for me. Perhaps the error is in the html portion of your
page.
Are you sure the image has an id of id="imageid"? id="#imageid" will fail.
If you cannot fix the problem show us your whole page.


http://www.dfwrein.com/html4-embed.dtd";>


Foo




$(document).ready(function() {
$('#imageid').load(function(){
alert('hello');
});
});









HTH,

Charles K. Clarkson
-- 
Mobile Homes Specialist
Free Market Advocate
Web Programmer

254 968-8328

http://www.clarksonenergyhomes.com/wordpress/about/

[jQuery] Re: New and better demos

[Alexandre Plennevaux]

in fact i just looked at the old demo and i find it quite nice looking too!
(me love colours :)
at least it's not webtwooish, which is a quality in my eyes :)
http://www.freewebs.com/flesler/jQuery.ScrollTo/index.old.html



On Jan 29, 2008 4:56 PM, caruso_g <[EMAIL PROTECTED]> wrote:

>
> Hi, thanks a lot for these great plugins. They are awesome.
> But I would make you a feature request, if possible, and, when you
> can.
>
> It would be great to be able to scroll to any kind of elements into
> the containner, and not only list items.
>
> Sometimes it happens that one can't know in advance which kind of
> elements will be putted by the client into the container, so allowing
> to scroll to "anything" inside it would solve a lot of problems!
>
> Thanks lot anyway for your great works, and I would like to thanks all
> other developers out there for your wonderful work and your friendly
> support.
>
> On Jan 29, 3:54 am, Jack Killpatrick <[EMAIL PROTECTED]> wrote:
> > Thanks for the additional demos, they opened my eyes to a few usages
> > that I hadn't thought of when looking at the axis-based demos. Very
> nice.
> >
> > I'm wondering: could this be adapted to do "velocity based" (for lack of
> > a better word) scrolling, like the iphone and ipod touch do? I'm
> > thinking something like
> >
> > a) the user would click on div (which might have a list in it), then
> > flick their mouse (or pen, for us pen-tablet users)
> > b) a distance somewhere else on the div would be calculated based on the
> > speed of the flick
> > c) the scroller would use one of the easing plugins (or some other
> > animation) to scroll to/near the calculated destination
> > d) clicking on them while they're moving would stop them where they get
> > clicked.
> >
> > Any plans for that? Thoughts? I'm picturing little "flick lists" that
> > could be embedded in a page.
> >
> > Thx,
> > Jack
> >
> > Ariel Flesler wrote:
> > > Hi everyone
> >
> > > Right before going on vacations, I improved the demos of both ScrollTo
> > > and LocalScroll. I Applied a common style to all of them. And
> > > simplified the code of LocalScroll's to make it work entirely with the
> > > plugin (no "raw" call to ScrollTo).
> > > I also added an AJAX version of the LocalScroll's demo, showing the
> > > use of the option 'persistent', which is IMO, quite useful.
> >
> > > In short.. if someone's interested in checking.. here are the links:
> > > LocalScroll:http://www.freewebs.com/flesler/jQuery.LocalScroll/
> > > LocalScroll AJAX version:
> http://www.freewebs.com/flesler/jQuery.LocalScroll/ajax/
> > > ScrollTo:http://www.freewebs.com/flesler/jQuery.ScrollTo/
> >
> > > Cheers.
> > > Ariel Flesler
>



-- 
Alexandre Plennevaux
LAb[au]

http://www.lab-au.com

[jQuery] Re: .clone not work in FF or IE, please help

[chrismarx]

should clone also work for behaviors that were not added by jquery?
(like a google map?) i tried to clone a div with a google map, and
although clone successfully copied all the elements, the behaviors
were lost. append did the job for a workaround. should clone(true) be
able to also grab all the associated behavior from child elements?

On Jan 29, 10:13 am, Eridius <[EMAIL PROTECTED]> wrote:
> my code:
>
> var append_to = self.element.children('.cr_tab_content');
> var clone_element = self.element.children('#' + id).clone(true)
> $(clone_element).appendTo(append_to);
>
> When I do this my element is still empty but should be filled with the
> cloned element
>
> var append_to = self.element.children('.cr_tab_content');
> var clone_element = self.element.children('#' + id).clone(true)
> $(append_to).append(element.html());
>
> work fine but I want to make sure and events are carried over.  any help
> please?
> --
> View this message in 
> context:http://www.nabble.com/.clone-not-work-in-FF-or-IE%2C-please-help-tp15...
> Sent from the jQuery General Discussion mailing list archive at Nabble.com.

[jQuery] Re: Google map plugin?

[chrismarx]

i agree, i don think any plugin will be able to keep up with all the
new developments. unless you want a super simple map. are you
interested in a jstl version?

On Jan 29, 5:12 am, Bohdan Ganicky <[EMAIL PROTECTED]> wrote:
> Hi Chris,
> Mika is absolutely right. Google Maps API is itself quite simple and
> concise. There's little need for futher abstraction. As long as
> "map.addOverlay(new GMarker(point));" stands for creating new marker on the
> map, I don't see much space for a plugin making this any easier.
>
> --
> Bohdan
>
> Chris J. Lee wrote:
>
> > I've seen a couple google maps plugins.
>
> > Tried out jmaps have had problems implementing jmaps.
>
> > Is there one that is simpler? I just need a google map marker created
> > on the map. And possibly a form to enter driving directions to it.
>
> > Thanks in advance.
>
> --
> View this message in 
> context:http://www.nabble.com/Google-map-plugin--tp15149817s27240p15156229.html
> Sent from the jQuery General Discussion mailing list archive at Nabble.com.

[jQuery] textarea catch paste event from menu

[JCR]

Hello,
I need to catch any change to a textarea and I am struggling with the
case where the user pastes some text using the menu of the browser. In
such case, the content has changed but key-related events are not
triggered because obviously the keyboard was not touched. An event
like onchange is not triggered either because the textarea may not
have the focus in the first place and the if it has the focus, it may
no lose it...

Does JQuery offer a way to catch that kind of event and change?
Is there a better solution than a setInterval?

Thank you