[jQuery] Re: Form Plugin + FCKEditor + UI Dialog Button

2009-05-13 Thread dantan

Same problem.

I have a working ajaxSubmit form.
When I replace a textarea with fck the ajaxSubmit is not working
anymore.
console.log in beforeSubmit works but then the form is submitted
without ajax but with a page reload.


[jQuery] Re: [validation] I want to add validation for a reCAPTCHA image. Can I give this field error message a unique class?

2009-05-13 Thread Jörn Zaefferer

You can use the errorPlacement-option to customize the placement. Take
a look at the source of this demo for a good example:
http://jquery.bassistance.de/validate/demo/milk/

Jörn

On Wed, May 13, 2009 at 2:30 AM, wjs3 wjstarrs...@gmail.com wrote:

 I have a form consisting mainly of text inputs and selects.  The
 inputs are nested within list elements, lists, fieldsets, etc.  I have
 configured the validation plugin to place the error messages after the
 fields, and successfully used CSS to style the label.error class.

 I have recently added a reCAPTCHA image to the form.  I would like to
 validate that this field is also not empty before allowing a submit.
 The reCAPTCHA input however is buried within a td/table/div, so the
 error message gets crammed into the td with the input and is barely
 visible.

 I thought of going into the module and adding some code around the
 showLabel function to test if the field being referenced is the
 recaptcha_response_field.  If so, I would conditionally assign a
 unique class to this label so I could try and use CSS to place it
 elsewhere.

 I am by no means a javascript expert and am not sure how to do this
 properly in the code.  Any assistance would be much appreciated.
 Perhaps there is a better way to tackle this as well.

 Thanks in advance,

 wjs3



[jQuery] Re: Page disappear when validation completes !

2009-05-13 Thread antoine

Forgot to mention the codehere is how it looks like

script
$(document).ready(function(){
$(#newsletter).validate({
errorLabelContainer: $(#newsletter #errorbox),
rules: {
shopid: required,
email: required email
},
messages: {
shopid: 'you must blablabla',
email: 'you must blablabla'
},
wrapper: 'div'
});
});
/script

form action=... method=post class=newsletter id=newsletter
select name=shopid
  option value=0/option
  option value=1/option
/select
input type=text id=email name=email
maxlength=150 /
a href=javascript:; onclick=$(this).parent().submit
(); return false; class=box-submit img src=/images/
arrow_right.jpg alt= //a
br /div id=errorbox/div
/form


[jQuery] Re: Page disappear when validation completes !

2009-05-13 Thread antoine

Ok finally I've found out that using

onkeyup: false,
onfocusout: false,
onclick: false

the validation only works on the submit the unhappy thing is that
the alert does not change in real time now as the value are putted in
the inputs.

I must have missed something... it is not normal that the form is
being submitted on the validation process !

If anyone could help me out with this, I'd be so greatfull !

Antoine


[jQuery] custom paging

2009-05-13 Thread Ward Loockx


Hello,

I have I showroom with image thumbs and want to implement paging. I 
can't find any documentation of custom paging using jQuery (only table 
paging).


The showroom show thumbs and one mouseover it will create a zoom effect 
using the zoomi plugin.


Here is what my code looks like

div class=showroom
   center
   a id=13 href=javascript:return false;
   img class=zoomi src=http://xxx/products/Dario 
werkbank.jpg alt=http://xxx/products/Dario werkbank_big.jpg /

   /a
   a id=14 href=javascript:return false;
   img class=zoomi src=http://xxx/products/Dario 
werkbank.jpg alt=http://xxx/products/Dario werkbank_big.jpg /

   /a
   a id=15 href=javascript:return false;
   img class=zoomi src=http://xxx/products/Dario 
werkbank.jpg alt=http://xxx/products/Dario werkbank_big.jpg /

   /a
/div

Thanks,
Ward


[jQuery] Re: Tablesorter 2.0.3 - Sorting af column of checkboxes (resorting)

2009-05-13 Thread hammerskov



sunfire wrote:
 
 I have tried this and it does not work for me, where are you calling
 $(#myTable).trigger(update); ?
 

I bind a click eventhandler to every checkbox and trigger the update every
time the user clicks a checkbox. This is not a solution I would recommend,
since it causes performance problems in larger tables (in my particular
situation I can guarantee that the table is small). You should could try to
do it on the sortStart event like this (I haven't tried it myself):

$(document).ready(function() { 
$(table).tablesorter(); 

$(table).bind(sortStart,function() { 
$(#table).trigger(update);  
}); 
}); 
-- 
View this message in context: 
http://www.nabble.com/Tablesorter-2.0.3---Sorting-af-column-of-checkboxes-%28resorting%29-tp19308787s27240p23404682.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.



[jQuery] attribute selector problem in opera

2009-05-13 Thread Zoli

I have this query:
$(#drag-channels  div[style*='220'])

This doesn't work on Opera 9.64 browser, but on my other browsers(FF
3.5beta, IE8, Chrome 2) works perfectly.
I wonder if this is a jQuery bug.
With this query I want to select a div wich has a left property of
220px.
The div looks like this(simplified):
div id=drag-channelsdiv id=i10002.port.ro class=channels
style=left:220px;Some content here/div/div

Thanks


[jQuery] How to disable all clicks till the page loads

2009-05-13 Thread bobin

Any one can please tell me  How to disable all clicks till the page
loads

Any help wil be appreciated


[jQuery] Global variables in jQuery

2009-05-13 Thread V

I can't get global variables work, maybe somebody knows the answer
because this should be very simple.

The following does not work, the price is not available at the end of
the function in the alert.

function calc_matrix(x, y)
{
loc = index.php?module=product;

var price = 0;
$.post(loc,
{
request:xmlhttp,
action:calc_pricematrix,
x:x,
y:y
},
function(data)
{
price = Math.round(parseFloat(data)*100)/100;

});
alert(price);
}


[jQuery] jquery.cascade - query about match param

2009-05-13 Thread Jaroslav Urban

thw question about this: match: function(selectedValue) { return
this.When == selectedValue; }
1) where does the 'selectedValue' come from? I didnt find any ref
anywhere.
2) how could I change it ot 'text' instead of 'value'

Thanks for any help. Cheers. J.


[jQuery] Re: slideUp() does not make animation before remove() occurs

2009-05-13 Thread Massimiliano Marini

 Maybe it's because opacity is already 0?
 
 Try using animate({ height:'toggle' }) instead

I've tried your code, but the behavior is not what I'm trying to
achieve.

The slideUp() still not working.

-- 
Massimiliano Marini m...@linuxtime.it


[jQuery] Re: slideUp() does not make animation before remove() occurs

2009-05-13 Thread Massimiliano Marini

 I have made a slight change in your code. also note you did set the
 opacity to 0 before the slideUp that could effect your code

[snip]

 i just added a 0.5 sec delay

the same with your changes, the slideUp() still not working.

-- 
Massimiliano Marini m...@linuxtime.it


[jQuery] Re: How to disable all clicks till the page loads

2009-05-13 Thread Kean

You can try these.

$().bind('click.noclick', function(){
  return false;
});

$(function(){
  $().unbind('click.noclick');
});

On May 12, 11:56 pm, bobin bobinthoma...@gmail.com wrote:
 Any one can please tell me  How to disable all clicks till the page
 loads

 Any help wil be appreciated


[jQuery] Re: jQuery too slow on IE!!!

2009-05-13 Thread Kean

If speed is paramount to your project and you still want some some
abstraction/cross browser functionality, you can checkout some other
libraries out there.

Here's some comparison on how they perform.
http://dante.dojotoolkit.org/taskspeed/

On May 12, 5:42 am, Chandan learningbychan...@gmail.com wrote:
 Hi,

 I recently started using jQuery, thinking that it is FASTER than usual
 javascript, but i found it is too slow when used with IE. I am using
 IE 6/7.

 I also googled to find lots of posting already happened saying it is
 too slow.

 Can anyone suugest me what needs to be done!

 CC to my friend as well, he is gr8 fan of jQuery.

 Thanks.
 Chandan


[jQuery] Re: jQuery too slow on IE!!!

2009-05-13 Thread Joseph Le Brech

You will also struggle with css selection if you are using ie6, there are major 
compatibility issues.

 

I would recommend you just testing your site on ie6 to see if it degrades well 
on ie6.

 

I wouldn't count on ie6 being able to handle any new features.
 
 Date: Wed, 13 May 2009 03:59:58 -0700
 Subject: [jQuery] Re: jQuery too slow on IE!!!
 From: shenan...@gmail.com
 To: jquery-en@googlegroups.com
 
 
 If speed is paramount to your project and you still want some some
 abstraction/cross browser functionality, you can checkout some other
 libraries out there.
 
 Here's some comparison on how they perform.
 http://dante.dojotoolkit.org/taskspeed/
 
 On May 12, 5:42 am, Chandan learningbychan...@gmail.com wrote:
  Hi,
 
  I recently started using jQuery, thinking that it is FASTER than usual
  javascript, but i found it is too slow when used with IE. I am using
  IE 6/7.
 
  I also googled to find lots of posting already happened saying it is
  too slow.
 
  Can anyone suugest me what needs to be done!
 
  CC to my friend as well, he is gr8 fan of jQuery.
 
  Thanks.
  Chandan

_
Share your photos with Windows Live Photos – Free.
http://clk.atdmt.com/UKM/go/134665338/direct/01/

[jQuery] remove DIV from form (maybe bug)

2009-05-13 Thread vmoravek

Hi all,
I found same strange behavior when I trying hiding, or removing DIVs
inside form.

Please look on my sample here: http://62.245.92.202/jquery-sample.php

Expected behavior is:

When I make change inside input field “one” text “lorem ipsum” will be
shown between “one” and input:text field. When another change is made
“lorem ipsum” text will be remove and shown again. So every time there
will be only one text “lorem ipsum”

This scenario works great only in field “one” when try to fill another
fields  “two” or “three” “lorem ipsum” text will not hide and will be
shown again and again bellow last one.

Please, could you check my script and tell me what I doing wrong?

Thank you
Vojtech

Whole script from sample for copy/paste:

head


script src=http://jquery.com/src/jquery-latest.js; type=text/
javascript/script
script type=text/javascript
$(document).ready(function(){
$(#cust_registration input:text).change(function() {

  var input_name= $(this).attr(name);

  $(.lab_+input_name+ #test).hide();

   $(label[for=+input_name+]).after(p 
id=\test\strong
lorem ipsum /strong/p);

});
});
/script
/head


body

div class=customer_login_form
form id=cust_registration method= action=

div class=lab_one
label id= class=form_desc 
for=oneone/label
/div

div
input id=one class=inputbox type=text 
name=one
/div

div class=lab_two
label id= class=form_desc 
for=twotwo/label
/div

div
input id=two class=inputbox type=text 
name=two
/div

div class=lab_three
label id= class=form_desc 
for=threethree/label
/div

div
input id=three class=inputbox type=text 
name=three
/div


/form
/div
/body


[jQuery] Menu autoheight on click event

2009-05-13 Thread André

Hello all,

I posted a question on this board earlier, regarding a menu with a
variable height. I got help from someone named Charlie (thanks again),
who helped me a lot, but unfortunately he also got stuck.

V.1:
http://www.opee.nl/jquery/index.html (what it should look like -
static)
http://www.opee.nl/jquery/index1.html (how far I got - a try to make
it dynamic)

V.2:
http://www.getnoticedinternet.com/test/variable_menu_height.html (how
far Charlie got - dynamic height, but only works with one child open)

The problem is this:
“Using click event on a tag the click creates the next visible UL,
that allow to count how many visible. Works fine when go from fresh
page, to next level, to 3rd level. I based my method on comparing 3
open UL's. Unfortunately when 3 levels are already open and try to
click to change a level , the already open UL still gets counted so
now have 4 UL's in my count. Method falls apart here.”

Any help is greatly appreciated.

Greetings,

Andre
The Netherlands

P.s. The original question can be found here:
http://groups.google.com/group/jquery-en/browse_thread/thread/a9229283606f31b2?pli=1


[jQuery] Re: Menu autoheight on click event

2009-05-13 Thread waseem sabjee
Hi Andre, to be honest i found quite a few bugs in the how it should be.
In about 4 hours from now ( after my full time job )  I could write you a
menu plugin that will work similar to that. with an auto height feature. and
a parent  child  child-to-child support

On Wed, May 13, 2009 at 2:15 PM, André andrejilde...@gmail.com wrote:


 Hello all,

 I posted a question on this board earlier, regarding a menu with a
 variable height. I got help from someone named Charlie (thanks again),
 who helped me a lot, but unfortunately he also got stuck.

 V.1:
 http://www.opee.nl/jquery/index.html (what it should look like -
 static)
 http://www.opee.nl/jquery/index1.html (how far I got - a try to make
 it dynamic)

 V.2:
 http://www.getnoticedinternet.com/test/variable_menu_height.html (how
 far Charlie got - dynamic height, but only works with one child open)

 The problem is this:
 “Using click event on a tag the click creates the next visible UL,
 that allow to count how many visible. Works fine when go from fresh
 page, to next level, to 3rd level. I based my method on comparing 3
 open UL's. Unfortunately when 3 levels are already open and try to
 click to change a level , the already open UL still gets counted so
 now have 4 UL's in my count. Method falls apart here.”

 Any help is greatly appreciated.

 Greetings,

 Andre
 The Netherlands

 P.s. The original question can be found here:

 http://groups.google.com/group/jquery-en/browse_thread/thread/a9229283606f31b2?pli=1


[jQuery] Re: Menu autoheight on click event

2009-05-13 Thread André

Hello Waseem,

I'm really thankful you're willing to help me out! Would you please
place it on this message board? Other users might also find it
helpful.

Awaiting your response.

Greetings,
Andre

On 13 mei, 14:43, waseem sabjee waseemsab...@gmail.com wrote:
 Hi Andre, to be honest i found quite a few bugs in the how it should be.
 In about 4 hours from now ( after my full time job )  I could write you a
 menu plugin that will work similar to that. with an auto height feature. and
 a parent  child  child-to-child support

 On Wed, May 13, 2009 at 2:15 PM, André andrejilde...@gmail.com wrote:

  Hello all,

  I posted a question on this board earlier, regarding a menu with a
  variable height. I got help from someone named Charlie (thanks again),
  who helped me a lot, but unfortunately he also got stuck.

  V.1:
 http://www.opee.nl/jquery/index.html(what it should look like -
  static)
 http://www.opee.nl/jquery/index1.html(how far I got - a try to make
  it dynamic)

  V.2:
 http://www.getnoticedinternet.com/test/variable_menu_height.html(how
  far Charlie got - dynamic height, but only works with one child open)

  The problem is this:
  “Using click event on a tag the click creates the next visible UL,
  that allow to count how many visible. Works fine when go from fresh
  page, to next level, to 3rd level. I based my method on comparing 3
  open UL's. Unfortunately when 3 levels are already open and try to
  click to change a level , the already open UL still gets counted so
  now have 4 UL's in my count. Method falls apart here.”

  Any help is greatly appreciated.

  Greetings,

  Andre
  The Netherlands

  P.s. The original question can be found here:

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


[jQuery] Re: New Plugin with IE problem

2009-05-13 Thread floepi

Anyone??

Still can't get it to work and don't know why IE is complaining.

Any help appreciated.

Cheers

On May 7, 2:54 pm, floepi flo...@gmail.com wrote:
 Hi all,

 I mainly work in Firefox land and don't have to bother with IE much
 (Lucky me). I wanted to share one of my plugins with the public and
 therefore need to make it work across all browsers.

 The problem I am having is that even though I set a colspan for a td,
 IE does not render it properly. The attribute gets added dynamically
 using jQuery and on all other browsers it works fine.

 Please have a look at

 http://bit.ly/ONgXz

 I looked around and couldn't find a similar plugin so I thought I'd
 share it.

 Please let me know if you have any feedback. Would be good to have
 someone with a little more JS knowledge look over it than just me :)

 Cheers

 Phil


[jQuery] How to configure Fade in fade out properly

2009-05-13 Thread Albert Y


Hi all,

 I'm Albert, 1st time posting a problem here for you experts out there to
assist me on. Plsthanks in advance.

OK let me describe you the problem..
1) I have a html link (struts) with ID=mylink and with value=Click on me
to download some files.
2) I have also a pics, loading bar.gif(The words, Loading content.. comes
with it), and again ID=myloadingbar.

   http://www.nabble.com/file/p23520407/Click.jpg 

What i want to do when i click on the link is(irregardless whether the
download is successful or not): 
1) link will disappear. 
2) Loading.gif will appear and fade in and out with an interval of 2 sec.
3) After 7 seconds when the user had click on the link, loading.gif will
disppear and the link will reappear again. Nothing much will happen
thereafter unless user click on the link, which will bring us back to step
1.

Here is what i have done so far.
Step 1 and Step 2 only, I can't figure out how to add the step 3 onto it.

Here's my code:

$(window).load(function(){
  $(#myloadingbar).hide();
});

function confirmLoading()
{
 $(#mylink).click( function() {

$(#mylink).hide();

$(#myloadingbar).show(fast, function ()
{
   var refreshId = setInterval(function() 
  {
  $(#myloadingbar).fadeOut(normal, function () 
  {
$(this).load('response.php').fadeIn(normal);
 });
  }, 1000);
 });
  });
}


My Jsp:
http://download.mozilla.org/?product=firefox-3.0.10amp;os=winamp;lang=af
Click on me /p

Hope that some of you will read this mail and pls help to reply asap.
Thanks a lot guys.
Sorry for any inconvience caused,
Albert
-- 
View this message in context: 
http://www.nabble.com/How-to-configure-Fade-in-fade-out-properly-tp23520407s27240p23520407.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.



[jQuery] Re: remove DIV from form (maybe bug)

2009-05-13 Thread oly.ya...@googlemail.com

try instead of
   $(.lab_+input_name+ #test).hide();
this:
   $(.lab_+input_name+ ).children(#test).remove();
or if you don't want to actually remove them:
   $(.lab_+input_name+ ).children(p).hide();

Hope this helps

On 13 May, 14:02, vmoravek vojtech.mora...@googlemail.com wrote:
 Hi all,
 I found same strange behavior when I trying hiding, or removing DIVs
 inside form.

 Please look on my sample here:http://62.245.92.202/jquery-sample.php

 Expected behavior is:

 When I make change inside input field “one” text “lorem ipsum” will be
 shown between “one” and input:text field. When another change is made
 “lorem ipsum” text will be remove and shown again. So every time there
 will be only one text “lorem ipsum”

 This scenario works great only in field “one” when try to fill another
 fields  “two” or “three” “lorem ipsum” text will not hide and will be
 shown again and again bellow last one.

 Please, could you check my script and tell me what I doing wrong?

 Thank you
 Vojtech

 Whole script from sample for copy/paste:

 head

         script src=http://jquery.com/src/jquery-latest.js; type=text/
 javascript/script
         script type=text/javascript
         $(document).ready(function(){
                 $(#cust_registration input:text).change(function() {

                       var input_name    = $(this).attr(name);

                       $(.lab_+input_name+ #test).hide();

                        $(label[for=+input_name+]).after(p 
 id=\test\strong
 lorem ipsum /strong/p);

                 });
         });
         /script
 /head

 body

 div class=customer_login_form
         form id=cust_registration method= action=

                         div class=lab_one
                                 label id= class=form_desc 
 for=oneone/label
                         /div

                         div
                                 input id=one class=inputbox type=text 
 name=one
                         /div

                         div class=lab_two
                                 label id= class=form_desc 
 for=twotwo/label
                         /div

                         div
                                 input id=two class=inputbox type=text 
 name=two
                         /div

                         div class=lab_three
                                 label id= class=form_desc 
 for=threethree/label
                         /div

                         div
                                 input id=three class=inputbox 
 type=text name=three
                         /div

         /form
 /div
 /body


[jQuery] Re: slideUp() does not make animation before remove() occurs

2009-05-13 Thread hjb



I'll have a go:

function removeChekbox(data)
{
$.each(data, function(i, val)
{
$('input[value='+val+']').parents(.item-container).fadeTo
(slow, 0, function()
{
$(this).slideUp(500, function()
{
$(this).remove();
});
});
});
}




On May 13, 11:32 am, Massimiliano Marini m...@linuxtime.it wrote:
  I have made a slight change in your code. also note you did set the
  opacity to 0 before the slideUp that could effect your code

 [snip]

  i just added a 0.5 sec delay

 the same with your changes, the slideUp() still not working.

 --
 Massimiliano Marini m...@linuxtime.it


[jQuery] Re: How to configure Fade in fade out properly

2009-05-13 Thread weidc

setTimeout(blub(),7000);

function blub()
{
 $(#mylink).show();
 $(#myloadingbar).hide();
}

On 13 Mai, 14:19, Albert Y ywaihon...@yahoo.com.sg wrote:
 Hi all,

  I'm Albert, 1st time posting a problem here for you experts out there to
 assist me on. Plsthanks in advance.

 OK let me describe you the problem..
 1) I have a html link (struts) with ID=mylink and with value=Click on me
 to download some files.
 2) I have also a pics, loading bar.gif(The words, Loading content.. comes
 with it), and again ID=myloadingbar.  
    http://www.nabble.com/file/p23520407/Click.jpg

 What i want to do when i click on the link is(irregardless whether the
 download is successful or not):
 1) link will disappear.
 2) Loading.gif will appear and fade in and out with an interval of 2 sec.
 3) After 7 seconds when the user had click on the link, loading.gif will
 disppear and the link will reappear again. Nothing much will happen
 thereafter unless user click on the link, which will bring us back to step
 1.

 Here is what i have done so far.
 Step 1 and Step 2 only, I can't figure out how to add the step 3 onto it.

 Here's my code:

 $(window).load(function(){
                   $(#myloadingbar).hide();

 });

 function confirmLoading()
 {
          $(#mylink).click( function() {

         $(#mylink).hide();

         $(#myloadingbar).show(fast, function ()
         {
            var refreshId = setInterval(function()
           {
               $(#myloadingbar).fadeOut(normal, function ()
               {
                 $(this).load('response.php').fadeIn(normal);
              });
           }, 1000);
          });
           });

 }

 My Jsp:http://download.mozilla.org/?product=firefox-3.0.10os=winla...
 Click on me /p

 Hope that some of you will read this mail and pls help to reply asap.
 Thanks a lot guys.
 Sorry for any inconvience caused,
 Albert
 --
 View this message in 
 context:http://www.nabble.com/How-to-configure-Fade-in-fade-out-properly-tp23...
 Sent from the jQuery General Discussion mailing list archive at Nabble.com.


[jQuery] Re: How to configure Fade in fade out properly

2009-05-13 Thread weidc

setTimeout(blub(),7000);

function blub()
{
 $(#mylink).show();
 $(#myloadingbar).hide();
}

On 13 Mai, 14:19, Albert Y ywaihon...@yahoo.com.sg wrote:
 Hi all,

  I'm Albert, 1st time posting a problem here for you experts out there to
 assist me on. Plsthanks in advance.

 OK let me describe you the problem..
 1) I have a html link (struts) with ID=mylink and with value=Click on me
 to download some files.
 2) I have also a pics, loading bar.gif(The words, Loading content.. comes
 with it), and again ID=myloadingbar.  
    http://www.nabble.com/file/p23520407/Click.jpg

 What i want to do when i click on the link is(irregardless whether the
 download is successful or not):
 1) link will disappear.
 2) Loading.gif will appear and fade in and out with an interval of 2 sec.
 3) After 7 seconds when the user had click on the link, loading.gif will
 disppear and the link will reappear again. Nothing much will happen
 thereafter unless user click on the link, which will bring us back to step
 1.

 Here is what i have done so far.
 Step 1 and Step 2 only, I can't figure out how to add the step 3 onto it.

 Here's my code:

 $(window).load(function(){
                   $(#myloadingbar).hide();

 });

 function confirmLoading()
 {
          $(#mylink).click( function() {

         $(#mylink).hide();

         $(#myloadingbar).show(fast, function ()
         {
            var refreshId = setInterval(function()
           {
               $(#myloadingbar).fadeOut(normal, function ()
               {
                 $(this).load('response.php').fadeIn(normal);
              });
           }, 1000);
          });
           });

 }

 My Jsp:http://download.mozilla.org/?product=firefox-3.0.10os=winla...
 Click on me /p

 Hope that some of you will read this mail and pls help to reply asap.
 Thanks a lot guys.
 Sorry for any inconvience caused,
 Albert
 --
 View this message in 
 context:http://www.nabble.com/How-to-configure-Fade-in-fade-out-properly-tp23...
 Sent from the jQuery General Discussion mailing list archive at Nabble.com.


[jQuery] Re: slideUp() does not make animation before remove() occurs

2009-05-13 Thread hjb


and instead of parents - you should be using closest('.item-
container')


On May 13, 2:45 pm, hjb ha...@heatonmoor.com wrote:
 I'll have a go:

 function removeChekbox(data)
 {
     $.each(data, function(i, val)
     {
         $('input[value='+val+']').parents(.item-container).fadeTo
 (slow, 0, function()
         {
             $(this).slideUp(500, function()
             {
                 $(this).remove();
             });
         });
     });

 }

 On May 13, 11:32 am, Massimiliano Marini m...@linuxtime.it wrote:

   I have made a slight change in your code. also note you did set the
   opacity to 0 before the slideUp that could effect your code

  [snip]

   i just added a 0.5 sec delay

  the same with your changes, the slideUp() still not working.

  --
  Massimiliano Marini m...@linuxtime.it




[jQuery] [Masked Input] type delimiter - advance caret position

2009-05-13 Thread donb

I was asked by client if it was possible to make the date mask __/__/
 advance to the next subfield when the delimiter '/' is typed.
Thus they could type 1/1/2009 without having to type the extra digits.

I've perused the code and see that's not something it can do
currently.  In fact, it's not a behavior that 'fits' with the masking
model - I think this is probably the only type of mask that would not
require all digits to be entered.

Perhaps someone else has a mask plugin that does what I was asked for
or has figured out how to make this one do that?

thanks..


[jQuery] Re: How to disable all clicks till the page loads

2009-05-13 Thread lorenzo816

with just the regular jquery js file or do we need any plug-ins?


On May 13, 6:54 am, Kean shenan...@gmail.com wrote:
 You can try these.

 $().bind('click.noclick', function(){
   return false;

 });

 $(function(){
   $().unbind('click.noclick');

 });

 On May 12, 11:56 pm, bobin bobinthoma...@gmail.com wrote:

  Any one can please tell me  How to disable all clicks till the page
  loads

  Any help wil be appreciated


[jQuery] Re: Page disappear when validation completes !

2009-05-13 Thread Jörn Zaefferer

Just looked at your page with FF3 and the validation seemed to work
fine. I suggest using a button type=submitimg//button to
submit your form, instead of the anchor with inline JS.

Jörn

On Wed, May 13, 2009 at 11:41 AM, antoine antoine.gattoll...@gmail.com wrote:

 Ok finally I've found out that using

 onkeyup: false,
 onfocusout: false,
 onclick: false

 the validation only works on the submit the unhappy thing is that
 the alert does not change in real time now as the value are putted in
 the inputs.

 I must have missed something... it is not normal that the form is
 being submitted on the validation process !

 If anyone could help me out with this, I'd be so greatfull !

 Antoine


[jQuery] Re: superfish bg images - almost there!

2009-05-13 Thread gfranklin

You need to add the style for the li.sfHover to match a:hover.

.sf-menu ul a:hover {
color: #fff !important;
background: #005daa !important;
}

SHOULD BE LIKE THIS:

.sf-menu ul a:hover, .sf-menu li.sfHover a {
color: #fff !important;
background: #005daa !important;
}

that should fix your text disappearing problem.



On Mar 24, 8:32 pm, durill gdeane...@gmail.com wrote:
 hello,

 first off, amazing! thank you for your great work.

 most every part is working for me, including using background images.
 when the mouse hovers, the background image changes as does the text
 color. perfect. currently, i only have the superfish menu on the
 Discounts link so that is the link i am speaking of. (as should be
 obvious when looking at the menu, i'm using blank background images
 with actual link text on top of them).

 after the hover menu flys out and i begin to hover over the fly
 out menu, the parent link Discounts text color reverts back to its
 original color. the background image stays just like it should though.
 i've tried everything i can think of up to and including using js to
 force the text color to stick but without success.

 any help would be greatly appreciated especially since i will be in
 big trouble with a client if i can't get it working. mr. birch, your
 code is flawless but i've updated the css file to better reflect how i
 understand css. i hope you'll be able to make sense of it.

 here's the site for testing:http://www.y11k.com/superfish/

 css:http://www.y11k.com/superfish/css/superfish.css
 (the menu css is below the other sections. ignore the other stuff...
 it's pasted from the live site and most of it isn't being used in the
 html)

 js:http://www.y11k.com/superfish/js/superfish.jshttp://www.y11k.com/superfish/js/initialize.js
 (file i use to initialize superfish... rather than calling from the
 html)

 thank you very much in advance!

 -d


[jQuery] Re: Ajax and 404 errors.

2009-05-13 Thread bhaveshphoneh...@gmail.com

myrequest.status



On Apr 21, 6:38 am, Leanan the.leanan.si...@gmail.com wrote:
 I'm trying to load some javascript files via ajax, and for the life of
 me, I can't get it to catch 404 errors.  I've tried searching, but
 everything I've found says that I should check the status on the
 request object to catch it but it's not even getting that far.

 I've tried:

 $.ajax({
   url: http://some.bogus/javascript.js;,
   success: function() {
     do_something();
   },
   error: function(myrequest,mystatus,myerror) {
      do_something_else();
   }

 });

 I would try $.getScript, but that appears to have no way of handling
 errors.

 I've even tried just doing a console.info(test) -- it doesn't even
 do that.  Firebug shows a 404 error (obviously) but the error doesn't
 seem to be being caught?

 I'm loading jquery through the google api, version 1.3.2

 Ideas?  I've done this before and never had any issues, but it's been
 a couple of months and I can't for the life of me figure out why I'm
 having this problem.


[jQuery] Re: Variable div #menu height - Jquery

2009-05-13 Thread ehime

use this
div#menu {height:100%; min-height: 150px; background:#??? url(images/
backgroundyoureusing.png) 0 0 repeat-x;}


or this

div#menu {
  background-color:#???;
  margin-left:1px;
  padding-bottom:10px;
  position:relative;
}

http://omnisistem.com/ was what I did, the menu is dynamic with an end
cap at the base.
No extra JQuery needed.

; )

-jd


[jQuery] css syntax

2009-05-13 Thread runrunforest

Hi,

Can someone help me explain the meaning of these two lines

var bgc = $(this).css('backgroundColor');
$(this).css({backgroundColor: bgc == '#ff' || bgc == 'rgb(255,
204, 204)' ? '#ff' : '#ff'});


[jQuery] Re: css syntax

2009-05-13 Thread Michael Lawson
if the bgc equals ffccc, or the bgc equals rgb(255,204,204) then set the
backgroundColor to ff, if not, set it to ff

cheers

Michael Lawson
Development Lead, Global Solutions, ibm.com
Phone:  1-828-355-5544
E-mail:  mjlaw...@us.ibm.com

'Examine my teachings critically, as a gold assayer would test gold. If you
find they make sense, conform to your experience, and don't harm yourself
or others, only then should you accept them.'




  From:   runrunforest craigco...@gmail.com   



  To: jQuery (English) jquery-en@googlegroups.com   



  Date:   05/13/2009 11:55 AM   



  Subject:[jQuery] css syntax   









Hi,

Can someone help me explain the meaning of these two lines

var bgc = $(this).css('backgroundColor');
$(this).css({backgroundColor: bgc == '#ff' || bgc == 'rgb(255,
204, 204)' ? '#ff' : '#ff'});

inline: graycol.gifinline: ecblank.gif

[jQuery] Re: newbie callback failure

2009-05-13 Thread cakenoob

weirder still -

if I add an alert after the .ajax then the alert callback fires - ?

---

$.ajax({
type: POST,
url: tajax.php,
data: name=Johnheadline=blag+blag,
//dataType: html,
success: function(msg){
  alert( Data Saved:  + msg );
}
alert(si);
});

---
and both alerts are shown -  'si' first.

Obviously I'm missing something basic here. I'll stop cluttering the
board and get back if I figure it out.

On May 13, 12:50 am, jsnewbie opencityinteract...@gmail.com wrote:
 Variables are reaching the php but callback isn't firing. Multiple
 forms on the page - I've stripped out everything extraneous to try and
 get a callback. (strangely Firefox 3.0.10 hits the php but breaks
 while running Firebug(?) and doesn't seem to work in Safari 3.1.2)

 Sorry if this is covered but been searching and can't solve. php
 included in case I'm doing something wrong there (as well?) javascript
 always breaks when I get my hands on it ;

 . (XHTML 1.0 Transitional) 

 script type=text/javascript src=jquery-1.3.2.js/script

 SCRIPT language=JavaScript

 function submitForm(src) {

 $.ajax({
 type: POST,
 url: tajax.php,
 data: name=Johnheadline=blag+blag,
 //dataType: html,
 success: function(msg){
   alert( Data Saved:  + msg );

 }
 });
 }

 /SCRIPT

 /head

 body

 form id=1242105450
 input type=submit value=publish onclick=submitForm(this.form); /
 input type=radio name=ok value=yes /yes
 input type=radio name=ok value=no /nobr /
 /form
 hr /

 form id=1242115036
 input type=submit value=publish onclick=submitForm(this.form); /
 input type=radio name=ok value=yes /yes
 input type=radio name=ok value=no /nobr /
 /form
 hr /

 form id=1242159405
 input type=submit value=publish onclick=submitForm(this.form); /
 input type=radio name=ok value=yes /yes
 input type=radio name=ok value=no /nobr /
 /form
 hr /

 ...

 ?php

 $nm = log;
 $log = fopen($nm, a);
 fwrite($log, tajax.php\n);

 $name=$_POST['name'];
 $headline=$_POST['headline'];

 fwrite($log, $name);
 fwrite($log, \n);
 fwrite($log, $headline);

 echo bDone/b;


[jQuery] Better way to trim whitespace from input?

2009-05-13 Thread jckos

Hi,

I need to transform all characters entered in an input field to
uppercase and trim trailing whitespace.  This script works, but I'm
wondering if there's a better way to do it.

 script
 $(document).ready(function(){
$(input).keyup(function (e) {
$(#couponCode).val($(this).val().toUpperCase());
  });
   $(button).click(function () {
var couponCode = $(#couponCode).val();
couponCode = jQuery.trim(couponCode);
 });
   });
/script


Any suggestions?

Thanks in advance.


[jQuery] Re: Applying Table Row Sorter to Multiple Tables

2009-05-13 Thread christopherious

Wow, the idea of sorting multiple tables at the same time is
interesting. I may check that out, too.

Hah, I only just now realized that I totally misunderstood your
original post!

My users need this because they work with the same data on multiple
tables, and don't want to apply sorts on a table-to-table basis.

Just need to see a real-world example, and I'm all set.  The Triggers
sortStart and sortEnd example (http://tablesorter.com/docs/example-
triggers.html ) was the closest I could find.

On May 12, 6:40 pm, David Blomstrom david.blomst...@gmail.com wrote:
 Please ignore my last question; I found the thread I was looking for.
 I'll give the various solutions that were offered another try, and if it
 still doesn't work, I'll put a live example online.
 Thanks.

 On Tue, May 12, 2009 at 6:18 PM, David Blomstrom
 david.blomst...@gmail.comwrote:

  Wow, the idea of sorting multiple tables at the same time is interesting. I
  may check that out, too.
  In the meantime, thanks for the tip, aquaone. I'm now able to place
  multiple sortable tables on a page.
  Now I just have to fix one other problem - numerals with commas don't sort
  properly. I asked about that in another thread and got several responses -
  none of which worked for me - but I can't find that thread now.
  Is there a way to find all threads in this group I've started on the
  Internet? I'm using GMail, and I have a lot of threads to sort through.
  Thanks.

 --
 David Blomstrom
 Writer  Web Designer (Mac, M$  Linux)www.geobop.org


[jQuery] Re: Better way to trim whitespace from input?

2009-05-13 Thread Andy Matthews

Well, you could try using a text transform CSS attribute on the text field.
Then you wouldn't have to perform a toUpperCase using JavaScript. But other
than that, looks about as lean as you can get it.


andy 

-Original Message-
From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
Behalf Of jckos
Sent: Wednesday, May 13, 2009 11:53 AM
To: jQuery (English)
Subject: [jQuery] Better way to trim whitespace from input?


Hi,

I need to transform all characters entered in an input field to uppercase
and trim trailing whitespace.  This script works, but I'm wondering if
there's a better way to do it.

 script
 $(document).ready(function(){
$(input).keyup(function (e) {
$(#couponCode).val($(this).val().toUpperCase());
  });
   $(button).click(function () {
var couponCode = $(#couponCode).val();
couponCode = jQuery.trim(couponCode);
 });
   });
/script


Any suggestions?

Thanks in advance.




[jQuery] jQuery Function - how should I write it?

2009-05-13 Thread Bharat

Here is function that I wrote:

jQuery.fn.toggleOpposite = function(readonly)  {
  return this.attr('disabled',readonly).css('opacity', readonly ?
0.5 : 1.0).focus();
};

I want to extend it so that it not only toggles the 'disabled'
attribute based on readonly paramater's value but also clears out the
value of the attributes if the readonly parameter's value is 'true'.
Here is an example of call from one of my Rails forms to clarify my
question:

script
  $(function() {
$('#business_send_email').click(function() {
  $('#business_subject').toggleOpposite(!this.checked)
});
  });
/script

I am struggling with the jQuery syntax and hence the question.

Thanks.

Bharat


[jQuery] Re: jquery uploader

2009-05-13 Thread Kyle Farris

Use the provided blackbird plugin to debug it. I've used this plugin
and it works very well. I wouldn't be able to debug it without using
the blackbird thing and writing to my php error log like so: error_log
('failed at this point');

-Kyle

On May 12, 5:37 am, Vincent Majer v.ma...@voyagemotion.com wrote:
 no one is using this plugin ?

 Vincent Majer a écrit :

  Hi,

  I'm trying to use this plugin :

 http://jquery.webunity.nl/jQuery.uploader/demo1

  it's almost working.. BUT i have a problem with the backend.. I can't
  find any documentation about response codes.. I found a sample_backend
  but not very precise..

 http://jQuery.webunity.nl/jQuery.uploader/js/sample_backend.phps

  Apparently, when file upload is OK, no response at all.. And what about 
  errors ? how to have the uploader indicates what files causes problems, and 
  why.. ? (file too big, extension not allowed, upload problem.. )

  thanks for this great plugin.. and any help welcome !


[jQuery] Re: Global variables in jQuery

2009-05-13 Thread Danny

Are you sure the data is coming back the way you expect? Put an alert
(data) in the callback function.

On May 13, 3:02 am, V vincenti...@gmail.com wrote:
 I can't get global variables work, maybe somebody knows the answer
 because this should be very simple.

 The following does not work, the price is not available at the end of
 the function in the alert.

 function calc_matrix(x, y)
 {
         loc = index.php?module=product;

         var price = 0;
         $.post(loc,
         {
                 request:xmlhttp,
                 action:calc_pricematrix,
                 x:x,
                 y:y
         },
         function(data)
         {
                 price = Math.round(parseFloat(data)*100)/100;

         });
         alert(price);

 }


[jQuery] Re: How to configure Fade in fade out properly

2009-05-13 Thread Albert Y


Hi there,

thanks for your reply,
It can work for the link to be shown, however the gif is still fading in and
out with the link being show
Here's my code.

$(window).load(function(){
  $(#myloadingbar).hide();
});

function confirmLoading()
{
   
$(#mylink).click( function() {

setTimeout(blub(),7000);  
$(#mylink).hide();

 $(#myloadingbar).show(fast, function ()
{
var refreshId = setInterval(function() 
{
 $(#myloadingbar).fadeOut(normal, function () 
{
$(#myloadingbar).fadeIn(normal);
});
 }, 1000);
 });
 });  
}

function blub()
{
  $(#mylink).show();
  $(#myloadingbar).hide();
}
Is there anything i miss out? however when i do a remove...the result is
the one i expected.
however when i click on the link againthe loading pics won't show.

PLs help
Thanks




weidc wrote:
 
 
 setTimeout(blub(),7000);
 
 function blub()
 {
  $(#mylink).show();
  $(#myloadingbar).hide();
 }
 
 On 13 Mai, 14:19, Albert Y ywaihon...@yahoo.com.sg wrote:
 Hi all,

  I'm Albert, 1st time posting a problem here for you experts out there to
 assist me on. Plsthanks in advance.

 OK let me describe you the problem..
 1) I have a html link (struts) with ID=mylink and with value=Click on
 me
 to download some files.
 2) I have also a pics, loading bar.gif(The words, Loading content..
 comes
 with it), and again ID=myloadingbar.  
    http://www.nabble.com/file/p23520407/Click.jpg

 What i want to do when i click on the link is(irregardless whether the
 download is successful or not):
 1) link will disappear.
 2) Loading.gif will appear and fade in and out with an interval of 2 sec.
 3) After 7 seconds when the user had click on the link, loading.gif will
 disppear and the link will reappear again. Nothing much will happen
 thereafter unless user click on the link, which will bring us back to
 step
 1.

 Here is what i have done so far.
 Step 1 and Step 2 only, I can't figure out how to add the step 3 onto it.

 Here's my code:

 $(window).load(function(){
                   $(#myloadingbar).hide();

 });

 function confirmLoading()
 {
          $(#mylink).click( function() {

         $(#mylink).hide();

         $(#myloadingbar).show(fast, function ()
         {
            var refreshId = setInterval(function()
           {
               $(#myloadingbar).fadeOut(normal, function ()
               {
                 $(this).load('response.php').fadeIn(normal);
              });
           }, 1000);
          });
           });

 }

 My Jsp:http://download.mozilla.org/?product=firefox-3.0.10os=winla...
 Click on me /p

 Hope that some of you will read this mail and pls help to reply asap.
 Thanks a lot guys.
 Sorry for any inconvience caused,
 Albert
 --
 View this message in
 context:http://www.nabble.com/How-to-configure-Fade-in-fade-out-properly-tp23...
 Sent from the jQuery General Discussion mailing list archive at
 Nabble.com.
 
 

-- 
View this message in context: 
http://www.nabble.com/How-to-configure-Fade-in-fade-out-properly-tp23520407s27240p23526517.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.



[jQuery] Re: Better way to trim whitespace from input?

2009-05-13 Thread jckos

Thanks.  I can't use CSS because it doesn't actually submit the value
as uppercase, which is what I need.



On May 13, 1:03 pm, Andy Matthews li...@commadelimited.com wrote:
 Well, you could try using a text transform CSS attribute on the text field.
 Then you wouldn't have to perform a toUpperCase using JavaScript. But other
 than that, looks about as lean as you can get it.

 andy

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

 Behalf Of jckos
 Sent: Wednesday, May 13, 2009 11:53 AM
 To: jQuery (English)
 Subject: [jQuery] Better way to trim whitespace from input?

 Hi,

 I need to transform all characters entered in an input field to uppercase
 and trim trailing whitespace.  This script works, but I'm wondering if
 there's a better way to do it.

      script
          $(document).ready(function(){
                 $(input).keyup(function (e) {
                 $(#couponCode).val($(this).val().toUpperCase());
               });
            $(button).click(function () {
                         var couponCode = $(#couponCode).val();
                         couponCode = jQuery.trim(couponCode);
              });
            });
         /script

 Any suggestions?

 Thanks in advance.


[jQuery] Re: Better way to trim whitespace from input?

2009-05-13 Thread Andy Matthews

If you've got control over the back end, you could do the upper case
transform on the server side...but like I said. I think you've got it as
stripped down as you can get it. 

-Original Message-
From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
Behalf Of jckos
Sent: Wednesday, May 13, 2009 12:36 PM
To: jQuery (English)
Subject: [jQuery] Re: Better way to trim whitespace from input?


Thanks.  I can't use CSS because it doesn't actually submit the value as
uppercase, which is what I need.



On May 13, 1:03 pm, Andy Matthews li...@commadelimited.com wrote:
 Well, you could try using a text transform CSS attribute on the text
field.
 Then you wouldn't have to perform a toUpperCase using JavaScript. But 
 other than that, looks about as lean as you can get it.

 andy

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

 Behalf Of jckos
 Sent: Wednesday, May 13, 2009 11:53 AM
 To: jQuery (English)
 Subject: [jQuery] Better way to trim whitespace from input?

 Hi,

 I need to transform all characters entered in an input field to 
 uppercase and trim trailing whitespace.  This script works, but I'm 
 wondering if there's a better way to do it.

      script
          $(document).ready(function(){
                 $(input).keyup(function (e) {
                 $(#couponCode).val($(this).val().toUpperCase());
               });
            $(button).click(function () {
                         var couponCode = $(#couponCode).val();
                         couponCode = jQuery.trim(couponCode);
              });
            });
         /script

 Any suggestions?

 Thanks in advance.




[jQuery] Re: Variable div #menu height - Jquery

2009-05-13 Thread André

Hey jd,

Thanks for your reply. I understand what you are trying to achieve,
but it does not work with my example, since the child ul was
absolutely positioned (to get 'em next to each other). That is why
this is such a problem.

Thanks anyway ;).

Greetings,
Andre

On 13 mei, 17:25, ehime dodom...@gmail.com wrote:
 use this
 div#menu {height:100%; min-height: 150px; background:#??? url(images/
 backgroundyoureusing.png) 0 0 repeat-x;}

 or this

 div#menu {
   background-color:#???;
   margin-left:1px;
   padding-bottom:10px;
   position:relative;

 }

 http://omnisistem.com/was what I did, the menu is dynamic with an end
 cap at the base.
 No extra JQuery needed.

 ; )

 -jd


[jQuery] Re: Global variables in jQuery

2009-05-13 Thread Mike Nichols

'price' value won't be set until the callback completes, so try this:
unction calc_matrix(x, y)
{
loc = index.php?module=product;

var price = 0;
$.post(loc,
{
request:xmlhttp,
action:calc_pricematrix,
x:x,
y:y
},
function(data)
{
price = Math.round(parseFloat(data)*100)/100;
alert(price);
});


On May 13, 1:02 am, V vincenti...@gmail.com wrote:
 I can't get global variables work, maybe somebody knows the answer
 because this should be very simple.

 The following does not work, the price is not available at the end of
 the function in the alert.

 function calc_matrix(x, y)
 {
         loc = index.php?module=product;

         var price = 0;
         $.post(loc,
         {
                 request:xmlhttp,
                 action:calc_pricematrix,
                 x:x,
                 y:y
         },
         function(data)
         {
                 price = Math.round(parseFloat(data)*100)/100;

         });
         alert(price);

 }


[jQuery] Alternating Row Colors: Last row not coloring

2009-05-13 Thread Shadraq

I have a function that is calling a list of events. Within the
code.each/code is alternating row colors code (see below):

function DisplayEventList(info,event_id)
{
$.post('/url/server.php',
{
request:info,
event_id:event_id
},
function(xml)
{
$('#event-listing tbody').empty();
$(xml).find('list').each(function()
{
var startdate = 
$(start,this).text();
var location = 
$(location,this).text();
var event_name = 
$(event_name,this).text();
var speaker = 
$(speaker,this).text();
var e_id = 
$(event,this).text();
if(info == specific)
{
var 
currentpricing = $(current_pricing,this).text();
}
$('#event-listing tbody 
tr:odd').css(background-color,
#EFF1F1);
$('#event-listing tbody 
tr:even').css(background-color,
#A4D1FF);

var html = 'tr height=35 
style=font-size:smaller;
align=center';
html += 'td' + startdate + 
'/td';
html += 'td' + location + 
'/td';
html += 'td' + event_name + 
'/td';
html += 'td' + speaker + 
'/td';
if(info == specific)
{
html += 'td' 
+ currentpricing + '/td';
}
html += '/tr';

$('#event-listing 
tbody').append($(html));

});
});
}
***END CODE***

And my table looks like:

table id=event-listing width=100% class=ui-widget ui-widget-
content cellspacing=0
thead
tr class=ui-widget-header 
style=font-size:small
thnbsp;/th
thBegins/th
thLocation/th
thEvent/th
thSpeaker/th
? if($_GET['event'])
{
?
thCurrent 
Pricing/th
?
}
?
/tr
/thead

tbody
/tbody
/table
***END CODE***

My problem is that the last line of my returned rows isn't coloring.
If 14 rows return, the first 13 will alternate coloring, but the 14th
will not. Consequently, if only 1 line is returned, it does not color.

Thanks for your time,
Shadraq


[jQuery] (tablesorter) Globally sort multiple tables on a page

2009-05-13 Thread christopherious

I am using the excellent jquery.tablesorter successfully for a large
number of 40-row tables that live together on one page.  So far I'm
very happy with the plugin.

My users also need the ability to apply any column sort they invoke
automatically to *all* tables on the pae.  They do not wish to sort
the tables individually.

As recommended in another thread, I have been looking at sortStart and
sortEnd, but have been pulling my hair out trying to get this
working.

My JS:

script type=text/javascript charset=utf-8

$(document).ready(function() {
// extend the default setting to always sort on the first column
$.tablesorter.defaults.sortList = [[0,0]];
// call the tablesorter plugin
$(table.tablesorter).tablesorter({ widgets: ['zebra'] });
//assign the sortStart event
$(table).bind(sortStart,function() {
$(#overlay).show();
}).bind(sortEnd,function() {
$(#overlay).hide();
});
});
/script

My table tag: table class=tablesorter cellspacing=1

I also tried binding to both a class and an id but this has not been
successful.

I'm pretty weak in this area, so a full example would be great.  The
Triggers sortStart and sortEnd example (http://tablesorter.com/docs/
example-triggers.html ) was the closest help I could find, but does
not cover sorting multiple tables on a page.


[jQuery] Re: .ajax GET not working correctly at webhost

2009-05-13 Thread James
Define what not working correctly means.
Does it cause an error? Does the request get sent but nothing happens?
Does the request get sent without the GET data? ... etc.

On May 12, 12:00 pm, Nahaz pierre.christoffer...@gmail.com wrote:
 I have this snippet:

 function ajaxAdd() {
         $('form').submit(function() {
                                    var nick = document.register.nick.value;
                                    $(':submit', this).attr('value', 
 'Adding...');
                                    $(':submit', this).attr('disabled', 
 'disabled');
                                    $.ajax({
                                                   type: 'GET',
                                                   url: 'data.php',
                                                   data: 'nick=' + nick,
                                                   success: function() {
                                                           $(':submit', 
 this).removeAttr('disabled');
                                                           
 $('#status').load('output.php');
                                                           }
                                                   });
                                         });

 }

 that is sent when a very simple form (one value and button) is sent.
 The thing is, it works on my local webserver, but when I upload it to
 my webhost, it wont work. It works if add data.php?nick=Test, then the
 data will be added into my database but not when called from .ajax.

[jQuery] Cross Port Jquery Library Call

2009-05-13 Thread Shadraq

I have created a payment system using Jquery. The problem I run into
is when I move from http to https. I get the following error:

Error: [Exception... Access to restricted URI denied  code: 1012
nsresult: 0x805303f4 (NS_ERROR_DOM_BAD_URI)  location: https://
www.stirthewater.com/scripts/js/jquery-1.3.1.min.js Line: 19]
Source File: https://www.mysite/scripts/js/jquery-1.3.1.min.js
Line: 19

I spent roughly 3 hours on Google trying to find a solution to this
library cross-port call. It's possible I didn't see the right article.
However, if someone could toss me a lifeline and help me out, it would
make my day.

Thanks,
Shadraq


[jQuery] Re: Cross Port Jquery Library Call

2009-05-13 Thread Andy Matthews

Can you put the jQuery file inside the secure server's domain, then
reference it from there for both sites?

-Original Message-
From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
Behalf Of Shadraq
Sent: Wednesday, May 13, 2009 1:03 PM
To: jQuery (English)
Subject: [jQuery] Cross Port Jquery Library Call


I have created a payment system using Jquery. The problem I run into is when
I move from http to https. I get the following error:

Error: [Exception... Access to restricted URI denied  code: 1012
nsresult: 0x805303f4 (NS_ERROR_DOM_BAD_URI)  location: https://
www.stirthewater.com/scripts/js/jquery-1.3.1.min.js Line: 19] Source File:
https://www.mysite/scripts/js/jquery-1.3.1.min.js
Line: 19

I spent roughly 3 hours on Google trying to find a solution to this library
cross-port call. It's possible I didn't see the right article.
However, if someone could toss me a lifeline and help me out, it would make
my day.

Thanks,
Shadraq




[jQuery] Re: remove DIV from form (maybe bug)

2009-05-13 Thread vmoravek

Hi,
thanks a lot. It seem works!

Vojtech

On 13 kvě, 14:55, oly.ya...@googlemail.com
oly.ya...@googlemail.com wrote:
 try instead of
$(.lab_+input_name+ #test).hide();
 this:
$(.lab_+input_name+ ).children(#test).remove();
 or if you don't want to actually remove them:
$(.lab_+input_name+ ).children(p).hide();

 Hope this helps

 On 13 May, 14:02, vmoravek vojtech.mora...@googlemail.com wrote:

  Hi all,
  I found same strange behavior when I trying hiding, or removing DIVs
  inside form.

  Please look on my sample here:http://62.245.92.202/jquery-sample.php

  Expected behavior is:

  When I make change inside input field one text lorem ipsum will be
  shown between one and input:text field. When another change is made
  lorem ipsum text will be remove and shown again. So every time there
  will be only one text lorem ipsum

  This scenario works great only in field one when try to fill another
  fields  two or three lorem ipsum text will not hide and will be
  shown again and again bellow last one.

  Please, could you check my script and tell me what I doing wrong?

  Thank you
  Vojtech

  Whole script from sample for copy/paste:

  head

  script src=http://jquery.com/src/jquery-latest.js; type=text/
  javascript/script
  script type=text/javascript
  $(document).ready(function(){
  $(#cust_registration input:text).change(function() {

var input_name= $(this).attr(name);

$(.lab_+input_name+ #test).hide();

 $(label[for=+input_name+]).after(p 
  id=\test\strong
  lorem ipsum /strong/p);

  });
  });
  /script
  /head

  body

  div class=customer_login_form
  form id=cust_registration method= action=

  div class=lab_one
  label id= class=form_desc 
  for=oneone/label
  /div

  div
  input id=one class=inputbox 
  type=text name=one
  /div

  div class=lab_two
  label id= class=form_desc 
  for=twotwo/label
  /div

  div
  input id=two class=inputbox 
  type=text name=two
  /div

  div class=lab_three
  label id= class=form_desc 
  for=threethree/label
  /div

  div
  input id=three class=inputbox 
  type=text name=three
  /div

  /form
  /div
  /body




[jQuery] Re: Alternating Row Colors: Last row not coloring

2009-05-13 Thread MorningZ
It's all about the order...

you are setting background-color and then adding the row   you
need to do it the opposite (add then color)


On May 13, 1:58 pm, Shadraq shadraq.thee...@gmail.com wrote:
 I have a function that is calling a list of events. Within the
 code.each/code is alternating row colors code (see below):

 function DisplayEventList(info,event_id)
         {
                 $.post('/url/server.php',
                         {
                                 request:info,
                                 event_id:event_id
                         },
                 function(xml)
                         {
                                 $('#event-listing tbody').empty();
                                 $(xml).find('list').each(function()
                                         {
                                                 var startdate = 
 $(start,this).text();
                                                 var location = 
 $(location,this).text();
                                                 var event_name = 
 $(event_name,this).text();
                                                 var speaker = 
 $(speaker,this).text();
                                                 var e_id = 
 $(event,this).text();
                                                 if(info == specific)
                                                         {
                                                                 var 
 currentpricing = $(current_pricing,this).text();
                                                         }
                                                 $('#event-listing tbody 
 tr:odd').css(background-color,
 #EFF1F1);
                                                 $('#event-listing tbody 
 tr:even').css(background-color,
 #A4D1FF);

                                                 var html = 'tr height=35 
 style=font-size:smaller;
 align=center';
                                                 html += 'td' + startdate + 
 '/td';
                                                 html += 'td' + location + 
 '/td';
                                                 html += 'td' + event_name + 
 '/td';
                                                 html += 'td' + speaker + 
 '/td';
                                                 if(info == specific)
                                                         {
                                                                 html += 
 'td' + currentpricing + '/td';
                                                         }
                                                 html += '/tr';

                                                 $('#event-listing 
 tbody').append($(html));

                                         });
                         });
         }
 ***END CODE***

 And my table looks like:

 table id=event-listing width=100% class=ui-widget ui-widget-
 content cellspacing=0
                                 thead
                                         tr class=ui-widget-header 
 style=font-size:small
                                                 thnbsp;/th
                                                 thBegins/th
                                                 thLocation/th
                                                 thEvent/th
                                                 thSpeaker/th
                                         ? if($_GET['event'])
                                                 {
                                                         ?
                                                                 thCurrent 
 Pricing/th
                                                         ?
                                                 }
                                         ?
                                         /tr
                                 /thead

                                 tbody
                                 /tbody
 /table
 ***END CODE***

 My problem is that the last line of my returned rows isn't coloring.
 If 14 rows return, the first 13 will alternate coloring, but the 14th
 will not. Consequently, if only 1 line is returned, it does not color.

 Thanks for your time,
 Shadraq

[jQuery] Re: Bassistance Tooltip Transparent Text IE7/IE8 problem

2009-05-13 Thread Pappy

I'll give this one quick bump... anyone have any ideas what's going
on?

On May 12, 1:48 pm, Pappy helga...@gmail.com wrote:
 I am using a very simple tooltip on my site (just text).  Depending on
 where I am on the page, the text renders transparently or white, even
 though the css 'color' is set to black.  See this image for an
 example...

 http://i44.tinypic.com/idhhcz.jpg

 The tooltip is definitely the one shown as I can modify other css
 properties and they change correctly.  Bear in mind that *sometimes*
 the tooltip displays just fine.  Ugh.


[jQuery] Re: Bassistance Tooltip Transparent Text IE7/IE8 problem

2009-05-13 Thread Jonathan

It's gotta be a cascading style getting applied that IE's debugger
misses, I would install firefox and firebug and see if it's also
listing color:black when it's clearly not.


On May 13, 11:52 am, Pappy helga...@gmail.com wrote:
 I'll give this one quick bump... anyone have any ideas what's going
 on?

 On May 12, 1:48 pm, Pappy helga...@gmail.com wrote:

  I am using a very simple tooltip on my site (just text).  Depending on
  where I am on the page, the text renders transparently or white, even
  though the css 'color' is set to black.  See this image for an
  example...

 http://i44.tinypic.com/idhhcz.jpg

  The tooltip is definitely the one shown as I can modify other css
  properties and they change correctly.  Bear in mind that *sometimes*
  the tooltip displays just fine.  Ugh.


[jQuery] Re: Applying Table Row Sorter to Multiple Tables

2009-05-13 Thread aquaone
this may be what you guys are looking for? dunno, haven't tested it much...
I'm sure there's a better way of doing this... but it seems to work. just
add a multisort class to every table you want linked.

var $multisort = $(table.multisort);
$multisort.addClass( msUnsorted );
$multisort.bind( sortStart, function(){
  $(this).removeClass( msUnsorted );
  });
$multisort.filter( .msUnsorted ).bind( sortEnd, function(){
  var sortOrder = [ this.config.sortList ]; // get sort order
  $multisort.filter( .msUnsorted ).removeClass( msUnsorted ).trigger(
sorton, sortOrder );
  setTimeout( function(){ $multisort.addClass( msUnsorted ); }, 0 ); //
avoid retriggering
  });

stephen


On Wed, May 13, 2009 at 10:01, christopherious christopheri...@gmail.comwrote:


 Wow, the idea of sorting multiple tables at the same time is
 interesting. I may check that out, too.

 Hah, I only just now realized that I totally misunderstood your
 original post!

 My users need this because they work with the same data on multiple
 tables, and don't want to apply sorts on a table-to-table basis.

 Just need to see a real-world example, and I'm all set.  The Triggers
 sortStart and sortEnd example (http://tablesorter.com/docs/example-
 triggers.html http://tablesorter.com/docs/example-%0Atriggers.html ) was
 the closest I could find.

 On May 12, 6:40 pm, David Blomstrom david.blomst...@gmail.com wrote:
  Please ignore my last question; I found the thread I was looking for.
  I'll give the various solutions that were offered another try, and if it
  still doesn't work, I'll put a live example online.
  Thanks.
 
  On Tue, May 12, 2009 at 6:18 PM, David Blomstrom
  david.blomst...@gmail.comwrote:
 
   Wow, the idea of sorting multiple tables at the same time is
 interesting. I
   may check that out, too.
   In the meantime, thanks for the tip, aquaone. I'm now able to place
   multiple sortable tables on a page.
   Now I just have to fix one other problem - numerals with commas don't
 sort
   properly. I asked about that in another thread and got several
 responses -
   none of which worked for me - but I can't find that thread now.
   Is there a way to find all threads in this group I've started on the
   Internet? I'm using GMail, and I have a lot of threads to sort through.
   Thanks.
 
  --
  David Blomstrom
  Writer  Web Designer (Mac, M$  Linux)www.geobop.org



[jQuery] Re: slideUp() does not make animation before remove() occurs

2009-05-13 Thread Ricardo

That doesn't make any sense. The callback will only execute after the
slideUp finishes, so this gives you a 1s delay.

Massimiliano, could you provide a test page? I don't understand why
you're animating an element which is invisible (0 opacity).

On May 13, 2:22 am, waseem sabjee waseemsab...@gmail.com wrote:
 I have made a slight change in your code. also note you did set the opacity
 to 0 before the slideUp that could effect your code

  function removeChekbox(data){
   $.each(data, function(i, val){
    $('input[value='+val+']').parents(.item-container).animate({opacity:

 0.0}, slow, function(){    $(this).slideUp(500, function(){

 setTimeout(function() {

      $(this).remove();
 },500);
     });
    });
   });

  }

 i just added a 0.5 sec delay

 On Wed, May 13, 2009 at 1:33 AM, Ricardo ricardob...@gmail.com wrote:

  Maybe it's because opacity is already 0?

  Try using animate({ height:'toggle' }) instead

  On May 12, 2:16 pm, Massimiliano Marini m...@linuxtime.it wrote:
   Hi all,

   I'm using jQuery 1.3.2 that's the code:

   function removeChekbox(data){
    $.each(data, function(i, val){

  $('input[value='+val+']').parents(.item-container).animate({opacity:
  0.0}, slow, function(){
      $(this).slideUp(slow, function(){
       $(this).remove();
      });
     });
    });

   }

   the code is correct, the remove() works well, but the slideUp()
   does not make the animation. Why?


[jQuery] When a class is created... preloaded events don't seem to work.

2009-05-13 Thread nick

So, if a user clicks a button, I set a function to create a new class
like

$(#container).html('a href= class=new_buttonClick/a');

and I preloaded ( which means, this function existed before the button
was created) a function like

$(.new_button).click(function(){ alert('succeed'});


When I click the button, nothing happens. I also used $
(.new_button).addClass functionalitiy to test it..
What would be the ideal solution in this case?


[jQuery] passing next prev through function

2009-05-13 Thread Gijsie

hello,

i'm building a portfolio page and i'm trying to pass next or prev
through this function to pass the direction.
does anyone know how to do this?

I already tried passing next and prev and filling them in the right
position in the function.

this is what i have already:

function PortVolgende(){
if ($(#portfolio-items a.actief).next().length  0 ) {
$(#content).animate({ scrollLeft: $(#content).scrollLeft()+$
(#content).width() }, 2000);
$(#portfolio-items a.actief).next().addClass(actief).prev
().removeClass(actief);
}
}



thanks a lot.


[jQuery] JQuery and Ajax

2009-05-13 Thread nat

Hi,

I am working on adding asynchronous form submission inside a jquery
dialog. I am using .ajax().
Everything is working correctly, but the submission takes longer than
I would like.
I am new to jquery and am unsure how to debug/optimize this. How do I
determine if the lag is in the front or backend?

Thanks,
Natasha


[jQuery] How to loop iterate through a string of div elements

2009-05-13 Thread Morgan

Hey, I was wondering how I would be able to convert a string of html
into a series of div elements that I can iterate through and perform
jquery functions on, specifically .hide() and .slideDown().

For example, I retrieve a string from a jquery ajax call of html that
looks something like this,

div class=post id=post2918
 div class=header
 Some Text
 /div
 div class=footer
 Some other text
 /div
/div
div class=post id=post3978
 div class=header
 Some other Text 2
 /div
 div class=footer
 Some other text 2
 /div
/div

I want to inject onto the top of a much larger list of post elements
that all have the same class (so I cant just do a search by class).
When I inject them I need to be able to .hide() then .slideDown() each
element individually. I got it working for one element, but it seems
that when there are multiple posts in the returned ajax it gives me
the following error.

uncaught exception: [Exception... Could not convert JavaScript
argument arg 0 [nsIDOMViewCSS.getComputedStyle] nsresult: 0x80570009
(NS_ERROR_XPC_BAD_CONVERT_JS) location: JS frame ::
http://localhost:8080/js/jquery-latest.js :: anonymous :: line 871
data: no]

So I think I need to somehow traverse through the list of returned
post elements, and perform a .hide() and a .slideDown() on them each
individually. Any help would be appreciated. Thanks.



[jQuery] Aliasing/Redefining function

2009-05-13 Thread ScottSEA

In my environment, JS has a maximum file size as a matter of company
policy - jQuery is obviously a great help with this.  One of the
things I'd like to do (primarily to shrink filesize but also for less
typing) is instead of writing this:

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

to be able to write this:

 $(f(){...});

Basically, I want to shorten the name of the [F|f]unction object to
just f.  Does anyone know how this could be done?


[jQuery] Newbie Question... Appending multiple items, with the same span name

2009-05-13 Thread Troy

Hello,

I'm relatively new to jquery, so I have what I hope will be a simple
question.
I need to append multiple spans to the line items in an unordered
list.
Essentially, each line item contains a span and I need to grab the
content of that span and append it to the bottom of the line item it's
contained in.  Here's what I have so far:

My jquery code:
-
  $(ul).ready(function(){
var Name = $(.name) .text();
var Content = $(.content) .text();
$(li) .append(span class=\additional\a href=\/addinfo.php
\+ Name +'s additional info/a/span);
 });


The original HTML it needs to modify:
-
ul
  li
  span class=nameJohn Doe/spanbr /
  span class=contentJohn is an excellent Swimmer/spanbr /
  /li
  li
  span class=nameJane Doe/spanbr /
  span class=contentJane loves to play basketball/spanbr /
  /li
/ul


Here's the output I'm getting:
-
John Doe
John is an excellent Swimmer
John DoeJane Doe's additional info

Jane Doe
Jane loves to play basketball
John DoeJane Doe's additional info



Here's the desired outcome:
-
John Doe
John is an excellent Swimmer
John Doe's additional info

Jane Doe
Jane loves to play basketball
Jane Doe's additional info



As you can see, instead of taking the all the Name var's and putting
them together, instead of just using the Name var of that line item.
I'm sure it needs some type of this, $(this), or .each call on it, but
I can't seem to find this in the documentation anywhere.

Can someone help?
Thanks!
Troy


[jQuery] Problems with rounded corners plugin

2009-05-13 Thread RCT_Nitro

Attached is my page code, I'm trying to make the corners rounded on
the div div#LoginArea - but try as I may I'm not able to work out why
this won't work - would be grateful for thought on what I've done
wrong...

%@ Page Language=VB AutoEventWireup=false
CodeFile=DEV_Login.aspx.vb Inherits=Login %
%@ Register Assembly=msgBox Namespace=FFTMsgbox TagPrefix=cc1
%

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd

html xmlns=http://www.w3.org/1999/xhtml; 
head runat=server
titleFFTLive - Login/title
link rel=stylesheet type=text/css href=css/DEV_login.css /
script type=text/javascript src=JavaScript/jQuery/jquery.js/
script
script type=text/javascript src=JavaScript/jQuery/plugins/
rounded_corners/jquery.corner.js/script
script type=text/javascript
function pageLoad() {
$(div#LoginArea).corner();
}
/script
/head
body
form id=form1 runat=server

 div id=LoginPageContainer runat=server 
div id=LoginHeader runat=server
asp:Label ID=lblTitle runat=server Text=FFTLive login
Style=float:left; margin-left:5px; margin-top:2px; font-family:Arial;
font-size:12pt; color:White/asp:Label
/div
div id=LoginArea runat=server
h2 style=font-family:Arial; text-align:center;Welcome
to FFTLive v3/h2
h3 style=font-family:Arial; text-align:center;Current
system status: No problems reported./h3
asp:Label ID=lblUsername runat=server Text=Username
 style=position:absolute; margin-top:20px; margin-left:80px; font-
family:Arial; font-size:14px; font-weight:bold; /asp:Label
asp:TextBox ID=txtUsername runat=server
Style=position:absolute; margin-top:20px; margin-left:185px; width:
300px; font-family:Arial; /asp:TextBox
asp:Label ID=lblPassword runat=server Text=Password
 style=position:absolute; margin-top:50px; margin-left:80px; font-
family:Arial; font-size:14px; font-weight:bold; /asp:Label
asp:TextBox id=txtPassword runat=server
TextMode=Password style=position:absolute; margin-top:50px; width:
300px; margin-left:185px; font-family:Arial; /asp:TextBox

a href=docs/Terms_and_Conditions_FFT_Live.pdf
target=_blank style=position:absolute; margin-top:80px; margin-left:
300px; text-decoration:none;Terms amp; Conditions/a
asp:Button ID=BtnLogin runat=server text=Login
Style=position:absolute; margin-top:80px; margin-left:433px; /

div id=SiteSeal runat=server
style=position:absolute; margin-top:115px; margin-left:5px; width:
60px; height:60px
script type=text/javascript src=https://
siteseal.thawte.com/cgi/server/thawte_seal_generator.exe/script
  /div
  /div
div id=LoginFooter runat=server

/div
/div
   div id=SiteOffLine runat=server
h1FFTLive is currenly unavailable/h1
h2Please check back later!/h2
/div
/form
/body
/html


[jQuery] JSONP for REST webservice

2009-05-13 Thread sr

I want to use JSONP to connect to a REST webservice to avoid an
additional proxy. But the jquery lib adds the JSONP callback parameter
only to the URL if GET is used as request type, but not on DELETE, PUT
 POST.

I modified the jquery lib to avoid that problem like this:

3409:   // Handle JSONP Parameter Callbacks
3410:   if ( s.dataType == jsonp ) {
3411:// if ( type == GET ) {
3412:   if ( !s.url.match(jsre) )
3413:   s.url += (s.url.match(/\?/) ?  : 
?) + (s.jsonp ||
callback) + =?;
3414:// } else if ( !s.data || !s.data.match(jsre) )
3415:// s.data = (s.data ? s.data +  : ) + 
(s.jsonp ||
callback) + =?;
3416:   s.dataType = json;
3417:   }

Is there an other way to workaround that problem without modifying the
lib that I don't found?


[jQuery] IE8 error: Invalid Argument

2009-05-13 Thread Shadraq

I realize that there are numerous posts on this subject. But, alas, I
will start with the same phrasing that everyone else does.

This works in FF, but not in IE.

So, having said that, I'm not using the .min Jquery file, I'm using
the developers file.

I debugged it using Firebug Lite in IE8, as well as IE8's Dev console.
Here is what the errors were:

Firebug: Invalid argument. (jquery-1.3.2.js,1061)

IE8 Dev: Specific Line in the above js file is:
 if ( set )
elem[ name ] = value;

return elem[ name ];

Now, I have a similar page that runs just fine in IE, making similar
calls. So I assume that it's only a syntax error. But for the life of
me I cannot find it. I know that the error occurs when I click on a
button (code shown below):

html += 'img src=/demo_images/walkin_search.ico title=Search for
User onClick=addEvent(\'' + e_id + '\'); return false; /';

To call a function (showm below):

function addEvent(e_id)
{
event_id = e_id;
$('#dialog-search').dialog('open');
}


Which, in turn, calls a modal (code below):

$('#dialog-search').dialog(
{
bgiframe:true,
autoOpen:false,
title:Search For User,
resizable:false,
height:200,
modal:true,
closeOnEscape:false,
overlay:
{
backgroundColor: '#000',
opacity: 0.5
},
buttons:
{
'Search': function()
{
firstname_s = 
$('#s-firstname').val();
lastname_s = 
$('#s-lastname').val();
validate = true;
validate1 = 
true;


allFields_s.removeClass('ui-state-error');
validate1 = 
validate  FillCheck(firstname_s,At least 1
field must be filled in,$('#s-firstname'),$('#tips-search'));
validate = 
validate  FillCheck(lastname_s,At least 1 field
must be filled in,$('#s-lastname'),$('#tips-search'));

if(validate1 || 
validate)
{


UserSearch(user,firstname_s,lastname_s,);

$('#dialog-no_user').dialog('close');

$(this).dialog('close');
}
},
'Cancel': function()
{


$(this).dialog('close');
}

},
close: function()
{

$('#s-firstname').removeClass('ui-state-error');

$('#s-lastname').removeClass('ui-state-error');
}
});
$('#button-newsearch').click(function() {
$('#dialog-search').dialog('open');
})
.hover(
function(){
$(this).addClass(ui-state-hover);
},
function(){
$(this).removeClass(ui-state-hover);
}
).mousedown(function(){
$(this).addClass(ui-state-active);
})
.mouseup(function(){
$(this).removeClass(ui-state-active);
});

I realize that I may not have given enough nuggets for anyone 

[jQuery] Re: JQuery and Ajax

2009-05-13 Thread Michael Lawson
You could try the Yslow addon for firebug.  You also might want to check
any validation you are performing on the front end, and what you're doing
on the backend that might be a bottleneck.
cheers

Michael Lawson
Development Lead, Global Solutions, ibm.com
Phone:  1-828-355-5544
E-mail:  mjlaw...@us.ibm.com

'Examine my teachings critically, as a gold assayer would test gold. If you
find they make sense, conform to your experience, and don't harm yourself
or others, only then should you accept them.'




  From:   nat natasha.d...@gmail.com  



  To: jQuery (English) jquery-en@googlegroups.com   



  Date:   05/13/2009 03:35 PM   



  Subject:[jQuery] JQuery and Ajax  









Hi,

I am working on adding asynchronous form submission inside a jquery
dialog. I am using .ajax().
Everything is working correctly, but the submission takes longer than
I would like.
I am new to jquery and am unsure how to debug/optimize this. How do I
determine if the lag is in the front or backend?

Thanks,
Natasha

inline: graycol.gifinline: ecblank.gif

[jQuery] Re: Alternating Row Colors: Last row not coloring

2009-05-13 Thread Shadraq

Morning Z,

Thanks for the quick reply. I must not be completely understanding
what you are saying (though, it sounds very simple). I moved my tr:odd/
even tags to 3 different places:

1. just after the tr was set
2. after the /tr
3. after tr was opened bu before it was closed 

Do I need to add html += to it? Am I missing something?

Thanks for your time,
Shadraq


[jQuery] Re: Cross Port Jquery Library Call

2009-05-13 Thread Shadraq

Andy

Are you suggesting that I create an exact copy of all scripts I'm
using and put them into the ssd? Or are you saying that I should move
my scripts folder to the ssd and my cross-port issues will disappear?

If you meant the first, I don't think having 2 scripts folders with
the same content seems like such a good idea. I was hoping for some
sort of workaround that I could put into my code.

If you meant the second: I must admit I have never tried that. I
assumed that since the files won't work cross port, that it didn't
matter which port it was in...

Perhaps I misunderstood...?

Thanks,
Shadraq


[jQuery] Re: jQuery Function - how should I write it?

2009-05-13 Thread Bharat

I am all set.  Figured it out.  It does take some getting used to, but
seems to be quite similar to Java:

jQuery.fn.toggleOpposite = function(readonly)  {
  if (readonly  this.val().length  0) {
// reset the value to null
this.val('');
  }
  return this.attr('disabled',readonly).css('opacity', readonly ?
0.5 : 1.0).focus();
};


[jQuery] jquery cycle plugin - first cycle not in correct position unless you reload the site

2009-05-13 Thread flyfisherman

Hi

I am using the cycle plugin on a start page to cycle 5 pictures in a
div id picture. The first load of the site the pictures are shown to
small (firefox) or outside the container (opera, safari Win), after a
reload all is ok!!

I have no clue why this happens. Is there any advice?

link: http://nitidas.freelinks.ch

Thank you
flyfisherman


[jQuery] Autocomplete - Problem accessing php file

2009-05-13 Thread spstieng

Hi, I have the following script in my index.php file:

  script type=text/javascript
var options = {
script:get_labels.php?json=true,
varname:input,
minchars: 2,
delay: 200,
json:true,
shownoresults:false,
maxresults:15,
timeout: 5000
};
var autocomplete_json = new bsn.AutoSuggest('labelinput', options);
  /script

This works fine as long as get_labels.php is located in the same
directory as index.php (root dir).
If I move the script to a folder called 'includes' and use the
following line: script:includes/get_labels.php?json=true, it
doesn't work.

I've tried different variations:
includes/get_labels.php?json=true
/includes/get_labels.php?json=true
../includes/get_labels.php?json=true

What am I missing here?

Here's the plugin I'm using:
http://www.brandspankingnew.net/archive/2007/02/ajax_auto_suggest_v2.html


[jQuery] Re: Alternating Row Colors: Last row not coloring

2009-05-13 Thread MorningZ

You have

--
$('#event-listing tbody tr:odd').css(background-color, #EFF1F1);
$('#event-listing tbody tr:even').css(background-color, #A4D1FF);

var html = 'tr height=35 style=font-size:smaller;
align=center';
html += 'td' + startdate + '/td';
html += 'td' + location + '/td';
html += 'td' + event_name + '/td';
html += 'td' + speaker + '/td';
if(info == specific) {
html += 'td' + currentpricing + '/td';
}
html += '/tr';
$('#event-listing tbody').append($(html));
--

until you call that .append() method, that row does not exist on the
DOM to manipulate yet


so


--
var html = 'tr height=35 style=font-size:smaller;
align=center';
html += 'td' + startdate + '/td';
html += 'td' + location + '/td';
html += 'td' + event_name + '/td';
html += 'td' + speaker + '/td';
if(info == specific) {
html += 'td' + currentpricing + '/td';
}
html += '/tr';
$('#event-listing tbody').append($(html));

//Now that added row exists in the DOM

$('#event-listing tbody tr:odd').css(background-color, #EFF1F1);
$('#event-listing tbody tr:even').css(background-color, #A4D1FF);
--




On May 13, 3:46 pm, Shadraq shadraq.thee...@gmail.com wrote:
 Morning Z,

 Thanks for the quick reply. I must not be completely understanding
 what you are saying (though, it sounds very simple). I moved my tr:odd/
 even tags to 3 different places:

 1. just after the tr was set
 2. after the /tr
 3. after tr was opened bu before it was closed 

 Do I need to add html += to it? Am I missing something?

 Thanks for your time,
 Shadraq


[jQuery] Re: Newbie Question... Appending multiple items, with the same span name

2009-05-13 Thread Abdullah Rubiyath

Hey there,

You could try the following:

$(document).ready(function() {

$(ul li).each(function() {
   var thisName = $('.name', this).text(); // get the content inside
'.name' class of this element
   $(this).append('span class=additionala href=addinfo.php'+
thisName  +'s additional Info/a/span );
});

});

With your approach of $('.name').text(), it was getting the contents
of all the span that had 'name' class. so you where getting 'John
DoeJane Doe's'.. in the output.

Also a suggestion: perhaps you may consider adding an id or class for
the ul tag (and also modify JS accordingly), in that way it won't
grab all the ul li on the page.

I hope this helps,

Thanks,
Abdullah

On May 13, 3:00 pm, Troy mr.troypeter...@gmail.com wrote:
 Hello,

 I'm relatively new to jquery, so I have what I hope will be a simple
 question.
 I need to append multiple spans to the line items in an unordered
 list.
 Essentially, each line item contains a span and I need to grab the
 content of that span and append it to the bottom of the line item it's
 contained in.  Here's what I have so far:

 My jquery code:
 -
   $(ul).ready(function(){
         var Name = $(.name) .text();
         var Content = $(.content) .text();
         $(li) .append(span class=\additional\a href=\/addinfo.php
 \+ Name +'s additional info/a/span);
  });

 The original HTML it needs to modify:
 -
 ul
   li
   span class=nameJohn Doe/spanbr /
   span class=contentJohn is an excellent Swimmer/spanbr /
   /li
   li
   span class=nameJane Doe/spanbr /
   span class=contentJane loves to play basketball/spanbr /
   /li
 /ul

 Here's the output I'm getting:
 -
 John Doe
 John is an excellent Swimmer
 John DoeJane Doe's additional info

 Jane Doe
 Jane loves to play basketball
 John DoeJane Doe's additional info

 Here's the desired outcome:
 -
 John Doe
 John is an excellent Swimmer
 John Doe's additional info

 Jane Doe
 Jane loves to play basketball
 Jane Doe's additional info

 As you can see, instead of taking the all the Name var's and putting
 them together, instead of just using the Name var of that line item.
 I'm sure it needs some type of this, $(this), or .each call on it, but
 I can't seem to find this in the documentation anywhere.

 Can someone help?
 Thanks!
 Troy


[jQuery] Re: Alternating Row Colors: Last row not coloring

2009-05-13 Thread spstieng

The only js code I use is this:
jQuery(#myTable tr:even).addClass(even);

Then in my CSS file, I define what background color the .even class
will have.


Steven



On 13 Mai, 22:25, MorningZ morni...@gmail.com wrote:
 You have

 --
 $('#event-listing tbody tr:odd').css(background-color, #EFF1F1);
 $('#event-listing tbody tr:even').css(background-color, #A4D1FF);

 var html = 'tr height=35 style=font-size:smaller;
 align=center';
 html += 'td' + startdate + '/td';
 html += 'td' + location + '/td';
 html += 'td' + event_name + '/td';
 html += 'td' + speaker + '/td';
 if(info == specific) {
     html += 'td' + currentpricing + '/td';}

 html += '/tr';
 $('#event-listing tbody').append($(html));
 --

 until you call that .append() method, that row does not exist on the
 DOM to manipulate yet

 so

 --
 var html = 'tr height=35 style=font-size:smaller;
 align=center';
 html += 'td' + startdate + '/td';
 html += 'td' + location + '/td';
 html += 'td' + event_name + '/td';
 html += 'td' + speaker + '/td';
 if(info == specific) {
     html += 'td' + currentpricing + '/td';}

 html += '/tr';
 $('#event-listing tbody').append($(html));

 //Now that added row exists in the DOM

 $('#event-listing tbody tr:odd').css(background-color, #EFF1F1);
 $('#event-listing tbody tr:even').css(background-color, #A4D1FF);
 --

 On May 13, 3:46 pm, Shadraq shadraq.thee...@gmail.com wrote:



  Morning Z,

  Thanks for the quick reply. I must not be completely understanding
  what you are saying (though, it sounds very simple). I moved my tr:odd/
  even tags to 3 different places:

  1. just after the tr was set
  2. after the /tr
  3. after tr was opened bu before it was closed 

  Do I need to add html += to it? Am I missing something?

  Thanks for your time,
  Shadraq


[jQuery] Re: dealing with a post (json) callback

2009-05-13 Thread Peter Warnock

[ ] is an array literal, like { } is an object literal.

var obj = json[0];

You shouldn't use eval on JSON.  If you specify 'json' as your return
type, jQuery will safely eval valid JSON.

- pw

On May 12, 9:05 pm, sneaks deroacheee...@gmail.com wrote:
 hi, in firebug my callback data(object) is like so:

 [{product_brand:Creative Recreation,product_name:Cesario
 Hi,product_slug:CRM-CESAR-PRIME-
 HI,product_active:1,product_description:mens- red}]

 i have never noticed the square brackets before ...
 but when i attempt to use each to oterate through the obnject for
 values... i get nothing:

 var obj=eval('(' + json + ')');
 console.log( obj );
 jQuery.each(obj, function(i, val) {
   if (i) {
       alert(val);
       jQuery('#'+i).append(val);
   }

 });

 this has always worked fro me before and i am not doing anything
 different this time... but i would appreciate any insight into what
 may be happeneing here


[jQuery] Re: How to loop iterate through a string of div elements

2009-05-13 Thread Ricardo

Append and animate one at a time.
ajax/get callback for a sequential slideDown:

function(htmlString){
   $(htmlString).find('.post').each(function(i){
   var el = this;
   setTimeout(function(){
 $(el).appendTo('#bodylist').slideDown(500);
  }, i*500);
   });
}

On May 13, 3:10 pm, Morgan morganjdavid...@gmail.com wrote:
 Hey, I was wondering how I would be able to convert a string of html
 into a series of div elements that I can iterate through and perform
 jquery functions on, specifically .hide() and .slideDown().

 For example, I retrieve a string from a jquery ajax call of html that
 looks something like this,

 div class=post id=post2918
      div class=header
          Some Text
      /div
      div class=footer
          Some other text
      /div
 /div
 div class=post id=post3978
      div class=header
          Some other Text 2
      /div
      div class=footer
          Some other text 2
      /div
 /div

 I want to inject onto the top of a much larger list of post elements
 that all have the same class (so I cant just do a search by class).
 When I inject them I need to be able to .hide() then .slideDown() each
 element individually. I got it working for one element, but it seems
 that when there are multiple posts in the returned ajax it gives me
 the following error.

 uncaught exception: [Exception... Could not convert JavaScript
 argument arg 0 [nsIDOMViewCSS.getComputedStyle] nsresult: 0x80570009
 (NS_ERROR_XPC_BAD_CONVERT_JS) location: JS frame 
 ::http://localhost:8080/js/jquery-latest.js:: anonymous :: line 871
 data: no]

 So I think I need to somehow traverse through the list of returned
 post elements, and perform a .hide() and a .slideDown() on them each
 individually. Any help would be appreciated. Thanks.


[jQuery] Re: Problems with rounded corners plugin

2009-05-13 Thread Mike Alsup

 Attached is my page code, I'm trying to make the corners rounded on
 the div div#LoginArea - but try as I may I'm not able to work out why
 this won't work - would be grateful for thought on what I've done
 wrong...

     script type=text/javascript
         function pageLoad() {
             $(div#LoginArea).corner();
         }
         /script



Where does pageLoad get called?


[jQuery] Re: jquery cycle plugin - first cycle not in correct position unless you reload the site

2009-05-13 Thread Mike Alsup

 I am using the cycle plugin on a start page to cycle 5 pictures in a
 div id picture. The first load of the site the pictures are shown to
 small (firefox) or outside the container (opera, safari Win), after a
 reload all is ok!!

 I have no clue why this happens. Is there any advice?

 link:http://nitidas.freelinks.ch

Try updating to a newer version of Cycle or give your images width/
height attributes.

Mike


[jQuery] Re: Autocomplete - Problem accessing php file

2009-05-13 Thread spstieng

Alright. I found the problem.
In my get_labels.php, I was ?php include 'afile.php' ?.
This ahad to change to ../afile.php

So now includes/get_labels.php?json=true is working.

Now comes the real problem.
I need this to work in a template I'm making in Wordpress.

So far, it looks lke the main script isn't triggering.
It is loading, because I can test this with alert('test');.



[jQuery] Re: When a class is created... preloaded events don't seem to work.

2009-05-13 Thread Liam Byrne


The function existed, but the element didn't exist inside the container, 
so there was no element to bind the click to.


You can check this for yourself by doing alert($(.new_button).length) 
just after both lines that you have listed.


So.
1) Try adding the $(.new_button).click(.) line immediately after 
the $(#container).html(.) line, or else

2) Look at livequery, which might do the trick.

L

nick wrote:

So, if a user clicks a button, I set a function to create a new class
like

$(#container).html('a href= class=new_buttonClick/a');

and I preloaded ( which means, this function existed before the button
was created) a function like

$(.new_button).click(function(){ alert('succeed'});


When I click the button, nothing happens. I also used $
(.new_button).addClass functionalitiy to test it..
What would be the ideal solution in this case?



No virus found in this incoming message.
Checked by AVG - www.avg.com 
Version: 8.5.329 / Virus Database: 270.12.27/2112 - Release Date: 05/13/09 07:04:00


  




[jQuery] Re: jquery cycle plugin - first cycle not in correct position unless you reload the site

2009-05-13 Thread flyfisherman

Hello Mike

I have the newest version 2.34 installed and I also gave a width und
height for the picture id in my css-file (view source code).
So what else could it be?
txs
Markus

On 13 Mai, 23:01, Mike Alsup mal...@gmail.com wrote:
  I am using the cycle plugin on a start page to cycle 5 pictures in a
  div id picture. The first load of the site the pictures are shown to
  small (firefox) or outside the container (opera, safari Win), after a
  reload all is ok!!

  I have no clue why this happens. Is there any advice?

  link:http://nitidas.freelinks.ch

 Try updating to a newer version of Cycle or give your images width/
 height attributes.

 Mike


[jQuery] Re: Superfish 1.4.8 w/ Supposition

2009-05-13 Thread Clint T

I'd also like to add a vote for a Supposition update. I'm currently
using 1.4.8 with hoverIntent, bgiframe, and supersubs and would really
really really like to use the Supposition plugin as well. I'll keep my
fingers crossed that Joel or Jesse is still monitoring the forum and
can make this happen.


[jQuery] Clone html and change input value

2009-05-13 Thread rmfjcr

Hi everybody.
I've got a form where users can insert ingredients (name, quantity)
for recipes. as they need more couples to store all the ingredients,
they use the add ingredient link to obtain another couple of input
fields. Here comes the problem: I need to increment the value of the
hidden input field which precedes the two visible input fields.
I kwon there is a clone function in jquery but it makes the exact
copy. How can I use clone and modify the given html?
Here's the code:
Starting form...

form action=insertIngredients.php method=post
!-- first ingredient --
input type=hidden name=ingr_num[] value=1 /
label for=ingr_nameName/labelbr /
input type=text name=ingr_name[] /br /

label for=ingr_qtyQty/labelbr /
input type=text name=ingr_qty[] /br /

input class=submit type=submit value=Insert
Ingredients /
/form

I want to obtain this...

form action=insertIngredients.php method=post
!-- first ingredient --
input type=hidden name=ingr_num[] value=1 /

label for=ingr_nameName/labelbr /
input type=text name=ingr_name[] /br /

label for=ingr_qtyQty/labelbr /
input type=text name=ingr_qty[] /br /

!-- second ingredient --
input type=hidden name=ingr_num[] value=2 /

label for=ingr_nameName/labelbr /
input type=text name=ingr_name[] /br /

label for=ingr_qtyQty/labelbr /
input type=text name=ingr_qty[] /br /

!-- third ingredient --
input type=hidden name=ingr_num[] value=3 /

label for=ingr_nameName/labelbr /
input type=text name=ingr_name[] /br /

label for=ingr_qtyQty/labelbr /
input type=text name=ingr_qty[] /br /

input class=submit type=submit value=Insert
Ingredients /
/form

Any suggestion would be appreciated.
Thanks.


[jQuery] Trouble with Suckerfish in Safari

2009-05-13 Thread sparks...@gmail.com

Hi! I've used Suckerfish on one of my sites and I'm experiencing some
trouble in Safari. It occurs when you've clicked yourself into a sub
menu that has a child sub menu and then click one a different sub menu
that does not have a child sub menu. What happens is that the old
child don't go away, it just stays until you click on a sub menu with
a child.

It's a bit hard to describe, but very easy to see. Just open
http://www.kallegustafsson.com in Firefox and Safari and click on
'advertising' and then on 'paul smith', if you then try to click
'anteprima', the sub menu from 'paul smith' is still there in Safari,
but goes away and the hover changes in Firefox (which is the way it
should work).

Any ideas on why this happens?


[jQuery] Re: jquery cycle plugin - first cycle not in correct position unless you reload the site

2009-05-13 Thread Mike Alsup

2.63 is the latest version of Cycle.  And your images do not have
width/height attributes.

Mike


On May 13, 5:42 pm, flyfisherman mar...@flyfisherman.ch wrote:
 Hello Mike

 I have the newest version 2.34 installed and I also gave a width und
 height for the picture id in my css-file (view source code).
 So what else could it be?
 txs
 Markus

 On 13 Mai, 23:01, Mike Alsup mal...@gmail.com wrote:

   I am using the cycle plugin on a start page to cycle 5 pictures in a
   div id picture. The first load of the site the pictures are shown to
   small (firefox) or outside the container (opera, safari Win), after a
   reload all is ok!!

   I have no clue why this happens. Is there any advice?

   link:http://nitidas.freelinks.ch

  Try updating to a newer version of Cycle or give your images width/
  height attributes.

  Mike




[jQuery] modal pop-up from inside iframe

2009-05-13 Thread Red

I am stuck with an issue of getting my modal to pop up and out of the
iframe and show on top of the parent page. I am using the jqModal and
you seem to have answers for everything but this...

I have a parent page, that i can not edit, with an iframe that
contains the logic for the modal. When the the modal is triggered, it
only shows inside of the iframe and i cant seem to get it to pop up
over the parent window.

This is the ultimate objective:
OnLoad of the parent page, if something=true to pop up the modal from
within the iframe to show over the parent.

I can get it to do everything that i need it to do BUT pop up outside
of the iframe. ...idk... i think i am just running in circles at this
point

SO here is the simplified code that is nested inside of the parent
iframe it loads the modal onLoad of the page, but its inside the
iframe... :-(

[HTML]
style
.jqmWindow {display: none; position: fixed; top: 17%; left: 50%;
width: 510px; margin-left: -300px; background-color: #FF; color:
#333; border: 1px solid black; padding:0px 10px 10px 10px;}
.jqmOverlay {background-color: #000;}
/style
script type=text/javascript
$(window).load(function(){
$('#dialog').jqm();
$('#dialog').jqmShow();
});
/script
div id=dialog class=jqmWindow
Content of Modal would go here.
/div
[/HTML]



[jQuery] Re: SlideMenu ASlideShow conflict

2009-05-13 Thread Mahmoud M. Abdel-Fattah

Thanks a lot man, I really Appreciate your replies, but isn't there
any other solution than changing the design ??

On May 13, 10:57 am, weidc mueller.juli...@googlemail.com wrote:
 just do it for ie.

 something like:

 if($.browser.msie  $.browser.version != 8.0)
 {
      $(#header).insertAfter(#banner);
      // new css staff

 }

 since ie8 looks fine you just have to do it for 6 and 7 i guess.
 don't know how to slove the position after that. maybe you can do
 position: absolute; for the menu and put it at the right place again.

 it's always a bit work for ie6 ( 7) but well. i still search for an
 other way to replace the z-index function in ie6.

 maybe someone else got a better way.

 On 12 Mai, 17:22, Mahmoud M. Abdel-Fattah engm...@gmail.com wrote:

  I'll do later, but I can't change the design in this case :( !

  On May 12, 11:25 am, weidc mueller.juli...@googlemail.com wrote:

   try to put the banner before the menu.

   atm it is like this:

   div id=header
   
   /div
   div id=banner
   ...
   /div

   you should try:

   div id=banner
   ...
   /div
   div id=header
   
   /div

   i always do so for ie6 'cause the z-index doesn't work.
   and i didn't found an other way yet. but it always worked for me.

   On 11 Mai, 02:12, Mahmoud M. Abdel-Fattah engm...@gmail.com wrote:

I forgot to mention, this problem appears in IE only not FF!

On May 11, 2:51 am, Mahmoud M. Abdel-Fattah engm...@gmail.com
wrote:

 I'm using jQuery Slide Menu  jQuery A Slide Show in this URL 
 :http://www.al-alee.com/en/
 but the A Slide Show appears over the dropdown menu, I'd changed the 
 Z-
 Index but the problem still !!

 Thanks for your time.


[jQuery] Re: jQuery cluetip plugin

2009-05-13 Thread Bharat

Hello Karl,
My apologies for the hasty post.  The plugin works perfectly fine.  It
was my programming error.  I had forgotten to remove the totally
vanilla declaration on my shared partial that was overriding the
adustments that I has making in my master layout file!  I only
discovered it after I started to attach help text to the links not
contained in the partial.  This is a really nice piece of work.
Thank you.
Bharat


[jQuery] Re: JQuery and Ajax

2009-05-13 Thread Tom Worster

On 5/13/09 2:23 PM, nat natasha.d...@gmail.com wrote:

 I am working on adding asynchronous form submission inside a jquery
 dialog. I am using .ajax().
 Everything is working correctly, but the submission takes longer than
 I would like.
 I am new to jquery and am unsure how to debug/optimize this. How do I
 determine if the lag is in the front or backend?

in safari, the web inspector will show you timings.

and you could add code to your backend script to time its execution.

then you can figure if the delays are frontend, network or backend.

but i'd be surprised if it was frontend unless you're doing something odd in
the client script.




[jQuery] New Linux.com and jQuery Group

2009-05-13 Thread Shawn


Hi gang.

Linux.com did an upgrade of their website today.  I didn't see any hint 
of jQuery in their community section so I created a group.  Feel free to 
check it out - I'd be happy to pass on the admin reigns to someone a 
little more active than myself.  Until then though


Linux.com
http://linux.com/index.php

Linux.com jQuery group:
http://linux.com/community/groups/viewgroup/240-jQuery

Shawn


[jQuery] do I really have to use xml?

2009-05-13 Thread snorkel

I have an array of nodes which are being created in a for loop
 for n 1 to 30 etc etc which makes nodes like this in the html

 li name=1   id=hh_010_0160 hh_010_0160  /li
etc
etc
 li name=30  id=hh_010_0160 hh_010_0160 /li

so in other words each node has an array index in the name

and some javascript which has
items = parent.getElementsByTagName(li);
so far so good it all works fine
but, then i sort the item list and want to get the array index of the
sorted item, i.e the name
so I've tried
  for(p=0;pN;p++){
  rank=parseInt((items[p].nodeName))
But as I guess everybody knows it just gives me back LI not the name
of the node i.e my array integer value
Is there a way to get the name in jquery or do I really have to use
xml??
thanks for any help


[jQuery] Re: Bassistance Tooltip Transparent Text IE7/IE8 problem

2009-05-13 Thread Pappy

Oh, I should have clarified.  I am developing on Firefox first.  It
works just fine there.

On May 13, 12:05 pm, Jonathan jdd...@gmail.com wrote:
 It's gotta be a cascading style getting applied that IE's debugger
 misses, I would install firefox and firebug and see if it's also
 listing color:black when it's clearly not.

 On May 13, 11:52 am, Pappy helga...@gmail.com wrote:

  I'll give this one quick bump... anyone have any ideas what's going
  on?

  On May 12, 1:48 pm, Pappy helga...@gmail.com wrote:

   I am using a very simple tooltip on my site (just text).  Depending on
   where I am on the page, the text renders transparently or white, even
   though the css 'color' is set to black.  See this image for an
   example...

  http://i44.tinypic.com/idhhcz.jpg

   The tooltip is definitely the one shown as I can modify other css
   properties and they change correctly.  Bear in mind that *sometimes*
   the tooltip displays just fine.  Ugh.


[jQuery] Re: Nested sortable unordered list - parent li moves along with nested list

2009-05-13 Thread andy

Has anyone used the jQuery UI Sortable plugin with nested lists?


[jQuery] Re: modal pop-up from inside iframe

2009-05-13 Thread snorkel

I am pretty new to all this, but here goes.. it seems to me you need
to have something like
window.parent.load  (javascript)
you need parent because an iframe is a window


On May 14, 12:08 am, Red tankgir...@gmail.com wrote:
 I am stuck with an issue of getting my modal to pop up and out of the
 iframe and show on top of the parent page. I am using the jqModal and
 you seem to have answers for everything but this...

 I have a parent page, that i can not edit, with an iframe that
 contains the logic for the modal. When the the modal is triggered, it
 only shows inside of the iframe and i cant seem to get it to pop up
 over the parent window.

 This is the ultimate objective:
 OnLoad of the parent page, if something=true to pop up the modal from
 within the iframe to show over the parent.

 I can get it to do everything that i need it to do BUT pop up outside
 of the iframe. ...idk... i think i am just running in circles at this
 point

 SO here is the simplified code that is nested inside of the parent
 iframe it loads the modal onLoad of the page, but its inside the
 iframe... :-(

 [HTML]
 style
 .jqmWindow {display: none; position: fixed; top: 17%; left: 50%;
 width: 510px; margin-left: -300px; background-color: #FF; color:
 #333; border: 1px solid black; padding:0px 10px 10px 10px;}
 .jqmOverlay {background-color: #000;}
 /style
 script type=text/javascript
 $(window).load(function(){
         $('#dialog').jqm();
         $('#dialog').jqmShow();});

 /script
 div id=dialog class=jqmWindow
 Content of Modal would go here.
 /div
 [/HTML]


[jQuery] Re: jQuery(document).ready() Type error on WebKit based Browsers

2009-05-13 Thread Pappy

I am seeing the same error as Sulfura.

My page works fine on Firefox and IE, but on Webkit-based browsers,
any call to jQuery(function() {}) results in this error on line 83 of
jquery-1.3.2.js --

TypeError: Result of expression 'jQuery( document ).ready' [undefined]
is not a function

I have removed all external stylesheets from my page just in case, but
no luck.

_jason

On Apr 30, 4:53 am, Sulfura sulfu...@gmail.com wrote:
 Yes, I noticed that afterwards and changed it accordingly. The Error
 happend on line 3, jQuery(document).ready(). I copied it from jquery
 tutorials but it still doesn't work. I made a new js file with a very
 simple function but still no success. The Examples on jquery.com work
 though, so I am quite puzzled by this.

 On Apr 28, 7:40 pm, Jonathan jdd...@gmail.com wrote:

  Try changing   jQuery(#dir).attr(disabled, false) to jQuery
  (#dir).removeAttr('disabled');

  Also, does it give you a line number for the type mismatch that might
  help track it down?

  On Apr 28, 12:12 am, Sulfura sulfu...@gmail.com wrote:

   Hi there,

   I searched the internet for hours but couldn't find a solution which
   worked for me. I use jQuery to call a Perl-Module which outputs an XML
   File with all the Pictures in a specified Folder, which in turn is
   interpreted by jQuery to show a preview of that same Folder.

   It all works fine on Firefox, it works with some yet-unattended Bugs
   on IE7, but on Safari and Opera (and all WebKit based Browsers for
   that matter) it simply refuses to work. Both tell me that I have a
   Type mismatch.

   Code:
   jQuery.noConflict();

   jQuery(document).ready(function(){

       jQuery(#dir).change(function () {
          if (jQuery(input[name=mode]:checked).val() ==
   add_from_folder) {
               jQuery(#preview).hide();
               jQuery(select option:selected).each(function ()
   {
                 jQuery(#preview).empty();
                   requestXML();
                   jQuery(#preview).slideDown(slow);
              })
           }
       })
       .change();

       jQuery(input[name=mode]).change(function(){
           if (jQuery(input[name=mode]).val() == add_blank) {
             jQuery(#preview).empty();
               jQuery(#preview).hide();
               jQuery(#dir).attr(value,;-;);
         } else {
               jQuery(#dir).attr(disabled, false);
           }
      })
       .change();

   });

       function requestXML() {
           jQuery.ajax({
               type: GET,
               url: /cgi-bin/apps/load_preview?directory= + jQuery
   (#dir).val(),
               dataType: xml,
               success: function(xml) {
                   jQuery(xml).find(picture).each(function(){
                       jQuery(#preview).append(img class='preview'
   src='/ + jQuery(this).find(reference).text() + ' /)
                   })
               }
           });
       }

   ##Code end

   I know there are things that could be made more efficient but I am
   still new to Ajax and jQuery and learned how to use it just yesterday,
   so I accept any constructive criticism :)


[jQuery] Re: SuckerFish menus covered by main content? please advise

2009-05-13 Thread andy

This is a css issue. After looking at the source code of your site, I
noticed that the navigation is setup in table cells. The main nav
should be setup in lists, with the subnav in a nested list within the
main nav. See suckerfish drop down tutorial on 
http://www.alistapart.com/articles/dropdowns.
After following this tutorial, when you rollover a main nav item, the
sub nav items will appear as you desire.


[jQuery] Re: PLease help.. sliding menu?

2009-05-13 Thread andy

jFlow is great - http://www.gimiti.com/kltan/wordpress/?p=32


[jQuery] Re: tablesorter messing with other tables

2009-05-13 Thread andy

I assume your tablesorter is picking up the desired table by an id or
class attribute. Does the nested table have the same attribute? If so
change the name of the nested table attribute and give it another try.
If you would like the nested table to sort independently, give it a
unique attribute identifier and it's own instance of tablesorter.


[jQuery] Re: Superfish with multicolumn sub navigation

2009-05-13 Thread andy

Have you taken a look at 
http://users.tpg.com.au/j_birch/plugins/superfish/#getting-started
or tried only using lists with more complex CSS rather than div's?


  1   2   >