date:20090914


Could you provide a link?

On Sep 14, 3:38 am, Anush Shetty anushshe...@gmail.com wrote:
 When I try using jquery gradient plugin with tabs, I see that the tabs
 get disabled.

 Does anybody here know the reason behind it ?

 --
 Anush

[jQuery] jquery question on slideUp fadeIn and show

2009-09-14 Thread kev.


Hi All,

jquery noob question here.  I've got a php script that runs a few
price
checker kiosks out on the sales floor at work and I've got a p
element
that I can get to slide up when a product is scanned and slide back
down
after a 5 second pause with:

$(function() {
$(p).slideUp(slow);
setTimeout(function(){ $(p).slideDown(slow); },
5000);
});

but when I change the slideUp and slideDown to fadeIn and fadeOut I'm
not
getting the element to fade in or out.  Instead the element shows up
on the
screen then after 5 seconds the element appears in the position where
it
ends up after a slideUp.

Similarly if I change the slideUp and slideDown to 'show' and 'hide'
the
element again shows up in the spot that it starts the slideUp from
then
slides up after 5 seconds.

Any thoughts on what I'm doing wrong?

Thanks in advance.

[jQuery] Re: Enable a disabled checkbox after the user has completely scrolled down to the bottom of a textarea

2009-09-14 Thread ryan.j


take a look at this, which works in your example...

script type=text/javascript$('#licenseTerms').scroll(function (){
  var a = $(this).scrollTop() / 12.5;
  var b = $('#licenseTerms').height();
if ( a = b ) {
alert(a + ,  + b);
}
})/script

the problem is that scrollTop() isn't returning the value you expect.

On Sep 14, 8:48 am, Thorsten Panknin thorstenpank...@googlemail.com
wrote:
 Noone?

[jQuery] Re: Enable a disabled checkbox after the user has completely scrolled down to the bottom of a textarea

2009-09-14 Thread ryan.j


at least it would, if it wasn't for the typo in the closing /script
tag...

On Sep 14, 12:20 pm, ryan.j ryan.joyce...@googlemail.com wrote:
 take a look at this, which works in your example...

 script type=text/javascript$('#licenseTerms').scroll(function (){
   var a = $(this).scrollTop() / 12.5;
   var b = $('#licenseTerms').height();
     if ( a = b ) {
         alert(a + ,  + b);
     }

 })/script

 the problem is that scrollTop() isn't returning the value you expect.

 On Sep 14, 8:48 am, Thorsten Panknin thorstenpank...@googlemail.com
 wrote:

  Noone?

[jQuery] Re: jquery question on slideUp fadeIn and show

2009-09-14 Thread ryan.j


have you tried to use a callback instead of the setTimeout?

On Sep 14, 11:37 am, kev. yu210...@gmail.com wrote:
 Hi All,

 jquery noob question here.  I've got a php script that runs a few
 price
 checker kiosks out on the sales floor at work and I've got a p
 element
 that I can get to slide up when a product is scanned and slide back
 down
 after a 5 second pause with:

         $(function() {
                 $(p).slideUp(slow);
                 setTimeout(function(){ $(p).slideDown(slow); },
 5000);

 });

 but when I change the slideUp and slideDown to fadeIn and fadeOut I'm
 not
 getting the element to fade in or out.  Instead the element shows up
 on the
 screen then after 5 seconds the element appears in the position where
 it
 ends up after a slideUp.

 Similarly if I change the slideUp and slideDown to 'show' and 'hide'
 the
 element again shows up in the spot that it starts the slideUp from
 then
 slides up after 5 seconds.

 Any thoughts on what I'm doing wrong?

 Thanks in advance.

[jQuery] Re: event coordination problem

2009-09-14 Thread Mr Speaker


Ahh. The problem is that there is NO relation between the two fields:
they're just DOM elements like divs, paragraphs, and iframes. The blur
event of some textbox is _totally_ unrelated to a click event of some
other button.  If you want to enforce some rules between the two
you'll have to code it yourself - the usual way is to check each
individual field on blur and when you click the button, re-check all
validation rules.

There are also heaps of validation plugins in the jQuery plugin
repository you might like to look at to simplify validation handling.

On Sep 14, 12:28 pm, Rick Faircloth r...@whitestonemedia.com
wrote:
  if you put the focus in the textbox (#id1) then click the button (#id2)
 both
  events get fired

 Jim...

 Preventing this occurrence is what I was talking about.  What I do is keep
 the
 submit button disabled until all required fields have been validated on
 blur.
 That way you can't have a field that hasn't been validated and have the
 submit
 button fire, too.  The user has to blur out of the field to achieve
 validation
 and enabling of the submit button.

 Am I misunderstanding?

 Rick

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

 Behalf Of Mr Speaker
 Sent: Sunday, September 13, 2009 10:07 PM
 To: jQuery (English)
 Subject: [jQuery] Re: event coordination problem

 I pasted your code into a new HTML doc and it ran as expected: if you
 put the focus in the textbox (#id1) then click the button (#id2) both
 events get fired (blur event fires first, click event fires second).

 Is there anything else in your page? Are you getting any JS errors?

 On Sep 13, 4:27 am, jhm jmay...@gmail.com wrote:
  Not sure how this helps, and in fact I'm pretty much already doing
  that. The problem is that if the focus is in the field, when the
  button is clicked I get the blur event only and not the click event on
  the button.

  If you try the code in the OP, you'll see this happening. Remember to
  click into the text box before clicking on the button.

  I need the click event for sure. I could live without the blur event
  in this situation, but I'd also like to understand the dynamics of
  what is happening for the future.

  Jim

  On Sep 12, 10:39 am, Rick Faircloth r...@whitestonemedia.com
  wrote:

   How about setting the field to invalid to start with and
   force the user to blur the field for a validation routine
   to declare it valid.

   Rick

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

   Behalf Of jhm
   Sent: Saturday, September 12, 2009 1:04 PM
   To: jQuery (English)
   Subject: [jQuery] event coordination problem

   Hi-

   In a form, I'm trying to validate a field when they move off it. But
   this causes a problem when the field has the focus and they click a
   button to process the form. In this case, only the field's blur event
   (or change event) gets fired and nothing for the button click event.

   Seems like a reasonable thing to want to do, so I figure I'm missing
   something in they way I've coded this. Any suggestions?

    Here's the very simple code that exhibits the behavior:

   head
       script type=text/javascript src=./js/jquery.js/script
       script type=text/javascript

           $(document).ready( function() {
                   $('#id1').blur( function() {
                           alert('blur in id1');
                   });

                   $('#id2').click( function() {
                           alert('click in id2');
                   });
           });
           /script
   /head

   body
   /body
           input type=text value=Sample Text name=id1 id=id1 /
           input type=button name=Finish value=Finish id=id2 /
   /html

[jQuery] Re: (validate) dash/hyphen in radio id problem

2009-09-14 Thread mattso


I've tried using the quotes on names that don't have a dash in it and
this works, but it won't work with the ones that do contain a dash (-)
(they are radio buttons)
Is this really supposed to work ?

Any clue would be appreciated


On 11 sep, 16:03, mattso matthieu.larc...@gmail.com wrote:
 Thanks for your reply, Jörn.

 I've tried :

 rules: {
         genre-f: genreCheck,
         genre-m: genreCheck

 }

 and :

 rules: {
         genre-f: {
                 genreCheck: true
         },
         genre-m: {
                 genreCheck: true
         }

 }

 with :

 $.validator.addMethod('genreCheck', function (value) {
         alert('called');
         if( $(#genre-f).is(:checked) || $(#genre-m).is(:checked) ){
                 return true;
         }else{
                 return false;
         }

 }, Please select a genre.);

 but I don't get any error message and the alert in the genreCheck
 function shows it's not even called.
 Any idea why ?

 On 11 sep, 15:40, Jörn Zaefferer joern.zaeffe...@googlemail.com
 wrote:

  Seehttp://docs.jquery.com/Plugins/Validation/Reference#Fields_with_compl...

  Jörn

  On Fri, Sep 11, 2009 at 2:26 PM, mattso matthieu.larc...@gmail.com wrote:

   Hi,

   I'm using the bassistance.de Validation Plugin for jQuery and I have
   the following problem :

   When using a dash(-) separated id for genres (i.e. genre-f / genre-m),
   I get the following js error : missing : after property id with the
   following code:
   rules: {
          genre-f: {
                  required: #genre-m
          },
          genre-m: {
                  required: function() {
                          return $(#genre-f).is(:checked);
                  }
          },
   It seems that the js (json?) doesn't allow the use of a - inside a
   variable name.

   Unfortunately, I can't change the id names, as they are being
   generated by Zend Framework which doesn't allow to replace it with
   another character.

   Anybody would know a way around this ?

   It seems to me that in the case of multi-options inputs, the script
   should focus on the name instead of the id...
   Any clue would be appreciated.

[jQuery] Removal of element before body

2009-09-14 Thread paulswansea


Hi,

How can I remove an element before the body of the document, the long
and the short of it is that a script I use places a br statement
(amongst other things) dynamically into my web pages and based upon
which browser I use, sometimes it places it inside the head and
sometimes places it before the head and in some browsers not at all.
I know it shouldn't, but it does.

So basically, is there a way of removing the br statement if it exists
before the body element?

[jQuery] ajaxForm - upload issue

2009-09-14 Thread Dani - smalldressup.com


Hello everybody!

I've recently stumbled upon a very strange issue and it consists of
the following:

I have a  form that I submit using the ajaxForm plugin.
I have 2 file fields: thumb and .swf

The iframe option is set to true and the form uploads ok the images
but does nothing with the .swf file and I have no idea why is this
happening

Is there some filesize limitation to the plugin or something of this
sort?

Cheers

[jQuery] Easy show()/hide() Question

2009-09-14 Thread GLSmyth


I am missing something fundamental and am sure that someone can point
me in the right direction.

I have a list like so:

li id=GalleryMenua href=../Gallery/Default.htmDD/a
  ul class=DoNotDisplay
lia href=../Gallery/Santuary.htmSantuary/a/li
lia href=../Gallery/Stream.htmStream/a/li
lia href=../Gallery/Winter.htmWinter/a/li
  /ul
/li

I have styled it so that the list items float.  The class DoNotDisplay
hides the unordered list.  When the mouse hovers over GalleryMenu then
jQuery removes the DoNotDisplay class so that the unordered list is
displayed, moving off GalleryMenu hides the list.  This works fine and
the code is:

$(document).ready(
  function() {
$('li#GalleryMenu').add('li#PoemMenu').hover(
  function() {
$(this).children('ul').removeClass('DoNotDisplay');
  },
  function() {
$(this).children('ul').addClass('DoNotDisplay');
  }
);
  }
);

I would like the unordered list to slide open, so I changed the code
to:

$(document).ready(
  function() {
$('li#GalleryMenu').add('li#PoemMenu').hover(
  function() {
$(this).children('ul').show('fast');
console.log('Open list');
  },
  function() {
$(this).children('ul').hide('fast');
console.log('Close list');
  }
);
  }
);

The list opens properly, but does not close when I move the mouse from
the list.  When looking at this in Firebug I see that 'hide' is
firing, but for some reason does not close the list.  If I unfloat
the list then the code works just fine.

What am I missing?  I'm sure that it is staring me in the face, but I
am just not seeing it.  The full code can be found at
http://glsmyth.com/Sedwick/Templates/

Thanks for looking.

Cheers -

george

[jQuery] Re: ajaxForm - upload issue

2009-09-14 Thread Mike Alsup


 I have a  form that I submit using the ajaxForm plugin.
 I have 2 file fields: thumb and .swf

 The iframe option is set to true and the form uploads ok the images
 but does nothing with the .swf file and I have no idea why is this
 happening

 Is there some filesize limitation to the plugin or something of this
 sort?


No, the plugin has no limitations like that, but your server may.

[jQuery] Re: Autocomplete plugin - customization

2009-09-14 Thread alexbodn . groups


if i understand you correctly, using the result trigger (google for it) may do 
the whole job.

On Mon, Sep 14, 2009 at 11:27, Althalos g...@ekdahlproduction.com wrote:


Hi
I'm trying to make a custom hack to the autocomplete plugin. I want it
so that when you select a suggestion I can separate the data in that
suggestion and insert parts of it into four different elements.

I'll use split to get the data into an array and then use the Val
function to set the values of the elements, but what is the easiest
way to customize theplugon like this? Can I do this wihout editing the
plugn itself?




--
alex



smime.p7s
Description: S/MIME Cryptographic Signature

[jQuery] Re: trim string

2009-09-14 Thread sqwerl


It would be best to use a regular expression.

On Sep 14, 5:37 am, Mohd.Tareq tareq.m...@gmail.com wrote:
 Try object.substring('.',' ');

 On Mon, Sep 14, 2009 at 3:40 PM, runrunforest craigco...@gmail.com wrote:

  Hi,

  I have an array like this cat=(com12, com1, cop233, com1.1, sap-12-1)

  I want to take out all the numbers and . and - signs

  the desire result is cat=(com, com, cop, sap)

  how can i do that please ?

 --
        Regard
 Mohammad.Tareque

[jQuery] Re: ajaxForm - upload issue

2009-09-14 Thread Dani - smalldressup.com


the thing is that the script work ok without ajax.. I am using many
upload scripts and the normal PHP one works perfect :|

[jQuery] Re: animate : animable properties

2009-09-14 Thread Nico


Hello,

I didn't find any solution for my problem yet.
Can anyone help me ?

I have a JS object defining CSS properties. I'd like to remove from
this object all the properties that can't be animated.

example :

I have this object :

var myObject = {
height: '100px',
width: '100px',
color: 'red',
'margin-top': '25px',
overflow: 'auto'
}

I want to get only the properties I can use to make an animation, so
the result should be :

var myObjectFiltered = {
height: '100px',
width: '100px',
'margin-top': '25px'
}


But I know jQuery plugins can add some animations possibilities, like
animating colors for example. In this case the result should be :

var myObjectFiltered = {
height: '100px',
width: '100px',
color: 'red',
'margin-top': '25px'
}

anyone knows how to do this ?

thanks
Nico


 I'm coding a jQuery plugin to draw modal windows. In this plugin, I
 make animations to show and hide the modal window.
 I'd like my plugin to be as much customizable as possible. So I want
 the animations to be customizable also. To do this, I have one option
 for the general css properties (the style of the window), one for css
 properties before showing animation, and one for css properties
 after hidding animation.

 To make the show animation, I start by applying general style +
 before styles (before styles overwrites general styles). Than I get
 the difference between before styles and general styles,, and I use
 this object as the animation properties.

 To make the hide animation, the general styles are already applied,
 I just launch an animation using the after hiding styles as the
 animation properties.

 All this works very well, but I have just one small problem : All css
 properties can't be used as animation properties. And if I try to
 launch an animation with a non-animable css property, than the
 animation bugs.
 So I have to filter the properties I give to the animate function, to
 remove all non-animable properties. But to do this, I have to get a
 list of animable css properties.

 Does someone knows how I can manage to get this list ? is there
 something like this in jQuery ?

[jQuery] Re: jquery question on slideUp fadeIn and show

2009-09-14 Thread kev.


It's a moot point anyway.  Got into work this morning to find that the
embedded browser in the price checkers doesn't play nice with even the
slideIn/slideOuts. :\

kev.

On Sep 14, 7:29 am, ryan.j ryan.joyce...@googlemail.com wrote:
 have you tried to use a callback instead of the setTimeout?

 On Sep 14, 11:37 am, kev. yu210...@gmail.com wrote:

  Hi All,

  jquery noob question here.  I've got a php script that runs a few
  price
  checker kiosks out on the sales floor at work and I've got a p
  element
  that I can get to slide up when a product is scanned and slide back
  down
  after a 5 second pause with:

          $(function() {
                  $(p).slideUp(slow);
                  setTimeout(function(){ $(p).slideDown(slow); },
  5000);

  });

  but when I change the slideUp and slideDown to fadeIn and fadeOut I'm
  not
  getting the element to fade in or out.  Instead the element shows up
  on the
  screen then after 5 seconds the element appears in the position where
  it
  ends up after a slideUp.

  Similarly if I change the slideUp and slideDown to 'show' and 'hide'
  the
  element again shows up in the spot that it starts the slideUp from
  then
  slides up after 5 seconds.

  Any thoughts on what I'm doing wrong?

  Thanks in advance.

[jQuery] Re: animate : animable properties

2009-09-14 Thread bjorsq



Try this:

  function filterInanimate(obj)
  {
var newObject = {};
var goodProps =
['width','height','left','right','top','bottom','margin','background'];
for (prop in obj) {
  if ($.inArray(prop, goodProps) != -1) {
newObject[prop] = obj[prop];
  }
}
return newObject;
  }


the goodProps array stores all the properties which you would like to be
able to animate.
Feed the object which you want filtering into the function to have the
filtered object returned:

var filteredObject = filterInanimate(myObject);



MisterV wrote:
 
 
 Hi,
 
 I'm coding a jQuery plugin to draw modal windows. In this plugin, I
 make animations to show and hide the modal window.
 I'd like my plugin to be as much customizable as possible. So I want
 the animations to be customizable also. To do this, I have one option
 for the general css properties (the style of the window), one for css
 properties before showing animation, and one for css properties
 after hidding animation.
 
 To make the show animation, I start by applying general style +
 before styles (before styles overwrites general styles). Than I get
 the difference between before styles and general styles,, and I use
 this object as the animation properties.
 
 To make the hide animation, the general styles are already applied,
 I just launch an animation using the after hiding styles as the
 animation properties.
 
 All this works very well, but I have just one small problem : All css
 properties can't be used as animation properties. And if I try to
 launch an animation with a non-animable css property, than the
 animation bugs.
 So I have to filter the properties I give to the animate function, to
 remove all non-animable properties. But to do this, I have to get a
 list of animable css properties.
 
 Does someone knows how I can manage to get this list ? is there
 something like this in jQuery ?
 
 Nico
 
 

-- 
View this message in context: 
http://www.nabble.com/animate-%3A-animable-properties-tp25297303s27240p25436295.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.

[jQuery] Re: jquery validate and datepicker.

Hi,

Sorry you haven't received a response yet. Usually Jörn picks up
questions about the validate picker, but he's been traveling for the
past week. Also, datepicker questions are usually handled on the
jquery-ui google group. In any case, it looks like the the validation
message is triggered on blur of the field. I don't recall how
datepicker works, but I would sort of expect the focus to go back to
the date input element when a date is selected from the datepicker.
Since that isn't happening now, you can make it happen by adding an
onClose or onSelect method to your datepicker options: http://jqueryui.com/demos/datepicker/#event-onSelect
That way, the validation thing will be triggered when the user
clicks or tabs out of the field after that point.

Hope that helps.

--Karl

Karl Swedberg
www.englishrules.com
www.learningjquery.com

On Sep 13, 2009, at 6:45 PM, Williamk wrote:

Was it something I said? Or didn't say?
:/

On Sep 8, 8:28 am, Williamk bkopl...@gmail.com wrote:

Oh, I put the demo page for the remember the milk with the datepicker
on a site, so you can see what I am talking about.
No porn or viagra or Nigerian cons or anything else dubious.
If you are interested:http://avianflew.com/milk/

On Sep 7, 9:48 pm, Williamk bkopl...@gmail.com wrote:

For some reason, and this is baffling me, if I use both the
validation

plugin and the datepicker plugin, some voodoo is occurring.
I have to select the date twice for it to validate.
For example, here are the steps I took:
I try to submit the form without dates in the fields.
The form is not sent and the date fields are flagged.
If you open it once and select a date, the calendar closes, but it
still shows as invalid.
If you repeat this action, selecting the same exact field and
opening

the calendar and selecting the date again, then it shows as valid.
I'm not sure how to shoehorn this into validating on the first click
on the calendar.
And to be honest, I'm terrified I'm going to get flamed over this.
I generally consider myself pretty resourceful, but this is making
me

a little bit loco.

[jQuery] Re: Removal of element before body


To remove them you could use

$(function() {
   $(br).remove();
});

but to find where they are is more difficult, as you could end up
removing key elements like the head tag itself. If it's placing it
where you don't want it to, maybe the script needs tweaking? Could you
possibly post it here, or even a link would be better? That would
enable me to help you a bit easier.

Mike


However in order to detect where they are in the document is more
difficult.

On Sep 14, 12:43 pm, paulswansea sendtoswan...@hotmail.com wrote:
 Hi,

 How can I remove an element before the body of the document, the long
 and the short of it is that a script I use places a br statement
 (amongst other things) dynamically into my web pages and based upon
 which browser I use, sometimes it places it inside the head and
 sometimes places it before the head and in some browsers not at all.
 I know it shouldn't, but it does.

 So basically, is there a way of removing the br statement if it exists
 before the body element?

[jQuery] Re: trim string

2009-09-14 Thread bjorsq



Try this:

  function filterArray(arr)
  {
var newArr = [];
for (var i = 0; i  arr.length; i++) {
  newArr.push(arr[i].replace(/[0-9\-.]/g, ''));
}
return newArr;
  }



runrunforest wrote:
 
 
 Hi,
 
 I have an array like this cat=(com12, com1, cop233, com1.1, sap-12-1)
 
 I want to take out all the numbers and . and - signs
 
 the desire result is cat=(com, com, cop, sap)
 
 how can i do that please ?
 
 

-- 
View this message in context: 
http://www.nabble.com/trim-string-tp25433275s27240p25436583.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.

[jQuery] Re: Why no entire text is replaced when I pick a date on the datepicker?

Would you mind posting this question to the jquery-ui google group if  
you haven't done so already? That group is dedicated to questions such  
as yours that are specifically related to jQuery UI.

http://groups.google.com/group/jquery-ui/

Thanks!

--Karl


Karl Swedberg
www.englishrules.com
www.learningjquery.com




On Sep 13, 2009, at 12:47 PM, wei wrote:



I have a datapicker on the date field with a format of -mm-dd.
After selecting a date on the datepicker, only a portion of the
default value is replaced. Can someone tell me what is missing and how
to resolve this problem?

Thanks very much in advance.

[jQuery] Re: Twitter for support?

2009-09-14 Thread Ashley


Twitter is highly ephemeral and I don't think it's a good idea to
split support out into a series of venues. I see this same thing in
other software groups with IRC instead of Twitter and I think it's
*much* better to use something like Google groups for discussion or a
permanent page on a jQuery (or your own) site for anything which is
boiled down to an answer. Every time I see that was answered on IRC
or come ask us on IRC I cringe because I know that valuable
information was just lost to the community (searching irc logs for
100 different channels to find an answer is unreasonable) while it was
disseminated to a single user or a clique.

Any time something like this comes up don't consider how you're
helping an individual but how your work could be leveraged to help
everyone involved for the foreseeable future and with the least amount
of repetition. To me Twitter is right out for this.

(By the way, love your plugins and really appreciate how much support
you give on them; very impressive).

-Ashley

On Sep 13, 11:53 am, Mike Alsup mal...@gmail.com wrote:
 Over the past few months I've been fielding an increasing number of
 support requests via Twitter (for Cycle, BlockUI, and Form plugins).
 In some ways it's a nice way to respond to simple questions but
 obviously it's not well-suited for more in-depth questions and
 responses.  I generally direct people to this Google Group for
 anything non-trivial but I'm wondering what others think about
 leveraging Twitter for simple QA.  Thoughts?

 Mike

 http://twitter.com/malsup

[jQuery] Re: Twitter for support?

2009-09-14 Thread Rick Faircloth

+100

-Original Message-
From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
Behalf Of Ashley
Sent: Monday, September 14, 2009 12:21 PM
To: jQuery (English)
Subject: [jQuery] Re: Twitter for support?

Twitter is highly ephemeral and I don't think it's a good idea to
split support out into a series of venues. I see this same thing in
other software groups with IRC instead of Twitter and I think it's
*much* better to use something like Google groups for discussion or a
permanent page on a jQuery (or your own) site for anything which is
boiled down to an answer. Every time I see that was answered on IRC
or come ask us on IRC I cringe because I know that valuable
information was just lost to the community (searching irc logs for
100 different channels to find an answer is unreasonable) while it was
disseminated to a single user or a clique.

Any time something like this comes up don't consider how you're
helping an individual but how your work could be leveraged to help
everyone involved for the foreseeable future and with the least amount
of repetition. To me Twitter is right out for this.

(By the way, love your plugins and really appreciate how much support
you give on them; very impressive).

-Ashley

On Sep 13, 11:53 am, Mike Alsup mal...@gmail.com wrote:
 Over the past few months I've been fielding an increasing number of
 support requests via Twitter (for Cycle, BlockUI, and Form plugins).
 In some ways it's a nice way to respond to simple questions but
 obviously it's not well-suited for more in-depth questions and
 responses.  I generally direct people to this Google Group for
 anything non-trivial but I'm wondering what others think about
 leveraging Twitter for simple QA.  Thoughts?

 Mike

 http://twitter.com/malsup

[jQuery] Re: animate : animable properties

2009-09-14 Thread Nico


Hi,

 the goodProps array stores all the properties which you would like to be
 able to animate.

In fact I already use this solution. I defined a table with all the
properties that can be animated, and than I use this reference as a
filter.
But this way, I don't handle custom animation properties. For example,
if I use the plugin Color Animations, than the color property can
be animated. But this property is not in my filter table, so I won't
be able to use it. Or I'll have to register the property in my filter
table before I can use it, and I don't want to do this.

I'd like to be able to ask jQuery which properties can be animated,
and build my filter table from this information. It should be possible
to get this info, no ? How jQuery knows how to handle each property ?


Nico

[jQuery] Re: Flipv Vertical Text and extra space


Oh, and also - there's a little drop down box in the top right corner
which will allow you to change the language to English :-)

On Sep 14, 11:24 am, Paul Collins pauldcoll...@gmail.com wrote:
 Hi all

 I'm currently using the Jquery Flipv plugin, which works well. The only
 problem is, some words have extra padding at the end, depending on how many
 characters.http://www.openstudio.fr/jQuery-flipv.html?lang=en

 I'm not sure why this is, but it seems that the conversion to vertical text
 creates some extra spacing on certain browsers. Can anyone tell me why this
 is? I'm trying to get advice through the site, but it's all in French and I
 can't understand it!

 Thanks for any help

[jQuery] detecting events on iframe: reload

2009-09-14 Thread ximo wallas

Can I detect somehow if a content has been loaded in an iframe? 
I'm not talking about the first loading of the iframe, but afterwords. I have a 
flash movie inside an iframe and this flash movie loads a document in the 
iframe when a button is clicked, all I want is the main page to detect when 
this content has been loaded or when iframe content is modified or refreshed...
Any hints?

[jQuery] Re: saving values from a multi select list.

2009-09-14 Thread shaded


Ok so i thought that maybe the problem had something to do with the
ajax request so i tried adding the ajaxStart function. See below.

 $(#ddl_customer).change(function(){
  $(#ddl_customer).ajaxStart(function() {
 cuslist = $(this).val().join(, );
  });
  alert(cuslist);
});


$(#ddl_customer).selectChain({
target: market,
url: callback_url,
type: POST,
data: { ajax: true, multsel: market_selects, cust_val: cuslist  }
 }).trigger('change');

So im trying to get all the selected values from ddl_customer in the
first block of code. then pass it to cust_val in the second block of
code.

note that the alert(custlist) outputs what i expect. but when i check
cust_val in firebug it outputs the entire list, not only selected
values.

Please Help!:(

[jQuery] Hide/Show based on radio button selected

2009-09-14 Thread mtuller


I am trying to create a script that will display content based on if a
radio button is selected, and if the other is selected would hide the
content. Now, each of these radio buttons are part of a radio group,
so their names are the same. Most examples show input:radio
[...@name=item] Since I have 2 items that have the same name, I can't use
name, so I thought I would try id or value. It isn't working. If I add
only the show, whenever you select either radio button, it shows, and
if I add the hide code, it doesn't work at all.

Here is what I have right now.

$(document).ready(function(){
  $('#offices_checkboxes').hide();
  $(input:rad...@value=1]).click(function() {
  $(#offices_checkboxes).show();
  });
  $(input:rad...@value=0]).click(function() {
  $(#offices_checkboxes).hide();
  });

});

Anybody have an idea of how I could get this to work?

[jQuery] 'key' related events throw up warnings in FF


Hi everyone

Everytime I try to use a keyup/keypress/keydown event in my code, I
get a warning in my Firebug whenever it is fired:

 The 'charCode' property of a keydown event should not be used. The value is 
 meaningless.

I'm not quite sure what this means, but I'm guessing it's because I
have not set the value of a particular key - however, this is not
required for my function which basically just makes a button appear
when the user puts text in an input field.

My function:

$(function() {
$(#myinput).keyup(function() {
var theval = $(#myinput).val();
var mybutton = $(#thebutton);
if(theval!=){
mybutton.fadeIn(200);
}else{
mybutton.fadeOut(200);
}
});
});

Which seems to actually word - except I get the warning above. Does
anyone know how to avoid this happening?

Thanks,
Mike

[jQuery] Re: (validate) dash/hyphen in radio id problem

2009-09-14 Thread mattso


I tried building a testcase and it appeared that the problem was not
id-with-dash related, it's the radio buttons validation that simply
wasn't working at all !

There's a demo of radio buttons validating at
http://jquery.bassistance.de/validate/demo/radio-checkbox-select-demo.html
but it is using the validate=required:true attribute to do so, and
this breaks the w3c validation of the code...

I've eventually found by trial and error that it is working if I use
the name attribute instead of the id attribute in the rules :
rules: {
genre: {
required: true
}
}

Now I just have to sort out the place where the error message is
displayed and that'll be fine.
I hope this can help others when they encounter that same problem...


On 14 sep, 13:31, mattso matthieu.larc...@gmail.com wrote:
 I've tried using the quotes on names that don't have a dash in it and
 this works, but it won't work with the ones that do contain a dash (-)
 (they are radio buttons)
 Is this really supposed to work ?

 Any clue would be appreciated

 On 11 sep, 16:03, mattso matthieu.larc...@gmail.com wrote:

  Thanks for your reply, Jörn.

  I've tried :

  rules: {
          genre-f: genreCheck,
          genre-m: genreCheck

  }

  and :

  rules: {
          genre-f: {
                  genreCheck: true
          },
          genre-m: {
                  genreCheck: true
          }

  }

  with :

  $.validator.addMethod('genreCheck', function (value) {
          alert('called');
          if( $(#genre-f).is(:checked) || $(#genre-m).is(:checked) ){
                  return true;
          }else{
                  return false;
          }

  }, Please select a genre.);

  but I don't get any error message and the alert in the genreCheck
  function shows it's not even called.
  Any idea why ?

  On 11 sep, 15:40, Jörn Zaefferer joern.zaeffe...@googlemail.com
  wrote:

   Seehttp://docs.jquery.com/Plugins/Validation/Reference#Fields_with_compl...

   Jörn

   On Fri, Sep 11, 2009 at 2:26 PM, mattso matthieu.larc...@gmail.com 
   wrote:

Hi,

I'm using the bassistance.de Validation Plugin for jQuery and I have
the following problem :

When using a dash(-) separated id for genres (i.e. genre-f / genre-m),
I get the following js error : missing : after property id with the
following code:
rules: {
       genre-f: {
               required: #genre-m
       },
       genre-m: {
               required: function() {
                       return $(#genre-f).is(:checked);
               }
       },
It seems that the js (json?) doesn't allow the use of a - inside a
variable name.

Unfortunately, I can't change the id names, as they are being
generated by Zend Framework which doesn't allow to replace it with
another character.

Anybody would know a way around this ?

It seems to me that in the case of multi-options inputs, the script
should focus on the name instead of the id...
Any clue would be appreciated.

[jQuery] Re: Browser Stop call's ajax.Error


Probably because you're sending the data to the url, but stopping the
process before it can produce a result.

On Sep 13, 7:52 pm, nirazue...@gmail.com nirazue...@gmail.com
wrote:
 Hi, I've noticed that when I click the Stop button on the browser, or
 navigate to another page, jQuery.ajax calls the error event.

 You can see the problem live at:http://www.pingmyport.com/

 Code:

    this.getJson = function(timeout) {
       if(this.XMLHttpRequest) this.XMLHttpRequest.abort();
       this.XMLHttpRequest = $.ajax({
          complete: function(){$(#kitLoader).hide();},
          data: {
             Address: him.Address,
             portNum: him.portNum,
             portType: him.portType
          },
          dataType: json,
          error: him.serviceUnavailable,
          success: him.processJson,
          timeout: timeout,
          type: POST,
          url: http://www.pingmyport.com/checkPort.php;
       });
    };

[jQuery] Re: shadowbox / ajax IE8.0.6 issue

I'm not sure what's going on there, but you may have better luck at  
the Shadowbox forum: http://www.shadowbox-js.com/forum.html


--Karl


Karl Swedberg
www.englishrules.com
www.learningjquery.com




On Sep 13, 2009, at 8:17 PM, Duncan wrote:


Hi All,

We have an issue in our site that only occurs in IE 8.0.6, 8.0.7 /  
FF / Chrome / Safari are all fine.


To replicate visit http://www.sportsmembership.com.au/narrenorthcc/players-participants/adult-players-fees-280-00/ 
 and click add to cart on one of the 1/2/3 month badges.


We take some attributes, hit an ajax call to add the item to the  
cart, and update the cart badge in the black bar. For some reason IE  
8.0.6 just doesnt like it and we cant put our finger on it.


Feedback from a user: 'When making the selection the window kept  
freezing and would not allow us to go any further. We had to  
control, alt, delete to get out of the screen.'


Any help greatly appreciated.

--
Duncan I Loxton
duncan.lox...@gmail.com

[jQuery] Re: something amiss with json call/file


The problem ended up being my call to .getJson and something about how
jQuery was recogzing the url as being cross domain. I changed the call
to the file to be relative and it is working now. Thanks for the help.

On Sep 11, 4:57 pm, Scott Haneda talkli...@newgeo.com wrote:
 Maybe your use of appendTo is wrong, I just did this test:

 $.getJSON(http://www.pomona.edu/dev/home/spotlight.json;,
 function(data){
         $.each(data.items, function(i, item){
                 $(div).append(i);

                 });
         });

 div id=images/div

 I got 01234, so the index of each item in your JSON.  With that, you  
 know your JSON is ok, and you need to look at what appendTo is not  
 working.

 Sorry I can not be of more help, this is about day 2 of Jquery for me.

 On Sep 11, 2009, at 3:56 PM,roryreiffwrote:



  I have the following code:

         // pull in json feed and inject panes into page
     $.getJSON(http://www.pomona.edu/dev/home/spotlight.json;,
         function(data){
             $.each(data.items, function(i,item){
                             $('div 
  class=\pane\/div').appendTo('#spotlight-panes');
                     });
             });

  and I cannot figure out what is going wrong. As you can see, I am not
  even trying to do anything yet with the json data, but assuming that I
  should still be seeing some divs injected into the DOM. Wondering if
  there is something wrong with my JSON file? Any help is
  appreciated...I just can't figure out what is going on! Code in effect
  here:http://pomona.edu/dev/home/index.aspThanks,

 --
 Scott * If you contact me off list replace talklists@ with scott@ *

[jQuery] Re: Flipv Vertical Text and extra space


Flipv only supports Verdana font fully, is this the font you're using?

Also, do you have a link to your code, and which browsers are causing
problems?

Mike

On Sep 14, 11:24 am, Paul Collins pauldcoll...@gmail.com wrote:
 Hi all

 I'm currently using the Jquery Flipv plugin, which works well. The only
 problem is, some words have extra padding at the end, depending on how many
 characters.http://www.openstudio.fr/jQuery-flipv.html?lang=en

 I'm not sure why this is, but it seems that the conversion to vertical text
 creates some extra spacing on certain browsers. Can anyone tell me why this
 is? I'm trying to get advice through the site, but it's all in French and I
 can't understand it!

 Thanks for any help

[jQuery] Re: Hide/Show based on radio button selected

2009-09-14 Thread Rick Faircloth


Just off the top of my head, but may work...

$(document).ready(function() {

 $('#offices_checkboxes').hide();

 $('input:radio[name=radioName]:checked').click(function() {
  $('#offices_checkboxes').show();
 });

 $('input:radio[name=radioName]:not(:checked)'.click(function() {
  $('#offices_checkboxes').hide();
 });

});

This code makes use of the name of the radio button group, as well.

hth,

Rick

-Original Message-
From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
Behalf Of mtuller
Sent: Monday, September 14, 2009 11:14 AM
To: jQuery (English)
Subject: [jQuery] Hide/Show based on radio button selected


I am trying to create a script that will display content based on if a
radio button is selected, and if the other is selected would hide the
content. Now, each of these radio buttons are part of a radio group,
so their names are the same. Most examples show input:radio
[...@name=item] Since I have 2 items that have the same name, I can't use
name, so I thought I would try id or value. It isn't working. If I add
only the show, whenever you select either radio button, it shows, and
if I add the hide code, it doesn't work at all.

Here is what I have right now.

$(document).ready(function(){
  $('#offices_checkboxes').hide();
  $(input:rad...@value=1]).click(function() {
  $(#offices_checkboxes).show();
  });
  $(input:rad...@value=0]).click(function() {
  $(#offices_checkboxes).hide();
  });

});

Anybody have an idea of how I could get this to work?

[jQuery] Re: Unknown pseudo-class or pseudo-element 'odd'.

Not sure why you're having this problem, but take a look at the very  
simple test case here: http://test.learningjquery.com/alt-rows.html


It seems to work fine. Maybe something else is going on in your code  
or markup? Hard to tell from that snippet.


--Karl


Karl Swedberg
www.englishrules.com
www.learningjquery.com




On Sep 13, 2009, at 2:19 PM, shapper wrote:



Hello,

I am using JQuery 1.3.2 and the following code line:
$(table.Engine tbody tr:odd).addClass(Alternate);

I get the following error on firebug:
Unknown pseudo-class or pseudo-element 'odd'.

What am I doing wrong?

Thanks,
Miguel

[jQuery] Re: Jquery Starter - Need help

2009-09-14 Thread jlcox


Two things:

1. You don't have an id set for the loadagain button, so jQuery
won't be able to find it.

2. That button doesn't exist (yet) after document.ready has completed,
so you can't bind it like that. You'll need to use live for event
delegation:

Change $('#loadagain').click(function(){
to $('#loadagain').live(click, function(){

[jQuery] help with indexing items with random variable to appear in correct order


Hello,

Below is a script I am working on for a slideshow for a set of 5 divs.
I am generating a random number to represent the index of the starting
div, i.e. the one that gets displayed in the middle. All of the other
4 divs get relative indexes so that they appear either to the left or
right of the starting div. When the forward or backward buttons get
clicked, 4 of the 5 divs animate and the 5th gets positioned to the
oppossite far side as it should. My problem is that when I am
performing my initial $.getJson call, I need to set an id on each 5
(to the formula of pane-0, pane-1, etc.). This ID determines the
initial positioning of the divs. My issue is that I am trying to set
that ID in relationship to the variable startingPane, and something
isn't getting set right when the starting pane is either the 4th or
5th div.

Once the arrow buttons are clicked, my two functions set everything
right and it all works great from there...I am just having an issue
with the initial injection and how to set those IDs correctly such
that they take my startingPane variable into account and maintain the
correct ordering (i.e., the relational order of the panes should
always be middle, right, farRight, farLeft, Left and then middle again
and so on).

Anyone have any suggestions? The jQuery file is viewable at
http://www.pomona.edu/dev/home/spotlight-gallery.js and the page
calling it at http://pomona.edu/dev/home/index.asp

Thanks for any help/input you can give.

[jQuery] Re: help with indexing items with random variable to appear in correct order


I would also be interested in comments/suggestions about how this code
or even approach could be simplified/improved. It seems pretty
lightweight and simple to me, but I have very little idea about it's
performance and am curious if I am doing something that is unnecessary
or just plain pointless.

On Sep 14, 10:28 am, roryreiff roryre...@gmail.com wrote:
 Hello,

 Below is a script I am working on for a slideshow for a set of 5 divs.
 I am generating a random number to represent the index of the starting
 div, i.e. the one that gets displayed in the middle. All of the other
 4 divs get relative indexes so that they appear either to the left or
 right of the starting div. When the forward or backward buttons get
 clicked, 4 of the 5 divs animate and the 5th gets positioned to the
 oppossite far side as it should. My problem is that when I am
 performing my initial $.getJson call, I need to set an id on each 5
 (to the formula of pane-0, pane-1, etc.). This ID determines the
 initial positioning of the divs. My issue is that I am trying to set
 that ID in relationship to the variable startingPane, and something
 isn't getting set right when the starting pane is either the 4th or
 5th div.

 Once the arrow buttons are clicked, my two functions set everything
 right and it all works great from there...I am just having an issue
 with the initial injection and how to set those IDs correctly such
 that they take my startingPane variable into account and maintain the
 correct ordering (i.e., the relational order of the panes should
 always be middle, right, farRight, farLeft, Left and then middle again
 and so on).

 Anyone have any suggestions? The jQuery file is viewable 
 athttp://www.pomona.edu/dev/home/spotlight-gallery.jsand the page
 calling it athttp://pomona.edu/dev/home/index.asp

 Thanks for any help/input you can give.

[jQuery] Re: Superfish: Leave sub ul menu visible when a tag class is set as active

2009-09-14 Thread gafir777


No idea?

Well, is there a way to disable superfish for one li item? I can
probably find if there's an active a tag somewhere, but I'd need to
disable superfish for that item, and make the nested ul visible by
default.

On Sep 13, 2:36 pm, LoicDuros loic.du...@gmail.com wrote:
 Hello,

 I'm using superfish for a drop down hover menu. It works perfect
 except I would like the sub menus to remain visible when one of the
 a tag from the menu has class=active.

 Here is a quick overview of the menu html:
 ul class=primary-links
   li
      a href=mainitem parent 1/a
      ul
         lia href=page2item child/a/li
      /ul
   /li
 /ul

 If the current page is main -- class='active' is automatically added
 to the A tag (with Drupal). If you are currently in page2, the
 class='active' is added to the A tag of the sub-menu.

 Now, how can I get the sub menu to be always displayed -- regardless
 of superfish, either when item parent 1 A tag is set as class='active'
 of the item child A tag is set as class='active'.

 If you can direct me toward what I'd need to achieve this, it would be
 great!

 Thanks so much for your help!

[jQuery] Re: help with indexing items with random variable to appear in correct order