[jQuery] Form values getting unsynchronized after ajaxsubmit [validate]

[Anoop kumar V]

Hi All,

I have a very weird issue that I have been trying to resolve for over a week
now with no success in sight.

I use jsp to generate a page of regional information. The regions are
displayed as clickable blocks. On clicking each block a pop-up form opens up
with the corresponding region details like id, name and acronym. These can
be edited and submitted as updates. There is also a last block that allows
to create a new region which on clicking opens the same kind of form as the
others, except all the fields are blank and required.

I am using jquery validator plugin (bassistance) to ensure that the user
does not leave any field blank and I also use the form plugin to do an
ajaxsubmit, so that the id enterred is not a duplicate id.

On submitting the new region form, a new region gets created and updates the
page fine, but intermittently when I click on the other existing blocks the
information shown in the pop-up is for a completely different region: for
example when I click on a block labelled Washington, the popup that comes up
shows New York, NY, 02. On clicking New York block, the same (correct)
information is show. This does not happen always and I have noticed it
happening only in firefox, I use firefox more often also. Also if I take out
the ajaxsubmit and do a simple form submit, it seems to not occur, but I
need the ajaxsubmit for the id validation..
Interestingly, when I click on the reset button on the individual form, the
values in the fields correct themselves automagically for that form..

I also used firebug, and when I mouseover the field in the firebug console,
the values in the fields are shown correct (in forebug), except the page
displays the incorrect info. I think this safely eliminates my java code as
the culprit... Again - when I reset the particular form, the values are
good, but only for that form, so if I want to clean all such incorrect data,
I will have to open each form pop-up on the page and click on the reset
button - this would not work even as a workaround.

Below is the code if it helps:

*** JS***
$(function() {
var bbap = function() {
  $('.cbnav').live('click',function(event) {
var target = $(event.target);
if(($(target).is(".main-title")) || ($(target).is(".cls")))
{
  $('.details').hide();
  if($(target).is(".main-title"))
$(target).next('.details').show(450);
} else if ($(target).is('input[type=reset]')){
$('.derrors').hide();
$('.errors').hide();
}
});
  }
  bbap();
});

var v = $(function() {
$('.main-title').click(function(event) {
  var target = $(event.target);
  var parent = $(target).parent();
  $(parent).validate({
rules: {
regionid: "required",
regionname: "required",
regionacronym: "required",
regioncode: "required"
},
submitHandler: function(form) {
  $(form).ajaxSubmit({
target: 'body',
error: function (xhr) {
  $('.derror').text("Errors: Please fix " +
xhr.responseText).show("fast");
}
  });
  return false;
}
  });
});
});

$('input[type=reset]').click(function() {
$('.derrors').hideErrors()
});
*** /JS***
*** HTML***






  Washington (WAS)

  
close 


Id







Acronym




Name







Code




  

  



  






  New York (NY)
  

close 


Id




Acronym






Name




Code






  

  


  


  

New Region


  close 
  

  

  
  Id

  

  
  
  Acronym

  

  
  
  Name

  

  
  
  Code

  

  
  




  

  


*** /HTML***

CSS*
.cbdd {
background-color: ghostwhite;
border:1px solid darkblue;
display: block;
margin: 1em;
padding: 1em;
overflow:auto;
}

.cbnav {
width: 18em;
float: left;
margin: .5em .5em .5em .5em;
text-align: left;
}

.main-title {
font: normal small-caps bold 1.35em/170% "Lucida Grande",sans-serif;
padding: 0 .25em 0 1em;
co

[jQuery] Re: Remote: Form Not Submitting Until Validation Fails at Least Once

[Jörn Zaefferer]

Thats still a lot of code. Can't spot anything wrong with the JS stuff
- can you reduce that further?

Jörn

On Fri, Jul 24, 2009 at 6:54 AM, Field wrote:
>
> Dupecheck Function
> [code]
>        function dupeCheck()
>        {
>
>                $request = 
> strtolower($this->input->get_post('bus_number',TRUE));
>
>                $action = strtolower($this->input->get_post('action',TRUE));
>
>                $results = $this->business->getBusinessbyNumber($request);
>
>                $valid = 'false';
>
>                if ($action == 'new')
>                {
>                        if (!$results)
>                        {
>                                $valid = 'true';
>                        }
>                }
>                elseif ($action == 'edit')
>                {
>                        $bus_id = $this->input->get_post('bus_id',TRUE);
>
>                        $id_search = $this->business->getBusinessbyId($bus_id);
>
>                        foreach ($id_search as $row)
>                        {
>                                $returned_number = 
> strtolower($row['bus_number']);
>                        }
>                        if ($returned_number == $request)
>                        {
>                                // Comparison made by bus_id to ensure the 
> bus_number has not
> changed.
>                                // Editing a business but not changing the 
> bus_number.
>                                $valid = 'true';
>                        }
>                        else
>                        {
>                                if (!$results)
>                                {
>                                        $valid = 'true';
>                                }
>                        }
>                }
>
>                echo $valid;
>        }
> [/code]
>
>
>

[jQuery] Re: Need to validate Multiple email IDs with Comma Seprated

[Mohd.Tareq]

Hi Kuo Yang, *
*
*Thanks for your reply.*
*I am doing the same thing, but if i am entering any other charecter like (
_ | ) ( ] [  )*
*instead of comma, so its considering as a string & after that not able to
validate it.*
*
*
*I am writing this kind of functions to validate my multiple email value.*
*
*
function validateEmail(field) {
var regex=/\b[a-z0-9._%+...@[a-z0-9.-]+\.[a-z]{2,4}\b/i;
return (regex.test(field)) ? true : false;
}
function validateMultipleEmailsCommaSeparated(value) {
var result = value.split(",");
for(var i = 0;i < result.length;i++)
if(!validateEmail(result[i]))
return false;
return true;
}

*By the ways I am hitting to fix this problem of my script.*

*If you have any suggestions for the same then plz let me know ... :)*

*Thanks
*
On Thu, Jul 23, 2009 at 7:24 PM, Kuo Yang  wrote:

> You can split the Emails with the comma, and then validate them one by one.
>
>
>
> On Thu, Jul 23, 2009 at 9:49 PM, Mohd.Tareq  wrote:
>
>>
>> Hi Guys,
>>
>> Can any one tell me validation ' *Email Validation for multiple emails
>> (comma separated)* ' for textarea.
>>
>> I am writing Regular expression but not able validating the given input
>> with comma :(
>>
>> Please suggest something in JQuery Or Javascript
>>
>>
>> Thanking you
>>
>>
>>Regard
>>
>> Mohd.Tareque
>>
>>
>


-- 
  Regard

Mohd.Tareque

[jQuery] Re: Need to validate Multiple email IDs with Comma Seprated

[Mohd.Tareq]

Hi Kuo Yang, *
*
*Thanks for your reply.*
*I am doing the same thing, but if i am entering any other charecter like (
_ | ) ( ] [  )*
*instead of comma, so its considering as a string & after that not able to
validate it.*
*
*
*I am writing this kind of functions to validate my multiple email value.*
*
*
function validateEmail(field) {
var regex=/\b[a-z0-9._%+...@[a-z0-9.-]+\.[a-z]{2,4}\b/i;
return (regex.test(field)) ? true : false;
}
function validateMultipleEmailsCommaSeparated(value) {
var result = value.split(",");
for(var i = 0;i < result.length;i++)
if(!validateEmail(result[i]))
return false;
return true;
}

*By the ways I am hitting to fix this problem of my script.*

*If you have any suggestions for the same then plz let me know ... :)*

*Thanks
*
On Thu, Jul 23, 2009 at 7:24 PM, Kuo Yang  wrote:

> You can split the Emails with the comma, and then validate them one by one.
>
>
>
> On Thu, Jul 23, 2009 at 9:49 PM, Mohd.Tareq  wrote:
>
>>
>> Hi Guys,
>>
>> Can any one tell me validation ' *Email Validation for multiple emails
>> (comma separated)* ' for textarea.
>>
>> I am writing Regular expression but not able validating the given input
>> with comma :(
>>
>> Please suggest something in JQuery Or Javascript
>>
>>
>> Thanking you
>>
>>
>>Regard
>>
>> Mohd.Tareque
>>
>>
>


-- 
  Regard

Mohd.Tareque

[jQuery] Re: Remote: Form Not Submitting Until Validation Fails at Least Once

[Field]

Dupecheck Function
[code]
function dupeCheck()
{

$request = 
strtolower($this->input->get_post('bus_number',TRUE));

$action = strtolower($this->input->get_post('action',TRUE));

$results = $this->business->getBusinessbyNumber($request);

$valid = 'false';

if ($action == 'new')
{
if (!$results)
{
$valid = 'true';
}
}
elseif ($action == 'edit')
{
$bus_id = $this->input->get_post('bus_id',TRUE);

$id_search = $this->business->getBusinessbyId($bus_id);

foreach ($id_search as $row)
{
$returned_number = 
strtolower($row['bus_number']);
}
if ($returned_number == $request)
{
// Comparison made by bus_id to ensure the 
bus_number has not
changed.
// Editing a business but not changing the 
bus_number.
$valid = 'true';
}
else
{
if (!$results)
{
$valid = 'true';
}
}
}

echo $valid;
}
[/code]

[jQuery] [Validate] Remote: Form Not Submitting Until Validation Fails at Least Once

[Field]

I've got some strange behavior with validation.

I'm loading up a form to allow editing of an existing database entry.
If I make my changes to the fields, enter in the required "revision
comments" and submit, the page does NOT post, it seems to only refresh
and empty out all the entries in each of the fields.

Now, on the other hand if I open the form to make changes to a
database entry and immediately press "Submit" without filling in the
revision comments field, it fails validation and tells me to enter
comments. Now if I fill in comments to satisfy all the requirements
and press submit, it posts and I get my "Successful Entry"
confirmation prompt.

I think I've narrowed it down to the remote: part of my jQuery. I
eliminated by trial-and-error the other pieces of the jQuery code and
it seems that when I remove the remote: it does not experience this
strange behviour.

Any ideas? Does the code look correct?

jQuery Code:
[code]
// Form Validation customization
$("#Form_business").validate({
rules: {
bus_zip: {
required: true,
//digits: true,
minlength: 5
},
bus_extension: {
digits: true
},
bus_number: {
required: true,
remote: {
url: 
"/rtui/codeigniter/index.php/business_form/dupeCheck",
type: "post",
data: {
action: function() {
return 
$("#action").val();
},
bus_id: function() {
return 
$("#bus_id").val();
}
}
}
}
},
messages: {
bus_zip: {
required: "This field is required.",
//digits: "Numbers only",
minlength: jQuery.format("{0} digits 
required")
},
bus_extension: {
digits: "Numbers only"
},
bus_number: {
required: "Advertiser number required",
remote: jQuery.format("Duplicate 
customer number")
}
}
});
[/code]
HTML Code:
[code]


 Customer








* denotes required fields

Customer Name
*


Customer Number
*


Address 1
*


City
*


State
*
';
}
elseif ($action == 'Edit')
{
echo ''.$state_name.'';
}

//standard listing of states in 
database
foreach($states as $row)
{
echo ''.$row
['state_name'].'';
}
?>
   

[jQuery] Re: Listnav initial display of no items?

[Jack Killpatrick]

Hmm, it just dawned on me that listnav fires a click internally when it 
initiates, so this won't work quite like I wrote it out below. Instead 
of using:


   var isShowing = false;

use:

   var clicks = 0;

and:

  onClick: function(){
 clicks++;
 if(clicks == 2){
$('#yourUL').show();
 }
  }

(not tested .. let me know if you hit a deadend)

- Jack

Jack Killpatrick wrote:


Hi, I'm assuming the little treasure is the plugin? ;-)  Thanks, glad 
you like it.


There's nothing built into the plugin that will hide the full list 
(it's wired to show the first available letter unless you specify a 
letter to show), but here's a workaround that might do the trick for you:


1. set the css for your UL to:

   display:none;

2. add a function to the listnav onClick option that will show the UL 
if it's not showing already, something like:


var isShowing = false;

$('#yourUL').listnav({
   onClick: function(){
  if(!isShowing){
 $('#yourUL').show();
 isShowing = true;
  }
   }
});

That onClick will fire on every letter click, but that's minimal 
overhead since you'd be just checking the value of isShowing after the 
first click is handled (which makes your UL show up).


- Jack

rubycat wrote:

Thank you for this little treasure!

Is there a way to do it so that when listnav initially appears on the
page, no items are shown? In other words, is there a way to just have
the alphabetized index show with no initial display of anything else?

  

[jQuery] Re: Need help with a custom selector to bind ajax callbacks

[Jules]

Opps,

Sorry, didn't realise request and settings are not available on
ajaxSend and ajaxStop.  So, my proposed solution is not working.
May be a dumber solution

var isFaceBox = true;

$(document).ready(function(){
  $(document).ajaxSend(function(event){
if(!isFaceBox)
{
$('body > div.container').fadeTo('normal', 0.33);
$('#loading').show();
}
  });
  $(document).ajaxComplete(function(event){
if(!isFaceBox)
{
$('body > div.container').fadeTo('normal', 1);
$('#loading').hide();
}
  });

  $.ajax({

   //your call
beforeSend: function(){ isFaceBox = false;},
complete: function(){ isFaceBox = true;}
   });
});
On Jul 24, 10:02 am, Jules  wrote:
> Can't you check the settings.url?
>
> $(document).ready(function(){
>   $(document).ajaxSend(function(event, request, settings){
>     if(settings.url != 'faceboxurl') // replace faceboxurl with the
> real url
>     {
>     $('body > div.container').fadeTo('normal', 0.33);
>     $('#loading').show();
>     }
>   });
>   $(document).ajaxComplete(function(event, request, settings){
>     if(settings.url != 'faceboxurl') // replace faceboxurl with the
> real url
>     {
>     $('body > div.container').fadeTo('normal', 1);
>     $('#loading').hide();
>     }
>   });
>
> });
>
> On Jul 24, 6:05 am, Rodrigo Tassinari  wrote:
>
> > Anyone?
>
> > On 20 jul, 12:34, Rodrigo Tassinari de Oliveira
>
> >  wrote:
> > > Hello everyone,
>
> > > I'm stuck with an annoying problem in this webapp I'm developing.
>
> > > I've created a small code to be called automagically on every ajax
> > > request, which shows a "loading..." div overlay while the ajax request
> > > is being processed. This works fine, and the code used can be seen in
> > > this pastie:
>
> > >http://pastie.org/552179
>
> > > However, we also use the Facebox plugin (http://famspam.com/facebox/)
> > > in this app, and we don't want the "loading..." div overlay to show
> > > when a facebox ajax request is triggered (the example link trigger is
> > > also on the above pastie), since facebox has it's on "loading" thing.
>
> > > I can't seem to do that. I binding the ajaxSend and ajaxComplete
> > > callbacks to some css selector that would include everything except
> > > the facebox links (a[rel*=facebox]), instead of the current $
> > > (document) route, but I failed.
>
> > > Does anyone have any ideas to help me with this?
>
> > > Thanks a lot in advance,
> > > Rodrigo.

[jQuery] Re: [validate]

[Jules]

Validation is triggerd by 4 events that are active by default:
Submit
KeyUp
Change
Click -- for check box and radio button

To prevent KeyDown and LostFocus validation use the following options

onkeyup:false,
onfocusout:false,
onclick:false

This information is available on the validate options doc.
http://docs.jquery.com/Plugins/Validation/validate#toptions

So, unless you are disabling the change event, your select should be
re-validated on change event.
Could you post your code?

On Jul 24, 2:56 am, "dustin.c"  wrote:
> Hi all,
>    I'm using the jQuery validate plugin.  When select boxes don't pass
> validation, I want them to to be revalidated onChange.  I don't see an
> option for this in the validate() options.  Do I have to add it
> manually to the elements onchange attribute?
> -Dustin

[jQuery] Re: Using data(name,value) to store additional information

[Karl Swedberg]

One way to retrieve them is to use the .filter() method with a  
function. for example:


$('div').filter(function() {
  return $(this).data('foo') == 'bar';
});


--Karl


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




On Jul 21, 2009, at 11:29 AM, Basdub wrote:



I wanted to define additional attribute to a tag to manage
information. I realized that XHTML might not like it and discovered
the data(name,value) function.

I was wondering how i could retrieve all tags e.g. "div" that have
that data variable set.

[jQuery] Re: Looking for some help converting this to jquery

[RobG]

On Jul 24, 3:20 am, sleepwalker  wrote:
> Eric you rock that's what I'm talking about!! Beautiful code man
> thanks so much.
> Learning is fun.

Don't confuse less with better, it is often slower to execute and
harder to maintain.  The code I posted could be written as:

function setButtonClass() {
  var el, inputs = document.getElementsByTagName('input');
  var i = inputs.length;
  while (i && (el = inputs[--i])) {
if (/button|reset|submit/.test(el.type)) {
  var word = el.value.split(/[a-z]/).length/2 + el.value.length;
  el.className = word>11?'mb':word>4?'sb':word>0?'b':'';
}
  }
}

but I would not do that. Would you trust the newest coder in the
office to maintain it? Or accept the totally unnecessary performance
hit just to save a few lines?

--
Rob

[jQuery] Re: [Plugins] looking for "iPhone contacts shortcut"

[Jack Killpatrick]

this was posted to the list not long ago:

http://scott.sauyet.com/Javascript/Demo/2009-06-06a/

perhaps of interest.

- Jack

macsig wrote:

Hello guys,
I have a long list or product names and in order to speed up the
research I'd like to have the alphabet letters on one side and when
the user presses one of them the list scrolls to the first name that
starts with that letter. Something like contacts on iPhone.
So, before starting to develop it, does anyone knows a plugin that
does that?

Thanks and have a nice day


Sig

  

[jQuery] Re: Listnav initial display of no items?

[Jack Killpatrick]

Hi, I'm assuming the little treasure is the plugin? ;-)  Thanks, glad 
you like it.


There's nothing built into the plugin that will hide the full list (it's 
wired to show the first available letter unless you specify a letter to 
show), but here's a workaround that might do the trick for you:


1. set the css for your UL to:

   display:none;

2. add a function to the listnav onClick option that will show the UL if 
it's not showing already, something like:


var isShowing = false;

$('#yourUL').listnav({
   onClick: function(){
  if(!isShowing){
 $('#yourUL').show();
 isShowing = true;
  }
   }
});

That onClick will fire on every letter click, but that's minimal 
overhead since you'd be just checking the value of isShowing after the 
first click is handled (which makes your UL show up).


- Jack

rubycat wrote:

Thank you for this little treasure!

Is there a way to do it so that when listnav initially appears on the
page, no items are shown? In other words, is there a way to just have
the alphabetized index show with no initial display of anything else?

  

[jQuery] Superfish Problem

[GraphicsUNC]

Hello! This is a great extension and I have it so that it uses the
cssfrom the template I'm using.

However, the drop down menu pushes down the main content below
insteadof hovering over or poping up.

Here is the link - when you scroll over "About Us" or "Services" you
will see what it does. Please help!

http://cobiedelson.com/village/site/

[jQuery] Re: jquery cookie text resizer

[Magnificent]

That was it!  And it makes total sense - thanks much for the extra set
of eyes, you rock!

On Jul 23, 5:22 pm, James  wrote:
> Inside the textResize() function, on the first line try adding:
> level = parseInt(level);
>
> I'm thinking when you're manually calling textResize, you're doing
> something like:
> textResize(3);
>
> But when you're doing it through the cookie, it's not an Integer, it's
> a String:
> textResize("3");
>
> Your switch statement is testing for Integers, so "3" doesn't match
> anything. And you don't have a default condition either to act on it,
> so it does nothing.
>
> On Jul 23, 1:07 pm, Magnificent
>
>  wrote:
> > Hello all,
>
> > I'm doing a text resizer with a cookie to remember the font size
> > level. I'm running into a little problem and was wondering if someone
> > sees something obvious I'm missing.  The cookie is being set/read OK
> > and the text resizer works when triggered manually, but it's not being
> > executed on page load when you navigate to other pages.
>
> > For example, on the home page, I set it to the largest size, size 3.
> > This gets set to the cookie.  If you quit/relaunch the browser, the
> > cookie still reports size 3.  Also, when you navigate to another page,
> > onload, it reads the size 3 and it passes it to the textResize()
> > function (these are my console.log() lines), but the text isn't
> > actually resized on page load.  If you trigger the text resizer
> > manually, it works.
>
> > I'm controlling the font size by adding (or removing) a class to the
> > body tag.  Anyone have any ideas why the text isn't resizing
> > automatically onload?
>
> > //START text resizer
> > //on dom ready either set default cookie or read existing cookie
> > $(function() {
> >         //if no cookie, set cookie for default textsize of 1 (out of 3
> > possible sizes)
> >         //persist cookie for 365 days, 1 year
> >         if (!$.cookie("textsize")){
> >                 $.cookie("textsize", "1", { path: '/', expires: 365 });
> >         }
>
> >         //get cookie value and pass to textResize function
> >         var cookie_val = $.cookie("textsize");
> >         console.log("onload: " + cookie_val);
> >         textResize(cookie_val);
>
> > });
>
> > function textResize(level){
> >         var body = $("body");
> >         console.log("textResize: " + level);
>
> >         switch(level) {
> >                 case 1:
> >                         body.removeClass('bigText biggerText');
> >                         $.cookie("textsize", "1", { path: '/', expires: 365 
> > });
> >                         break;
> >                 case 2:
> >                         body.removeClass('biggerText').addClass('bigText');
> >                         $.cookie("textsize", "2", { path: '/', expires: 365 
> > });
> >                         break;
> >                 case 3:
> >                         body.addClass('biggerText');
> >                         $.cookie("textsize", "3", { path: '/', expires: 365 
> > });
> >                         break;
> >         }}
>
> > //END text resizer

[jQuery] Re: jquery cookie text resizer

[James]

Inside the textResize() function, on the first line try adding:
level = parseInt(level);

I'm thinking when you're manually calling textResize, you're doing
something like:
textResize(3);

But when you're doing it through the cookie, it's not an Integer, it's
a String:
textResize("3");

Your switch statement is testing for Integers, so "3" doesn't match
anything. And you don't have a default condition either to act on it,
so it does nothing.

On Jul 23, 1:07 pm, Magnificent
 wrote:
> Hello all,
>
> I'm doing a text resizer with a cookie to remember the font size
> level. I'm running into a little problem and was wondering if someone
> sees something obvious I'm missing.  The cookie is being set/read OK
> and the text resizer works when triggered manually, but it's not being
> executed on page load when you navigate to other pages.
>
> For example, on the home page, I set it to the largest size, size 3.
> This gets set to the cookie.  If you quit/relaunch the browser, the
> cookie still reports size 3.  Also, when you navigate to another page,
> onload, it reads the size 3 and it passes it to the textResize()
> function (these are my console.log() lines), but the text isn't
> actually resized on page load.  If you trigger the text resizer
> manually, it works.
>
> I'm controlling the font size by adding (or removing) a class to the
> body tag.  Anyone have any ideas why the text isn't resizing
> automatically onload?
>
> //START text resizer
> //on dom ready either set default cookie or read existing cookie
> $(function() {
>         //if no cookie, set cookie for default textsize of 1 (out of 3
> possible sizes)
>         //persist cookie for 365 days, 1 year
>         if (!$.cookie("textsize")){
>                 $.cookie("textsize", "1", { path: '/', expires: 365 });
>         }
>
>         //get cookie value and pass to textResize function
>         var cookie_val = $.cookie("textsize");
>         console.log("onload: " + cookie_val);
>         textResize(cookie_val);
>
> });
>
> function textResize(level){
>         var body = $("body");
>         console.log("textResize: " + level);
>
>         switch(level) {
>                 case 1:
>                         body.removeClass('bigText biggerText');
>                         $.cookie("textsize", "1", { path: '/', expires: 365 
> });
>                         break;
>                 case 2:
>                         body.removeClass('biggerText').addClass('bigText');
>                         $.cookie("textsize", "2", { path: '/', expires: 365 
> });
>                         break;
>                 case 3:
>                         body.addClass('biggerText');
>                         $.cookie("textsize", "3", { path: '/', expires: 365 
> });
>                         break;
>         }}
>
> //END text resizer

[jQuery] Re: Detect ajax with file uploads

[James]

Are you sure it doesn't receive the HTTP_X_REQUESTED_WITH header? It
should be sent by jQuery.
Which Browser/OS and jQuery version are you using? Have you tried
using Firebug to check if the X_REQUESTED_WITH header is being sent?

On Jul 23, 9:50 am, Lito  wrote:
> Hi! I'm developing a framework that allow all navigation in normal
> mode or in ajax load.
>
> I have a form to upload images and I can upload files correctly, but
> if I use the ajax form, the save page don't receive the
> HTTP_X_REQUESTED_WITH in $_SERVER PHP array (only occours when a file
> is uploaded).
>
> How can I detect an ajax load with a file upload form?

[jQuery] Re: Need help with a custom selector to bind ajax callbacks

[Jules]

Can't you check the settings.url?

$(document).ready(function(){
  $(document).ajaxSend(function(event, request, settings){
if(settings.url != 'faceboxurl') // replace faceboxurl with the
real url
{
$('body > div.container').fadeTo('normal', 0.33);
$('#loading').show();
}
  });
  $(document).ajaxComplete(function(event, request, settings){
if(settings.url != 'faceboxurl') // replace faceboxurl with the
real url
{
$('body > div.container').fadeTo('normal', 1);
$('#loading').hide();
}
  });
});


On Jul 24, 6:05 am, Rodrigo Tassinari  wrote:
> Anyone?
>
> On 20 jul, 12:34, Rodrigo Tassinari de Oliveira
>
>  wrote:
> > Hello everyone,
>
> > I'm stuck with an annoying problem in this webapp I'm developing.
>
> > I've created a small code to be called automagically on every ajax
> > request, which shows a "loading..." div overlay while the ajax request
> > is being processed. This works fine, and the code used can be seen in
> > this pastie:
>
> >http://pastie.org/552179
>
> > However, we also use the Facebox plugin (http://famspam.com/facebox/)
> > in this app, and we don't want the "loading..." div overlay to show
> > when a facebox ajax request is triggered (the example link trigger is
> > also on the above pastie), since facebox has it's on "loading" thing.
>
> > I can't seem to do that. I binding the ajaxSend and ajaxComplete
> > callbacks to some css selector that would include everything except
> > the facebox links (a[rel*=facebox]), instead of the current $
> > (document) route, but I failed.
>
> > Does anyone have any ideas to help me with this?
>
> > Thanks a lot in advance,
> > Rodrigo.

[jQuery] Re: GPL version of jQuery

[Michael Geary]

You don't need to worry about that at all.

jQuery is also licensed under the MIT license, a much more liberal license
than GPL.

Simply use jQuery under the MIT license, not the GPL. That makes it fully
compatible with any version of GPL you want to use for the rest of your
code. More info here:

http://en.wikipedia.org/wiki/MIT_License

You don't have to do anything special to make this happen; just use the code
and have fun!

-Mike

> From: Alexey Chernov
> 
> Hello,
> I develop open source CMS under GPLv3 and would like to use 
> jQuery in it. 
> Could you please tell me what is the version of GPL of 
> jQuery? I tried to find it on http://jquery.com but it's 
> still a little bit unclear.
> This is important for me, because GPLv2-only and GPLv3 are 
> incompartible.
> 
> Thank you in advance,
> Alexey
> 

[jQuery] Re: looking for "iPhone contacts shortcut"

[Macsig]

Thanks, I will check scrollTo out.

have a good 1 buddy.


Sig

On Jul 23, 4:24 pm, svanhess  wrote:
> This should be do-able without a plugin.  Absolutely position a
> vertical list of letters to the side of your content.  Each letter is
> a link to a anchor within your content.  Use something like ScrollTo
> to move the page to the selected anchor.
>
> http://plugins.jquery.com/project/ScrollTo
>
> Throw everything in an i-frame if you want this to act more like a
> "widget".
>
> On Jul 23, 2:17 pm, macsig  wrote:
>
>
>
> > Hello guys,
> > I have a long list or product names and in order to speed up the
> > research I'd like to have the alphabet letters on one side and when
> > the user presses one of them the list scrolls to the first name that
> > starts with that letter. Something like contacts on iPhone.
> > So, before starting to develop it, does anyone knows a plugin that
> > does that?
>
> > Thanks and have a nice day
>
> > Sig

[jQuery] Re: [Plugins] looking for "iPhone contacts shortcut"

[svanhess]

This should be do-able without a plugin.  Absolutely position a
vertical list of letters to the side of your content.  Each letter is
a link to a anchor within your content.  Use something like ScrollTo
to move the page to the selected anchor.

http://plugins.jquery.com/project/ScrollTo

Throw everything in an i-frame if you want this to act more like a
"widget".


On Jul 23, 2:17 pm, macsig  wrote:
> Hello guys,
> I have a long list or product names and in order to speed up the
> research I'd like to have the alphabet letters on one side and when
> the user presses one of them the list scrolls to the first name that
> starts with that letter. Something like contacts on iPhone.
> So, before starting to develop it, does anyone knows a plugin that
> does that?
>
> Thanks and have a nice day
>
> Sig

[jQuery] jquery cookie text resizer

[Magnificent]

Hello all,

I'm doing a text resizer with a cookie to remember the font size
level. I'm running into a little problem and was wondering if someone
sees something obvious I'm missing.  The cookie is being set/read OK
and the text resizer works when triggered manually, but it's not being
executed on page load when you navigate to other pages.

For example, on the home page, I set it to the largest size, size 3.
This gets set to the cookie.  If you quit/relaunch the browser, the
cookie still reports size 3.  Also, when you navigate to another page,
onload, it reads the size 3 and it passes it to the textResize()
function (these are my console.log() lines), but the text isn't
actually resized on page load.  If you trigger the text resizer
manually, it works.

I'm controlling the font size by adding (or removing) a class to the
body tag.  Anyone have any ideas why the text isn't resizing
automatically onload?


//START text resizer
//on dom ready either set default cookie or read existing cookie
$(function() {
//if no cookie, set cookie for default textsize of 1 (out of 3
possible sizes)
//persist cookie for 365 days, 1 year
if (!$.cookie("textsize")){
$.cookie("textsize", "1", { path: '/', expires: 365 });
}

//get cookie value and pass to textResize function
var cookie_val = $.cookie("textsize");
console.log("onload: " + cookie_val);
textResize(cookie_val);
});

function textResize(level){
var body = $("body");
console.log("textResize: " + level);

switch(level) {
case 1:
body.removeClass('bigText biggerText');
$.cookie("textsize", "1", { path: '/', expires: 365 });
break;
case 2:
body.removeClass('biggerText').addClass('bigText');
$.cookie("textsize", "2", { path: '/', expires: 365 });
break;
case 3:
body.addClass('biggerText');
$.cookie("textsize", "3", { path: '/', expires: 365 });
break;
}
}
//END text resizer

[jQuery] jQuery & Adobe Air: onclick event not working

[DPeters65]

I am stumped... have been banging my head for days on this one...
I am pulling in XML, parsing it, then dynamically writing blocks
(append) of code as I loop through the XML... all via jQuery. Within
each of these code blocks, which btw are displaying properly, there is
an onclick event (openInBrowser(url)) applied to text in order to open
an external URL in the browser, outside of the Air app. However, this
onclick event never gets executed when it is clicked. Anyone know why
this would occur?

>From what I can tell it is related to the functions in jQuery such as
this: $(data).find("item").each(function() {... I tested another page
where I appended a test block of code within a $('elementId').click
(function(){... and the same result... nothing happens. If I pull the
code outside of the jQuery function it works just fine.

Here is my code:
...






$(document).ready(function(){
// make sure the application is visible
nativeWindow.visible = true;
var content = readLocalFile();
if (content == '')
{
alert('Please set your email address registered
with NowInStock.net under the options tab.');
$('#alertsMain').hide();
var noalerts = 'message to user...';
$('#alertsMain').append(noalerts);
$('#optionsMain').show();
}else {
//alert(content);
email = content;
$('#emailAddress').val(email);
// Get product info from server
var vurl = 
"http://www.domian.com/XML.php?emailAddress="+email;
$.get(vurl, function (data, textStatus) {
 $(data).find("item").each(function() {
 pid = $(this).attr("pid");
 url = $(this).attr("url");
 model_name = $(this).attr("model_name");
 store_name = $(this).attr("store_name");
 product_name = 
$(this).attr("product_name");
 myurl = "openInBrowser('"+url+"');";
 var block = '
'+model_name+'
'+store_name+' :
'+product_name+'
Checking...
';
 air.trace(block);
 $('#alertsMain').append(block);
});
});
   }
});

[jQuery] Detect ajax with file uploads

[Lito]

Hi! I'm developing a framework that allow all navigation in normal
mode or in ajax load.

I have a form to upload images and I can upload files correctly, but
if I use the ajax form, the save page don't receive the
HTTP_X_REQUESTED_WITH in $_SERVER PHP array (only occours when a file
is uploaded).

How can I detect an ajax load with a file upload form?

[jQuery] Quick question about www.wow-heroes.com

[fermineutron]

Hi,
First let me say I know very little about js, I have coded in PHP and
HTML before. I am trying to link to search results on www.wow-heroes.com
but I seem to fail to understand the websites coding schema and create
the direct link to search results.
The normal process is:
1) open www.wow-heroes.com
2) Click on "Guild" tab
3) Choose zone: US, Realm: Fenris, and Guild: Dark apocalypse
4) select "get fresh data from armory"
5) Submit the form by clicking "Search"
6) View results.

What I want to do is to create a link or a submit button on a form
which is hosted on my website. Clicking this button will take the user
to step 6 of the procedure I showed above.

Can any one assist me in creating such a call?

Thanks

[jQuery] Re: Trying to Validate a Form

[Hayden Hancock]

Technically, can you just put the alert message inside the
submitHandler option? For example:

$("#form").validate({
 submitHandler: function(form) {
  $(form).ajaxSubmit({
   success: function() { alert("Thank you for your
comment!")},
   clearForm: true
   });
 }
});

On Jul 23, 12:42 pm, Jörn Zaefferer 
wrote:
> You've got an error in the second selector, a missing #. Try this:
>
> $("#submit").validate({
>        submitHandler: function(form) {
>                $(form).ajaxSubmit();
>        }
>
> });
>
> Jörn
>
> On Thu, Jul 23, 2009 at 3:22 PM, Nick wrote:
>
> > Hi,
>
> > I am currently trying to validate a form before sending it with the
> > jQuery Form Plugin.
>
> > I can get them working but it is always one or the other, I can't get
> > them both working.
>
> > The code I have so far is below:
>
> > 
> > $('#submit').ajaxForm(function() {
> >        alert("Thank you for your comment!");
> > });
> > $("submit").validate({
> >        submitHandler: function(form) {
> >                $(form).ajaxSubmit();
> >        }
> > })
> > 
>
> > If possible, could somebody help?

[jQuery] jQuery Validation Plugin & jQuery Form Plugin

[Hayden Hancock]

Validation plug-in version: 1.5.5
Form plug-in version: 2.28

I was able to get the validation and submit to work together properly.
However, when using options in the validation plugin such as
errorClass and validClass I was ran into some trouble. Upon
submission, these classes would stick/stay. The form data is cleared
properly when using the "clearform: true" option association with the
form plug-in.

Here is a little more detail. Upon validating I was filling in the
input fields' background with a light green color to show the user
that this field was indeed valid and they could proceed to submit.
This worked fine until submission. The form data would clear properly
but the options associated with validation would stay. Is there anyway
to clear all the validation options on submit? Thanks in advance!

[jQuery] Re: switching jquery tabs in code behind(C#)

[karnqu]

like morningZ said your probably looking for this...
ClientScript.RegisterStartupScript(typeof (<>),
"startupTabScript", "<>", true);

The pain is knowing what the last tab they selected was. But in your
case if the button they clicked was on that tab then it sounds pretty
straight forward.

On Jul 23, 1:34 pm, MorningZ  wrote:
> "onclick event" would be:
>
> - in the aspx's code?
> - on the client?
>
> if it is in the code, then any running of that postback code is going
> to cause a page reload, and consequent defaulting to the first tab by
> default
>
> if you want the new page reload to stay on the current tab, then you
> would emit some client script (using Page.ClientScript) object to call
> the Tabs' event that will switch the tab
>
> On Jul 23, 9:49 am, noorul  wrote:
>
> > I have five div tags(jquery tabs) in my aspx page...Inside the second
> > div(tab) i have a button. onclick of that buttton the second div(tab)
> > should be switched..instead of that the first tab is coming.. How can
> > i switch the tab in code behind(Inside button onclick event)...

[jQuery] GPL version of jQuery

[Alexey Chernov]

Hello,
I develop open source CMS under GPLv3 and would like to use jQuery in it. 
Could you please tell me what is the version of GPL of jQuery? I tried to find 
it on http://jquery.com but it's still a little bit unclear.
This is important for me, because GPLv2-only and GPLv3 are incompartible.

Thank you in advance,
Alexey

[jQuery] Response not working after page has been loaded by jQuery Load

[jan timmer]

Hello all,

I am trying use the Load function and it looks partly succesful:
the script code is:

function doCallBack(action, value)
{
if  (action == 'projlokatiemutaties')
{
var test = $("#ct100_Inhoud__pnlLokaties");
var params = "project.aspx?ch=1&ph=1&cb=center&content=" +
value;
test.load(params);
 }
}

when this code is executed 'project.aspx' is loaded and I am able to
query the params. This happens in the code behind:

   protected void Page_Load(object sender, EventArgs e)
{
HandleCallBacks();
 }

and:
private void HandleCallBacks()
{
string direction = Request.Params["cb"];
if (string.IsNullOrEmpty(direction))
return;
if (direction == "center")
{
string content = Request.Params["content"];
if (! string.IsNullOrEmpty(content))
{
ProjectLokaties1.Refresh("", Convert.ToInt32
(content));
string html = General.Utilities.RenderControl
(ProjectLokaties1);
Response.Write(html);
Response.End();
}
}
}

Projectlokaties1 contains an XML control and the content is being
transformed using Xslt. As far as I can see the html variable contains
the correct value.
However the Response.Write() operations fails completely. As a matter
of fact at this point any Response operation fails.

Does anybody know what is going on here, or better have a solution?

Thanks in advance,

Jan

[jQuery] Re: how to call custom function

[gil]

hi

This link could help http://www.w3schools.com/js/js_functions.asp

On 23 jul, 08:41, dhana  wrote:
> I dont know how to call the custom javascript function with arguments

[jQuery] Re: adding click event

[gil]

Can you provide sample code or a link?

On 23 jul, 14:47, shaf  wrote:
> Hi Guys
>
> I have just inserted some content into my html page and now Im trying
> to add event listeners for some of the links in the inserted content
> but nothing happens. Do I need to update something before I can add a
> click event?

[jQuery] Re: Combining jQuery Objects

[Ricardo]

Guess what?

var e1 = $("#firstObject");
var e2 = $("#secondObject");

e1.add( e2 ) is exactly what you're looking for :)

http://docs.jquery.com/Traversing/add#expr

On Jul 23, 1:17 am, NeilM  wrote:
> Does anyone know if it is possible to join two jQuery objects to make
> a new object.  For example...
>
> var e1 = $("#firstObject");
> var e2 = $("#secondObject");
>
> var combined = e1.add(e2);  // This is the expression I'm looking for
>
> Thanks.

[jQuery] [Plugins] looking for "iPhone contacts shortcut"

[macsig]

Hello guys,
I have a long list or product names and in order to speed up the
research I'd like to have the alphabet letters on one side and when
the user presses one of them the list scrolls to the first name that
starts with that letter. Something like contacts on iPhone.
So, before starting to develop it, does anyone knows a plugin that
does that?

Thanks and have a nice day


Sig

[jQuery] Listnav initial display of no items?

[rubycat]

Thank you for this little treasure!

Is there a way to do it so that when listnav initially appears on the
page, no items are shown? In other words, is there a way to just have
the alphabetized index show with no initial display of anything else?

[jQuery] adding click event

[shaf]

Hi Guys

I have just inserted some content into my html page and now Im trying
to add event listeners for some of the links in the inserted content
but nothing happens. Do I need to update something before I can add a
click event?

[jQuery] Re: extend an Object

[Cesar Sanz]

$ = jQuery 
It is an alias
- Original Message - 
From: "jeanluca" 

To: "jQuery (English)" 
Sent: Thursday, July 23, 2009 4:26 AM
Subject: [jQuery] Re: extend an Object



I just noticed that $ and the jQuery object are the same thing!!


On Jul 23, 10:27 am, jeanluca  wrote:

thats exactly it!!
What is exactly '$' ? its not the same as 'jQuery'. Do you have a
link to a doc ?

thnx a lot!

On Jul 23, 2:23 am, Jules  wrote:

> Something like this?

> function person(name, address) {
> this.name = name;
> this.address = address;
> this.whoAmI = function() {
> if (this.creditLimit)
> alert(this.name + ' address:' + this.address + 'credit
> limit:' + this.creditLimit);
> else
> alert(this.name + ' address:' + this.address);

> }
> return this;
> }

> function customer() {
> this.creditLimit = 0;
> this.creditCheck = creditCheck;
> return this;

> function creditCheck() {
> alert(this.creditLimit);
> }
> }

> var a = new person('john smith', '10 main st');
> var cust = new customer();
> a.whoAmI();

> $.extend(a, cust);
> a.creditLimit = 1000;
> a.whoAmI();

> On Jul 22, 10:02 pm, jeanluca  wrote:

> > Hi All

> > I tried to add functions to an object like

> > function User(n, a) {
> > this.name = n ;
> > this.aux = a ;
> > }
> > function auxis() {
> > alert(this.aux);
> > }

> > $(document).ready( function() {
> > var u = new User("Jack") ;
> > u.extend({
> > whoami: function() { alert(this.name); },
> > autis: auxis
> > }) ;
> > u.whoami() ;

> > }) ;

> > Eventually I will have 2 object A and B and I want to merge A into B:

> > B.exend(A) ;

> > However it doesn't work at all. Any suggestions how to fix this ?

[jQuery] Re: Need help with a custom selector to bind ajax callbacks

[Rodrigo Tassinari]

Anyone?

On 20 jul, 12:34, Rodrigo Tassinari de Oliveira
 wrote:
> Hello everyone,
>
> I'm stuck with an annoying problem in this webapp I'm developing.
>
> I've created a small code to be called automagically on every ajax
> request, which shows a "loading..." div overlay while the ajax request
> is being processed. This works fine, and the code used can be seen in
> this pastie:
>
> http://pastie.org/552179
>
> However, we also use the Facebox plugin (http://famspam.com/facebox/)
> in this app, and we don't want the "loading..." div overlay to show
> when a facebox ajax request is triggered (the example link trigger is
> also on the above pastie), since facebox has it's on "loading" thing.
>
> I can't seem to do that. I binding the ajaxSend and ajaxComplete
> callbacks to some css selector that would include everything except
> the facebox links (a[rel*=facebox]), instead of the current $
> (document) route, but I failed.
>
> Does anyone have any ideas to help me with this?
>
> Thanks a lot in advance,
> Rodrigo.

[jQuery] Re: [Plugins] New plugin - jqswfupload

[Cesar Sanz]

Very nice man!!

Thanks for your contribution.

- Original Message - 
From: "alexanmtz" 

To: "jQuery (English)" 
Sent: Thursday, July 23, 2009 1:19 PM
Subject: [jQuery] [Plugins] New plugin - jqswfupload




Hello everyone,

I would like to announce the jqswfupload plugin:

http://jqswfupload.alexandremagno.net/

The easier way to make a multiple file upload using swfupload. You can
create a complete interface for multiupload files based on Flickr ux
in just one line of code and them make custom settings to controll how
works all the features.

Hope everyone enjoy it!

Alexandre Magno
Interface Developer
http://blog.alexandremagno.net

[jQuery] Re: select all grandchildren of a div

[amuhlou]

I'm not really sure what you are asking. Are you referring to the
jQuery ui slider? If so, the jQuery UI google group is probably a
better place to ask that question and search for threads where your
question may have already been answered. 
http://groups.google.com/group/jquery-ui

On Jul 23, 3:37 pm, Krish  wrote:
> hi amuhlou,
>
> thank you for your quick response.
>
> with the same assumption is there any possibility to get all
> grandchildren in the handle property of jquery.
>
> On Jul 23, 12:11 pm, amuhlou  wrote:
>
> > Assuming the grandchildren all have the class="grandchild" attribute,
> > you could use the find() method:
>
> > $('div.parent').find(".grandchild")
>
> > On Jul 23, 3:04 pm, Krish  wrote:
>
> > > Hey All,
>
> > > I have to select all my grandchildren of parent div. only the
> > > grandchildren not either of children or great grandchildren.
>
> > >  
> > >     
> > >             
> > >                     > > class="greatgrandchild" > 
> > >                     > > class="greatgrandchild" > 
> > >                      .
> > >                      .
> > >                       .
> > >                      > > class="greatgrandchild" > 
> > >            > > div>
> > >                     > > class="greatgrandchild" > 
> > >                     > > class="greatgrandchild" > 
> > >                      .
> > >                      .
> > >                       .
> > >                      > > class="greatgrandchild" > 
> > >           
> > >         .
> > >         .
> > >         .
> > >         .
> > >          
> > >    
> > > 
>
> > > How can i  achieve this using jquery?
>
> > > Thanks in advance
>
> > > regards,
> > > krish

[jQuery] Insert SWF using JS

[shaf]

Hi Guys

I have some JS that flash cs4 generated when I published my swf. I am
trying to do some AJAX and download the SWF and then insert it into
the page's DIV tag. How can I do this. Code below:

AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/
swflash.cab#version=10,0,0,0',
'width', '873',
'height', '247',
'src', 'banner',
'quality', 'high',
'pluginspage', 'http://www.adobe.com/go/getflashplayer',
'play', 'true',
'loop', 'false',
'scale', 'showall',
'wmode', 'transparent',
'devicefont', 'false',
'id', 'banner',
'name', 'banner',
'menu', 'false',
'allowFullScreen', 'false',
'allowScriptAccess','sameDomain',
'movie', 'banner'
); //end AC code

[jQuery] Re: select all grandchildren of a div

[Krish]

hi amuhlou,

thank you for your quick response.

with the same assumption is there any possibility to get all
grandchildren in the handle property of jquery.


On Jul 23, 12:11 pm, amuhlou  wrote:
> Assuming the grandchildren all have the class="grandchild" attribute,
> you could use the find() method:
>
> $('div.parent').find(".grandchild")
>
> On Jul 23, 3:04 pm, Krish  wrote:
>
> > Hey All,
>
> > I have to select all my grandchildren of parent div. only the
> > grandchildren not either of children or great grandchildren.
>
> >  
> >     
> >             
> >                     > class="greatgrandchild" > 
> >                     > class="greatgrandchild" > 
> >                      .
> >                      .
> >                       .
> >                      > class="greatgrandchild" > 
> >            > div>
> >                     > class="greatgrandchild" > 
> >                     > class="greatgrandchild" > 
> >                      .
> >                      .
> >                       .
> >                      > class="greatgrandchild" > 
> >           
> >         .
> >         .
> >         .
> >         .
> >          
> >    
> > 
>
> > How can i  achieve this using jquery?
>
> > Thanks in advance
>
> > regards,
> > krish

[jQuery] Re: Loop with mouse enter / leave events: help needed !

[deltaf]

The container with the appearing image overlaps the rollover area
halfway.

I determined this with Firebug by changing the div's style to include
"background: red". The answer was very clear then. :)


On Jul 23, 12:40 pm, eelziere  wrote:
> Hi All,
>
> I am very new to jquery.
>
> Here is a small page I made to get familiar with it:
>
> http://www.compu-zen.com/tests/jquery.popup_test.htm
>
> Could anybody explain me the following: when mouse cursor is located
> above the middle of the height of the button image, javascript is
> looping while sending mouseenter and mouseleave events. When the mouse
> cursor is below the middle of the height of the button image, it does
> not happen!
>
> Any idea?
>
> Thanks for your help.
>
> Cheers,
> EE.

[jQuery] [Plugins] New plugin - jqswfupload

[alexanmtz]

Hello everyone,

I would like to announce the jqswfupload plugin:

http://jqswfupload.alexandremagno.net/

The easier way to make a multiple file upload using swfupload. You can
create a complete interface for multiupload files based on Flickr ux
in just one line of code and them make custom settings to controll how
works all the features.

Hope everyone enjoy it!

Alexandre Magno
Interface Developer
http://blog.alexandremagno.net

[jQuery] Re: select all grandchildren of a div

[amuhlou]

Assuming the grandchildren all have the class="grandchild" attribute,
you could use the find() method:

$('div.parent').find(".grandchild")



On Jul 23, 3:04 pm, Krish  wrote:
> Hey All,
>
> I have to select all my grandchildren of parent div. only the
> grandchildren not either of children or great grandchildren.
>
>  
>     
>             
>                     class="greatgrandchild" > 
>                     class="greatgrandchild" > 
>                      .
>                      .
>                       .
>                      class="greatgrandchild" > 
>            div>
>                     class="greatgrandchild" > 
>                     class="greatgrandchild" > 
>                      .
>                      .
>                       .
>                      class="greatgrandchild" > 
>           
>         .
>         .
>         .
>         .
>          
>    
> 
>
> How can i  achieve this using jquery?
>
> Thanks in advance
>
> regards,
> krish

[jQuery] select all grandchildren of a div

[Krish]

Hey All,

I have to select all my grandchildren of parent div. only the
grandchildren not either of children or great grandchildren.

 




 .
 .
  .
 
  


 .
 .
  .
 
  
.
.
.
.
 
   


How can i  achieve this using jquery?

Thanks in advance

regards,
krish

[jQuery] Working with progressbar as a preloader

[shaf]

Hi Guys

I want to use the progress bar on the site first load which will
basically act like the gmail preloader. The aim is to use an AJAX
request which will download the content and the preloader is running
at the frontend. Once the content is downloaded the progressbar is
removed and the content injected into the html page. My question is
how can I code this ?

[jQuery] Re: Adjusting Superfish menu alignment

[Charlie]

you are duplicate loading script  files and also trying to use
$(document).ready in a jQuery.noConflict environment. If not familiar
with noConflict read FAQ's on jQuery site

dgaletar wrote:

  Hello. I love your module! Thank you for developing it.

The issue I am having is that my menu is aligning to the right,
instead of to the left where the normal menu was. I have worked with
the CSS for some time now, but have not been able to figure it out.

I would also like to make the menu colors black text with a
transparent background, and white text with a #333 background on
hover. I could probably figure this one out in the long run, but since
I was asking...

Any help would be GREATLY appreciated!

The web site address is: http://www.gcservices.net/phb-llc/

Thanks,

DG

  

[jQuery] Re: How to append elements with event listener?

[C1412]

Thanks to jukebox42 from jqueryhelp.com. The problem is solved.

"When you create your table row the remove button doesn’t get any
events attached to it since it was created after you declare the
event. a way around this is to use the live() function in jquery
( http://docs.jquery.com/Events/live#typefn ) "

So the remove code should looks like:
$(".removeRow").live("click",function(){
$(this).parents('tr').remove();
return false;
});

And for the add-row function, we don’t need the following code. Just
delete them.
$("#removeRow").live("click",function(){
$(this).parents('tr').remove();
return false;
});

On Jul 23, 9:45 pm, C1412  wrote:
> I tried to append a table row to a table by clicking on a button. And
> inside the table, I put a link so i can click that and remove the row.
> I was using jquery.flydom plugin, by the way.
> The HTML looks like:
> HTML==
> 
>   
>     
>     
>     
>
>      rows="2">
>   
> 
> 
> ===
>
> ==JS===
>         $(document).ready(function(){
>                 $(".removeRow").click(function(){
>                         $(this).parents('tr').remove();
>                         return false;
>                 });
>
>                 $(".add-row").click(function(){
>                         $("#PE_Template tbody").createAppend(
>                                 'tr',{},[
>                                         'th',{},[
>                                                 'a',{className: 'removeRow', 
> href: '#'},[
>                                                         'img',{name: 'Delete 
> this row', src: 'images/12-em-cross.png',
> alt: 'Delete this row'},[],
>                                                 ],
>                                         ],
>                                         'td',{},[
>                                                 'input',{type: 'text', 
> name:'label'},[],
>                                         ],
>                                         'td',{},[
>                                                                 
> 'input',{type: 'text', name:'weightage'},[],
>                                         ],
>                                         'td',{},[
>                                                                 
> 'textarea',{name:'description', cols:'30', rows:'2'},[],
>                                         ],
>                                 ]
>                         );
>                         return false;
>                 });
>         });
> ===
>
> I also tried to append the table row with the non-flydom code:
>
> ==JS===
> $("#PE_Template tbody").append([
>                                 "",
>                                                 ""," href='#'>","",
>                                                 " name='label' value='' />",
>                                                 " name='weightage' value='' />",
>                                                 " name='description' cols='30' rows='2'> textarea>",
>                                 ""
>                         ].join(""));
> ===
>
> But the result is that the rows generated by the JS cannot be removed.
>
> Can someone help me solve the problem?
> Thanks!
>
> C1412

[jQuery] Re: JQUERY ListNav, can't figure how to make it work

[Carina]

Oh, thank you! that worked.

On Jul 23, 9:11 am, Jack Killpatrick  wrote:
> yes (only use one of the listnav js files). That and rename this:
>
> 
>
> to this:
>
> 
>
> - Jack
>
>
>
> keith westberg wrote:
> > It looks like you have the listnav script file loaded three times...
> > this may be causeing it.  Prob only need one of these.
>
> >  > src="/customer/caorsu/customerpages/jquery.listnav-2.0.js">
> >  > src="/customer/caorsu/customerpages/jquery.listnav.pack-2.0.js">
> >  > src="/customer/caorsu/customerpages/jquery.listnav.min-2.0.js">
>
> > Keith
>
> > On Wed, Jul 22, 2009 at 5:20 PM, Carina wrote:
>
> >>http://www.cascade-usa.com/default.aspx?page=customer&file=customer/c...
>
> >> I am trying to do it here but I am not getting the nav at the top, I
> >> am just getting them in the squares. I am not sure what exactly I am
> >> doing wrong.- Hide quoted text -
>
> - Show quoted text -

[jQuery] Re: Trying to Validate a Form

[Jörn Zaefferer]

You've got an error in the second selector, a missing #. Try this:

$("#submit").validate({
   submitHandler: function(form) {
   $(form).ajaxSubmit();
   }
});

Jörn

On Thu, Jul 23, 2009 at 3:22 PM, Nick wrote:
>
> Hi,
>
> I am currently trying to validate a form before sending it with the
> jQuery Form Plugin.
>
> I can get them working but it is always one or the other, I can't get
> them both working.
>
> The code I have so far is below:
>
> 
> $('#submit').ajaxForm(function() {
>        alert("Thank you for your comment!");
> });
> $("submit").validate({
>        submitHandler: function(form) {
>                $(form).ajaxSubmit();
>        }
> })
> 
>
> If possible, could somebody help?
>

[jQuery] Re: switching jquery tabs in code behind(C#)

[MorningZ]

"onclick event" would be:

- in the aspx's code?
- on the client?

if it is in the code, then any running of that postback code is going
to cause a page reload, and consequent defaulting to the first tab by
default

if you want the new page reload to stay on the current tab, then you
would emit some client script (using Page.ClientScript) object to call
the Tabs' event that will switch the tab



On Jul 23, 9:49 am, noorul  wrote:
> I have five div tags(jquery tabs) in my aspx page...Inside the second
> div(tab) i have a button. onclick of that buttton the second div(tab)
> should be switched..instead of that the first tab is coming.. How can
> i switch the tab in code behind(Inside button onclick event)...

[jQuery] Adjusting Superfish menu alignment

[dgaletar]

Hello. I love your module! Thank you for developing it.

The issue I am having is that my menu is aligning to the right,
instead of to the left where the normal menu was. I have worked with
the CSS for some time now, but have not been able to figure it out.

I would also like to make the menu colors black text with a
transparent background, and white text with a #333 background on
hover. I could probably figure this one out in the long run, but since
I was asking...

Any help would be GREATLY appreciated!

The web site address is: http://www.gcservices.net/phb-llc/

Thanks,

DG

[jQuery] Trying to Validate a Form

[Nick]

Hi,

I am currently trying to validate a form before sending it with the
jQuery Form Plugin.

I can get them working but it is always one or the other, I can't get
them both working.

The code I have so far is below:


$('#submit').ajaxForm(function() {
alert("Thank you for your comment!");
});
$("submit").validate({
submitHandler: function(form) {
$(form).ajaxSubmit();
}
})


If possible, could somebody help?

[jQuery] Re: Need to validate Multiple email IDs with Comma Seprated

[Kuo Yang]

You can split the Emails with the comma, and then validate them one by one.


On Thu, Jul 23, 2009 at 9:49 PM, Mohd.Tareq  wrote:

>
> Hi Guys,
>
> Can any one tell me validation ' *Email Validation for multiple emails
> (comma separated)* ' for textarea.
>
> I am writing Regular expression but not able validating the given input
> with comma :(
>
> Please suggest something in JQuery Or Javascript
>
>
> Thanking you
>
>
>Regard
>
> Mohd.Tareque
>
>

[jQuery] switching jquery tabs in code behind(C#)

[noorul]

I have five div tags(jquery tabs) in my aspx page...Inside the second
div(tab) i have a button. onclick of that buttton the second div(tab)
should be switched..instead of that the first tab is coming.. How can
i switch the tab in code behind(Inside button onclick event)...

[jQuery] jQuery Cycle pager with images

[matttr]

Hi,

I am fairly new to both jWuery and jQuery Cycle, but I have managed to
set-up my slideshow using images as the pagers.  The problem is that I
want to be able to indicate which slide is currently being displayed
by toggling the pager image to unique one when it is active.
Essentially what I want to do is achieve the same sort of effect as
the .activeSlide attribute, but using images instead of CSS.  Relevant
code below.

[jQuery] Re: Validation plugin 1.5.5 error in IE6

[Rio]

It would be great if you could post your repacked version for us.

Thanks!

-Mario

[jQuery] Loop with mouse enter / leave events: help needed !

[eelziere]

Hi All,

I am very new to jquery.

Here is a small page I made to get familiar with it:

http://www.compu-zen.com/tests/jquery.popup_test.htm

Could anybody explain me the following: when mouse cursor is located
above the middle of the height of the button image, javascript is
looping while sending mouseenter and mouseleave events. When the mouse
cursor is below the middle of the height of the button image, it does
not happen!

Any idea?

Thanks for your help.

Cheers,
EE.

[jQuery] Re: Combining jQuery Objects

[Kuo Yang]

Do you mean append()  or  appendTo() ?

On Thu, Jul 23, 2009 at 12:17 PM, NeilM  wrote:

>
> Does anyone know if it is possible to join two jQuery objects to make
> a new object.  For example...
>
> var e1 = $("#firstObject");
> var e2 = $("#secondObject");
>
> var combined = e1.add(e2);  // This is the expression I'm looking for
>
> Thanks.
>

[jQuery] How to append elements with event listener?

[C1412]

I tried to append a table row to a table by clicking on a button. And
inside the table, I put a link so i can click that and remove the row.
I was using jquery.flydom plugin, by the way.
The HTML looks like:
HTML==

  




  


===

==JS===
$(document).ready(function(){
$(".removeRow").click(function(){
$(this).parents('tr').remove();
return false;
});

$(".add-row").click(function(){
$("#PE_Template tbody").createAppend(
'tr',{},[
'th',{},[
'a',{className: 'removeRow', 
href: '#'},[
'img',{name: 'Delete 
this row', src: 'images/12-em-cross.png',
alt: 'Delete this row'},[],
],
],
'td',{},[
'input',{type: 'text', 
name:'label'},[],
],
'td',{},[
'input',{type: 
'text', name:'weightage'},[],
],
'td',{},[

'textarea',{name:'description', cols:'30', rows:'2'},[],
],
]
);
return false;
});
});
===

I also tried to append the table row with the non-flydom code:

==JS===
$("#PE_Template tbody").append([
"",
"","","",
"",
"",
"",
""
].join(""));
===

But the result is that the rows generated by the JS cannot be removed.

Can someone help me solve the problem?
Thanks!

C1412

[jQuery] Re: Validation plugin 1.5.5 error in IE6

[Rio]

I found this link: 
http://return-true.com/2008/12/fixing-jquery-validator-plugin-in-internet-explorer-6/

Looks like it's a character set issue.

-Mario



On Jun 29, 4:21 pm, Tristan  wrote:
> The jquery.validate.pack.js file found 
> onhttp://bassistance.de/jquery-plugins/jquery-plugin-validation/causes
> an error when run in IE6.
>

[jQuery] [validate]

[dustin.c]

Hi all,
   I'm using the jQuery validate plugin.  When select boxes don't pass
validation, I want them to to be revalidated onChange.  I don't see an
option for this in the validate() options.  Do I have to add it
manually to the elements onchange attribute?
-Dustin

[jQuery] how to call custom function

[dhana]

I dont know how to call the custom javascript function with arguments

[jQuery] Re: HELP: how to browser cache json request?

[wgordonw1]

Hi James,

I understand that if they return a 304 headers then that means they
are using the cached version...  that is what 304 Not Modified means.
The problem is that there isn't a 304 Not Modified header when a user
visits the page.  That only happens after the json is loaded.  It is
page cached which means that it doesn't get the if-modified-since
headers correct until after the json is requested once the page has
loaded.  This happens every time the page is loaded, not just the
first time.  This is why I want to browser cache the file.  My json
file won't change that often, but it will change and when it does I
want it to be updated.  So for instance if someone visits my page
today I want the json to be cached.  When they come back in a week I
want the if-modified-since headers to be properly assigned to the date
they last visited.  Currently the if-modified-since header would be
set to the default 1970 date each time they initially open the page.
So on both visits, they would download a new copy of the json data
when they first open the page.  I hope that I am clear in my question
now, because it seems that I wasn't at first.

Is this possible?  If so, how?
Thanks in advance!

On Jul 1, 7:28 pm, James  wrote:
> If your requests are returning 304 Not Modified, then it means it's
> using the cached version because the one on the server is not
> different from the one in the cache.
>
> On Jul 1, 1:07 pm, wgordonw1  wrote:
>
>
>
> > bump. is it possible to cache something using the ajax call and only
> > download it using last-modified headers? or is that why nobody ever
> > responded?- Hide quoted text -
>
> - Show quoted text -

[jQuery] Re: Looking for some help converting this to jquery

[sleepwalker]

Eric you rock that's what I'm talking about!! Beautiful code man
thanks so much.
Learning is fun.
Daniel

[jQuery] Re: Make width of inner div equal outer

[Eric Garside]

$('.secondLevel').css('width', $('#header').width());

On Jul 23, 1:16 pm, Paul Collins  wrote:
> Hi all,
> I've got a problem with IE6 and I need to basically find the width of the
> "header" DIV and make the "secondLevel" DIV match it. So, I guess I need to
> target IE6 specifically in the code. Here's what I have:
>
> 
> 
> Home
> 
> About Us
> 
> 
> Overview
> 
> 
> 
> Contact
> 
> 
>
> I'm not sure how to start with the script. I can calculate the width of the
> "header" DIV, but not sure how to force the "secondLevel" one to match it.
>
> alert($("#header").width());
>
> Any help would be fantastic.
> Cheers
> Paul

[jQuery] Make width of inner div equal outer

[Paul Collins]

Hi all,
I've got a problem with IE6 and I need to basically find the width of the
"header" DIV and make the "secondLevel" DIV match it. So, I guess I need to
target IE6 specifically in the code. Here's what I have:



Home

About Us


Overview



Contact



I'm not sure how to start with the script. I can calculate the width of the
"header" DIV, but not sure how to force the "secondLevel" one to match it.

alert($("#header").width());

Any help would be fantastic.
Cheers
Paul

[jQuery] Re: Looking for some help converting this to jquery

[Eric Garside]

function setButtonClass(){
$(':submit,:reset,:button').each(function(){
var el = $(this),
   val = el.val(),
   word = (val.split(/[^A-Z\W]/).length/2) + val.length;

el.addClass(  word >= 12 ? 'mb' : (word > 4 ? 'sb' : (word >
0 ? 'b' : '')) );
})
}

Untested, but give it a shot. Should work fine, so long as you execute
after document.ready.

On Jul 23, 12:38 pm, sleepwalker  wrote:
> Thanks Rob I like your approach and learned a lot. This is why I like
> to post code to see how others attack the same issue. I would still
> like to see how someone would code this using the jquery syntax rather
> then the standard javascript way, so if anyone wants to give it a go
> please do. All us newbies learn a lot from this stuff so thanks again.
>
> Daniel

[jQuery] Re: Looking for some help converting this to jquery

[sleepwalker]

Thanks Rob I like your approach and learned a lot. This is why I like
to post code to see how others attack the same issue. I would still
like to see how someone would code this using the jquery syntax rather
then the standard javascript way, so if anyone wants to give it a go
please do. All us newbies learn a lot from this stuff so thanks again.

Daniel

[jQuery] Re: Toggle Div Based on Value

[Liam Potter]

could you paste the outputted html to jsbin, in the meantime, try this


   $(document).ready(function() {
   $("#chkIncludeRetired").click(function() {
   $('.RelStatus').each(function() {
   var RelStatusValue = $(this).text();
   if (RelStatusValue == 'Retired') {
   $(this).parents("div").toggle();
   }
   })
   });
   });




evanbu...@gmail.com wrote:

I removed some of the server-side code but this is it. thanks


$(document).ready(function() {
$("#chkIncludeRetired").click(function() {
$('#table1 .RelStatus').each(function() {
var RelStatusValue = $(this).text();
if (RelStatusValue == 'Retired') {
$(this).parents("div").toggle();
}
})
});
});





  

Show Retired



" class="IndividualDirectors">
 ()



On Jul 23, 11:46 am, Liam Potter  wrote:
  

I'll need to see your html to see why, but I suspect it's because you
targeted a specific id #table1.RelStatus.



evanbu...@gmail.com wrote:


Very cool.  This is what I have now but it only hides the first div
containing the RelStatus value = 'Retired'
  

$(document).ready(function() {
$("#chkIncludeRetired").click(function() {
$('#table1.RelStatus').each(function() {
var RelStatusValue = $(this).text();
if (RelStatusValue == 'Retired') {
$(this).parents("div").toggle();
}
})
});
});

  
On Jul 23, 10:47 am, Liam Potter  wrote:
  

$("span a").click(function(){
var checkValue = $(this).parents("div").attr("value");

if (checkValue == 'Retired'){

$(this).parents("div").toggle();
}
return false;

});

You will see the parents function, this allows you to traverse up the dom.

evanbu...@gmail.com wrote:


Right, but how do I associate the span tag which contains the value =
'Retired' with the div that contains it?  In other words, I need to
toggle the contents of the entire div and not just the span tag.
Thanks.
  
On Jul 23, 7:41 am, Liam Potter  wrote:
  

use an if statement, "if value == retired, do this"

evanbu...@gmail.com wrote:


Hi
  
I'm not sure how to approach this. I want to toggle each div with a

checkbox or hyperlink which shows/hides every div where the RelStatus
value = 'retired'. I'm able to see the value of each RelStatus value
using the code below.  The id of each div and the RelStatus value of
each span is set server-side. Thanks
  

$(document).ready(function() {
$('#table1 .RelStatus').each(function() {
alert($(this).text());
 });
});

  
" class="IndividualDirectors">

   
- Hide quoted text -
  

- Show quoted text -- Hide quoted text -


- Show quoted text -- Hide quoted text -


- Show quoted text -

[jQuery] Re: JQUERY ListNav, can't figure how to make it work

[Jack Killpatrick]

yes (only use one of the listnav js files). That and rename this:



to this:



- Jack

keith westberg wrote:

It looks like you have the listnav script file loaded three times...
this may be causeing it.  Prob only need one of these.





Keith


On Wed, Jul 22, 2009 at 5:20 PM, Carina wrote:
  

http://www.cascade-usa.com/default.aspx?page=customer&file=customer/caorsu/customerpages/salesflyer.html#

I am trying to do it here but I am not getting the nav at the top, I
am just getting them in the squares. I am not sure what exactly I am
doing wrong.




  

[jQuery] Re: Toggle Div Based on Value

[evanbu...@gmail.com]

I removed some of the server-side code but this is it. thanks


$(document).ready(function() {
$("#chkIncludeRetired").click(function() {
$('#table1 .RelStatus').each(function() {
var RelStatusValue = $(this).text();
if (RelStatusValue == 'Retired') {
$(this).parents("div").toggle();
}
})
});
});





Show Retired

" class="IndividualDirectors">
 ()



On Jul 23, 11:46 am, Liam Potter  wrote:
> I'll need to see your html to see why, but I suspect it's because you
> targeted a specific id #table1.RelStatus.
>
>
>
> evanbu...@gmail.com wrote:
> > Very cool.  This is what I have now but it only hides the first div
> > containing the RelStatus value = 'Retired'
>
> > 
> >     $(document).ready(function() {
> >         $("#chkIncludeRetired").click(function() {
> >             $('#table1.RelStatus').each(function() {
> >                 var RelStatusValue = $(this).text();
> >                 if (RelStatusValue == 'Retired') {
> >                     $(this).parents("div").toggle();
> >                 }
> >             })
> >         });
> >     });
> > 
>
> > On Jul 23, 10:47 am, Liam Potter  wrote:
>
> >> $("span a").click(function(){
> >>         var checkValue = $(this).parents("div").attr("value");
>
> >>         if (checkValue == 'Retired'){
> >>                 $(this).parents("div").toggle();
> >>         }
> >> return false;
>
> >> });
>
> >> You will see the parents function, this allows you to traverse up the dom.
>
> >> evanbu...@gmail.com wrote:
>
> >>> Right, but how do I associate the span tag which contains the value =
> >>> 'Retired' with the div that contains it?  In other words, I need to
> >>> toggle the contents of the entire div and not just the span tag.
> >>> Thanks.
>
> >>> On Jul 23, 7:41 am, Liam Potter  wrote:
>
>  use an if statement, "if value == retired, do this"
>
>  evanbu...@gmail.com wrote:
>
> > Hi
>
> > I'm not sure how to approach this. I want to toggle each div with a
> > checkbox or hyperlink which shows/hides every div where the RelStatus
> > value = 'retired'. I'm able to see the value of each RelStatus value
> > using the code below.  The id of each div and the RelStatus value of
> > each span is set server-side. Thanks
>
> > 
> > $(document).ready(function() {
> > $('#table1 .RelStatus').each(function() {
> >     alert($(this).text());
> >  });
> > });
> > 
>
> > " class="IndividualDirectors">
> >         > ID="lblRelStatus" Text='<%# Eval("RelStatus") %>' Runat="Server"/> > span>
> > - Hide quoted text -
>
>  - Show quoted text -- Hide quoted text -
>
> >> - Show quoted text -- Hide quoted text -
>
> - Show quoted text -

[jQuery] Re: JQUERY ListNav, can't figure how to make it work

[Carina]

Hm, I took two out but it still is looking the same with out the nav
at the top.

On Jul 23, 7:45 am, keith westberg  wrote:
> It looks like you have the listnav script file loaded three times...
> this may be causeing it.  Prob only need one of these.
>
>  src="/customer/caorsu/customerpages/jquery.listnav-2.0.js">
>  src="/customer/caorsu/customerpages/jquery.listnav.pack-2.0.js">
>  src="/customer/caorsu/customerpages/jquery.listnav.min-2.0.js">
>
> Keith
>
>
>
> On Wed, Jul 22, 2009 at 5:20 PM, Carina wrote:
>
> >http://www.cascade-usa.com/default.aspx?page=customer&file=customer/c...
>
> > I am trying to do it here but I am not getting the nav at the top, I
> > am just getting them in the squares. I am not sure what exactly I am
> > doing wrong.- Hide quoted text -
>
> - Show quoted text -

[jQuery] Re: "pause" jQuery.

[Charlie]

pretty sure you'll figure solutions out, perhaps absolute position the
sub nav so it doesn't push page up and down might look better. Or hover
over main nav container to push down the sub nav area, would keep that
area until you move away from nav completely

alexrogahn wrote:

  To explain a little more: When I move from one navigational element to
the next the animation restarts, I was wondering if there was a way I
could stop this happening so that the sub-nav stays down, until I move
off the navigation completely or a navigational element which doesn't
activate the sub-nav. I did manage to achieve this by making two divs
above and below and beside the navigation bar and then setting a
jQuery function like this:
$("#div1, #div2, #nav_off").hover(function() {
		$("#sub_nav").slideUp(200);
		$("#wrap").animate ({ 'marginTop' : '30px' }, 200);
});

However I concluded that it was a little too unsemantic and that there
must be a better way of achieving my goal, if there isn't then I guess
I'm going to have to go with that method.

By the way I've altered the jQuery code so it works with the following
plugin http://blog.threedubmedia.com/2008/08/eventspecialhover.html.
Just so the sub-nav doesn't go off if the user just quickly moves over
the navigation without the intention of actually clicking it.

I've uploaded the site here http://tutshelf.com/TutShelf_Beta/

You can find links to sourcefiles in the source code, but if your lazy
just got to here: http://tutshelf.com/TutShelf_Beta/js/stuff.js and
for the CSS here: http://tutshelf.com/TutShelf_Beta/style.css

I couldn't get the code to work with JSBin, sorry :(



On Jul 23, 1:59 pm, Charlie  wrote:
  
  
idea of "freezing" jQuery not making a lot of sense. What you did to post code is great, however there's an even better way, put it in jsBin. jSBin will include jQuery for you and give a working copy of your code to share, instead of it being in 2 places with no CSS.
Perhaps if you explained the problem as it relates to menu instead of freeze jQuery would help. Other than that will simply hiding the subs instead of timed slideUp help?
alexrogahn wrote:Hi, I created a sub-navigation menu for a site I've been working on and the thing works perfectly in my opinion... well, near perfectly. When I move my mouse from one main navigation link to the other, the .slideUp and .slideDown properties still work, which is annoying because your essentially having to wait to use the sub-navigation again, even if it is only a few milliseconds. I was wondering if there was a way I could "freeze" the jQuery until I moved off the (for lack of a better description) links that activate the sub-nav. Below is links to my code: HTML:http://tinypaste.com/98d643cjQuery:http://tinypaste.com/0b05837

  
  
  

[jQuery] Re: Toggle Div Based on Value

[Liam Potter]

I'll need to see your html to see why, but I suspect it's because you 
targeted a specific id #table1.RelStatus.


evanbu...@gmail.com wrote:

Very cool.  This is what I have now but it only hides the first div
containing the RelStatus value = 'Retired'


$(document).ready(function() {
$("#chkIncludeRetired").click(function() {
$('#table1.RelStatus').each(function() {
var RelStatusValue = $(this).text();
if (RelStatusValue == 'Retired') {
$(this).parents("div").toggle();
}
})
});
});




On Jul 23, 10:47 am, Liam Potter  wrote:
  

$("span a").click(function(){
var checkValue = $(this).parents("div").attr("value");

if (checkValue == 'Retired'){
$(this).parents("div").toggle();
}
return false;

});

You will see the parents function, this allows you to traverse up the dom.



evanbu...@gmail.com wrote:


Right, but how do I associate the span tag which contains the value =
'Retired' with the div that contains it?  In other words, I need to
toggle the contents of the entire div and not just the span tag.
Thanks.
  
On Jul 23, 7:41 am, Liam Potter  wrote:
  

use an if statement, "if value == retired, do this"

evanbu...@gmail.com wrote:


Hi
  
I'm not sure how to approach this. I want to toggle each div with a

checkbox or hyperlink which shows/hides every div where the RelStatus
value = 'retired'. I'm able to see the value of each RelStatus value
using the code below.  The id of each div and the RelStatus value of
each span is set server-side. Thanks
  

$(document).ready(function() {
$('#table1 .RelStatus').each(function() {
alert($(this).text());
 });
});

  
" class="IndividualDirectors">

   
- Hide quoted text -
  

- Show quoted text -- Hide quoted text -


- Show quoted text -

[jQuery] Re: Toggle Div Based on Value

[evanbu...@gmail.com]

Very cool.  This is what I have now but it only hides the first div
containing the RelStatus value = 'Retired'


$(document).ready(function() {
$("#chkIncludeRetired").click(function() {
$('#table1.RelStatus').each(function() {
var RelStatusValue = $(this).text();
if (RelStatusValue == 'Retired') {
$(this).parents("div").toggle();
}
})
});
});




On Jul 23, 10:47 am, Liam Potter  wrote:
> $("span a").click(function(){
>         var checkValue = $(this).parents("div").attr("value");
>
>         if (checkValue == 'Retired'){
>                 $(this).parents("div").toggle();
>         }
> return false;
>
> });
>
> You will see the parents function, this allows you to traverse up the dom.
>
>
>
> evanbu...@gmail.com wrote:
> > Right, but how do I associate the span tag which contains the value =
> > 'Retired' with the div that contains it?  In other words, I need to
> > toggle the contents of the entire div and not just the span tag.
> > Thanks.
>
> > On Jul 23, 7:41 am, Liam Potter  wrote:
>
> >> use an if statement, "if value == retired, do this"
>
> >> evanbu...@gmail.com wrote:
>
> >>> Hi
>
> >>> I'm not sure how to approach this. I want to toggle each div with a
> >>> checkbox or hyperlink which shows/hides every div where the RelStatus
> >>> value = 'retired'. I'm able to see the value of each RelStatus value
> >>> using the code below.  The id of each div and the RelStatus value of
> >>> each span is set server-side. Thanks
>
> >>> 
> >>> $(document).ready(function() {
> >>> $('#table1 .RelStatus').each(function() {
> >>>     alert($(this).text());
> >>>  });
> >>> });
> >>> 
>
> >>> " class="IndividualDirectors">
> >>>         >>> ID="lblRelStatus" Text='<%# Eval("RelStatus") %>' Runat="Server"/> >>> span>
> >>> - Hide quoted text -
>
> >> - Show quoted text -- Hide quoted text -
>
> - Show quoted text -

[jQuery] Re: "pause" jQuery.

[alexrogahn]

Nope, that plugin only does what I've already set up. I've already got
the delay set up. Thanks for the suggestion though ^^

On Jul 23, 3:38 pm, alexrogahn  wrote:
> hmmm ththat's quite interesting as the plugin I'm currently using
> claims to be "better" than hoverIntent. Perhaps it is not :P
>
> On Jul 23, 3:35 pm, jlcox  wrote:
>
>
>
> > Take a look at the hoverIntent plugin. It might do exactly what you
> > need.
>
> >http://cherne.net/brian/resources/jquery.hoverIntent.html

[jQuery] Re: load(), cache and IE8

[LexHair]

Works like a champ!! Thanks so much.

On Jul 23, 9:48 am, MorningZ  wrote:
> Add a random query string parameter onto the url of the .load() call
> (see the code for the AutoComplete plugin for an example)
>
> On Jul 23, 9:37 am, LexHair  wrote:
>
> > I have a table which has an image, an icon and some text in each cell.
> > I can click an icon in the table cell firing a $.get which delinks
> > (deletes) the image from the server. The table is refreshed with a load
> > () call in the callback function. I use the load() call since I'm only
> > interested in loading the table, not the entire page.
>
> > Everything works perfectly in all browsers except IE8. It seems IE8
> > keeps the original table in its cache and when I attempt to refresh it
> > with the load() call, IE8 pulls it from the cache. The file which has
> > been delinked from the server magically remains in the cached version
> > of the table.
>
> > How can I force IE8 to not use the cache on a load() call?
>
> > Thanks in advance.
>
>

[jQuery] Re: Toggle Div Based on Value

[Liam Potter]

$("span a").click(function(){
var checkValue = $(this).parents("div").attr("value");

if (checkValue == 'Retired'){
$(this).parents("div").toggle();
}
return false;
});


You will see the parents function, this allows you to traverse up the dom.



evanbu...@gmail.com wrote:

Right, but how do I associate the span tag which contains the value =
'Retired' with the div that contains it?  In other words, I need to
toggle the contents of the entire div and not just the span tag.
Thanks.

On Jul 23, 7:41 am, Liam Potter  wrote:
  

use an if statement, "if value == retired, do this"



evanbu...@gmail.com wrote:


Hi
  
I'm not sure how to approach this. I want to toggle each div with a

checkbox or hyperlink which shows/hides every div where the RelStatus
value = 'retired'. I'm able to see the value of each RelStatus value
using the code below.  The id of each div and the RelStatus value of
each span is set server-side. Thanks
  

$(document).ready(function() {
$('#table1 .RelStatus').each(function() {
alert($(this).text());
 });
});

  
" class="IndividualDirectors">

   
- Hide quoted text -
  

- Show quoted text -

[jQuery] Re: JQUERY ListNav, can't figure how to make it work

[keith westberg]

It looks like you have the listnav script file loaded three times...
this may be causeing it.  Prob only need one of these.





Keith


On Wed, Jul 22, 2009 at 5:20 PM, Carina wrote:
>
> http://www.cascade-usa.com/default.aspx?page=customer&file=customer/caorsu/customerpages/salesflyer.html#
>
> I am trying to do it here but I am not getting the nav at the top, I
> am just getting them in the squares. I am not sure what exactly I am
> doing wrong.
>

[jQuery] Re: Toggle Div Based on Value

[evanbu...@gmail.com]

Right, but how do I associate the span tag which contains the value =
'Retired' with the div that contains it?  In other words, I need to
toggle the contents of the entire div and not just the span tag.
Thanks.

On Jul 23, 7:41 am, Liam Potter  wrote:
> use an if statement, "if value == retired, do this"
>
>
>
> evanbu...@gmail.com wrote:
> > Hi
>
> > I'm not sure how to approach this. I want to toggle each div with a
> > checkbox or hyperlink which shows/hides every div where the RelStatus
> > value = 'retired'. I'm able to see the value of each RelStatus value
> > using the code below.  The id of each div and the RelStatus value of
> > each span is set server-side. Thanks
>
> > 
> > $(document).ready(function() {
> > $('#table1 .RelStatus').each(function() {
> >     alert($(this).text());
> >  });
> > });
> > 
>
> > " class="IndividualDirectors">
> >         > ID="lblRelStatus" Text='<%# Eval("RelStatus") %>' Runat="Server"/> > span>
> > - Hide quoted text -
>
> - Show quoted text -

[jQuery] Re: "pause" jQuery.

[alexrogahn]

hmmm ththat's quite interesting as the plugin I'm currently using
claims to be "better" than hoverIntent. Perhaps it is not :P

On Jul 23, 3:35 pm, jlcox  wrote:
> Take a look at the hoverIntent plugin. It might do exactly what you
> need.
>
> http://cherne.net/brian/resources/jquery.hoverIntent.html

[jQuery] jquery.dropShadow and IE8

[JEF]

Has any one noticed that the dropshadows dont fade in ie8 they are
just black

[jQuery] Re: "pause" jQuery.

[jlcox]

Take a look at the hoverIntent plugin. It might do exactly what you
need.

http://cherne.net/brian/resources/jquery.hoverIntent.html

[jQuery] Re: jquery autocomplete with dwr

[renearaujo]

sorry... i am beginner :) take it easy ;)

On Jul 23, 2009 11:08am, Ken  wrote:

how to disable firebug.



2009/7/23 reneara...@gmail.com>



Hi!


first: someone know one great (simple and easy) plugin for jquery for  
autocomplete/suggestion ?

second: someone use this plugin with DWR ?




thanks :)




--



--
-
Administrator : Ken Phan
Websmater : www.goldengate.com.vn
Listen to music is free : www.enghe.info
Ajax pagination: www.goldengate.com.vn/pagination



jQuery navigation: www.goldengate.com.vn/navigation
MP3 Ajax Flash webplayer: www.goldengate.com.vn/mp3
Blog me: http://my.opera.com/kenphan19/blog/



--

[jQuery] slide effects not working.

[Sir Rawlins]

Hello Guys,

I've got a couple of div's one of which I'm trying to set a slide
effect on when the other is toggled, both contain a single image. The
code example can be found here http://pastebin.com/m6c3f43a8

Now, the 'expandable' div is hidden when the page loads as I would
expect however clicking on the 'expander' div doesnt appear to trigger
any change in the 'expandable' div, also no JS error is thrown.

Any ideas on this? I'd appreciate it.

Rob

[jQuery] Re: "pause" jQuery.

[alexrogahn]

To explain a little more: When I move from one navigational element to
the next the animation restarts, I was wondering if there was a way I
could stop this happening so that the sub-nav stays down, until I move
off the navigation completely or a navigational element which doesn't
activate the sub-nav. I did manage to achieve this by making two divs
above and below and beside the navigation bar and then setting a
jQuery function like this:
$("#div1, #div2, #nav_off").hover(function() {
$("#sub_nav").slideUp(200);
$("#wrap").animate ({ 'marginTop' : '30px' }, 200);
});

However I concluded that it was a little too unsemantic and that there
must be a better way of achieving my goal, if there isn't then I guess
I'm going to have to go with that method.

By the way I've altered the jQuery code so it works with the following
plugin http://blog.threedubmedia.com/2008/08/eventspecialhover.html.
Just so the sub-nav doesn't go off if the user just quickly moves over
the navigation without the intention of actually clicking it.

I've uploaded the site here http://tutshelf.com/TutShelf_Beta/

You can find links to sourcefiles in the source code, but if your lazy
just got to here: http://tutshelf.com/TutShelf_Beta/js/stuff.js and
for the CSS here: http://tutshelf.com/TutShelf_Beta/style.css

I couldn't get the code to work with JSBin, sorry :(



On Jul 23, 1:59 pm, Charlie  wrote:
> idea of "freezing" jQuery not making a lot of sense. What you did to post 
> code is great, however there's an even better way, put it in jsBin. jSBin 
> will include jQuery for you and give a working copy of your code to share, 
> instead of it being in 2 places with no CSS.
> Perhaps if you explained the problem as it relates to menu instead of freeze 
> jQuery would help. Other than that will simply hiding the subs instead of 
> timed slideUp help?
> alexrogahn wrote:Hi, I created a sub-navigation menu for a site I've been 
> working on and the thing works perfectly in my opinion... well, near 
> perfectly. When I move my mouse from one main navigation link to the other, 
> the .slideUp and .slideDown properties still work, which is annoying because 
> your essentially having to wait to use the sub-navigation again, even if it 
> is only a few milliseconds. I was wondering if there was a way I could 
> "freeze" the jQuery until I moved off the (for lack of a better description) 
> links that activate the sub-nav. Below is links to my code: 
> HTML:http://tinypaste.com/98d643cjQuery:http://tinypaste.com/0b05837

[jQuery] Re: jquery autocomplete with dwr

[Ken]

how to disable firebug.

2009/7/23 

> Hi!
>
> first: someone know one great (simple and easy) plugin for jquery for
> autocomplete/suggestion ?
> second: someone use this plugin with DWR ?
>
>
> thanks :)




-- 
-- 
-
Administrator : Ken Phan
Websmater : www.goldengate.com.vn
Listen to music is free :  www.enghe.info
Ajax pagination: www.goldengate.com.vn/pagination
jQuery navigation: www.goldengate.com.vn/navigation
MP3 Ajax Flash webplayer: www.goldengate.com.vn/mp3
Blog me: http://my.opera.com/kenphan19/blog/
--

[jQuery] jquery autocomplete with dwr

[renearaujo]

Hi!

first: someone know one great (simple and easy) plugin for jquery for  
autocomplete/suggestion ?

second: someone use this plugin with DWR ?


thanks :)

[jQuery] Need to validate Multiple email IDs with Comma Seprated

[Mohd.Tareq]

Hi Guys,

Can any one tell me validation ' *Email Validation for multiple emails
(comma separated)* ' for textarea.

I am writing Regular expression but not able validating the given input with
comma :(

Please suggest something in JQuery Or Javascript


Thanking you


   Regard

Mohd.Tareque

[jQuery] Re: load(), cache and IE8

[MorningZ]

Add a random query string parameter onto the url of the .load() call
(see the code for the AutoComplete plugin for an example)


On Jul 23, 9:37 am, LexHair  wrote:
> I have a table which has an image, an icon and some text in each cell.
> I can click an icon in the table cell firing a $.get which delinks
> (deletes) the image from the server. The table is refreshed with a load
> () call in the callback function. I use the load() call since I'm only
> interested in loading the table, not the entire page.
>
> Everything works perfectly in all browsers except IE8. It seems IE8
> keeps the original table in its cache and when I attempt to refresh it
> with the load() call, IE8 pulls it from the cache. The file which has
> been delinked from the server magically remains in the cached version
> of the table.
>
> How can I force IE8 to not use the cache on a load() call?
>
> Thanks in advance.

[jQuery] load(), cache and IE8

[LexHair]

I have a table which has an image, an icon and some text in each cell.
I can click an icon in the table cell firing a $.get which delinks
(deletes) the image from the server. The table is refreshed with a load
() call in the callback function. I use the load() call since I'm only
interested in loading the table, not the entire page.

Everything works perfectly in all browsers except IE8. It seems IE8
keeps the original table in its cache and when I attempt to refresh it
with the load() call, IE8 pulls it from the cache. The file which has
been delinked from the server magically remains in the cached version
of the table.

How can I force IE8 to not use the cache on a load() call?

Thanks in advance.

[jQuery] Re: Parsing a complicated JSON file with JQUERY !

[MorningZ]

Here's a working version to demonstrate (click on the "Output" tab to
see it run):

http://jsbin.com/emeta/edit

just think of the variable "x" coming from a $.getJSON call

[jQuery] Re: Image display using jquery

[Charlie]

anyone reading this can only guess how your image gallery is
constructed. Can you provide link to demonstrate your problem, and to
see code used?

sintu wrote:

  Hi,
I have a problem in a div displaying number of images and it is
implemented using jquery. This div contains a scrolling option also.
With out any scrolling, when I click on any image at the bottom part
that is not fully visible, then it's popup will display partially now.
But I need an option for displaying this popup  to the top(that means
it will display fully). can you give me a solution for solve this
problem.
Thanks and regards

  

[jQuery] Re: "pause" jQuery.

[Charlie]

idea of "freezing" jQuery not making a lot of sense. What you did to
post code is great, however there's an even better way, put it in
jsBin. jSBin will include jQuery for you and give a working copy of
your code to share, instead of it being in 2 places with no CSS.

Perhaps if you explained the problem as it relates to menu instead of
freeze jQuery would help. Other than that will simply hiding the subs
instead of timed slideUp help?

alexrogahn wrote:

  Hi, I created a sub-navigation menu for a site I've been working on
and the thing works perfectly in my opinion... well, near perfectly.
When I move my mouse from one main navigation link to the other,
the .slideUp and .slideDown properties still work, which is annoying
because your essentially having to wait to use the sub-navigation
again, even if it is only a few milliseconds. I was wondering if there
was a way I could "freeze" the jQuery until I moved off the (for lack
of a better description) links that activate the sub-nav.

Below is links to my code:

HTML: http://tinypaste.com/98d643c
jQuery: http://tinypaste.com/0b05837

  

[jQuery] Re: validate - Change the message language

[Mats Hellman]

Yes. Got it now. Thanks!

On Thu, Jul 23, 2009 at 3:35 PM, Jörn
Zaefferer wrote:
>
> You include the js file for the language of the page. Load no
> additional file for english, and messages_se.js for swedish. There is
> no support to load two locales at once and switch after page load.
>
> You could hack that by putting the swedish properties into a different
> variable, then modifying $.validator.messages at runtime.
>
> Jörn
>
> On Thu, Jul 23, 2009 at 1:25 PM, Mats Hellman wrote:
>>
>> How do I change the language for the messages being displayed ones an
>> error in a form is found?
>> Just as an example, say I have Swedish and English at a site and load
>> validate on both pages. How do I set the language correctly?
>>
>

[jQuery] Re: validate - Change the message language

[Mats Hellman]

so adding

should load the swedish messages instead of the english ones?

And using PHP to check $lang and output nothing for english and the
statement above for swedish should be enough.

On Thu, Jul 23, 2009 at 3:35 PM, Jörn
Zaefferer wrote:
>
> You include the js file for the language of the page. Load no
> additional file for english, and messages_se.js for swedish. There is
> no support to load two locales at once and switch after page load.
>
> You could hack that by putting the swedish properties into a different
> variable, then modifying $.validator.messages at runtime.
>
> Jörn
>
> On Thu, Jul 23, 2009 at 1:25 PM, Mats Hellman wrote:
>>
>> How do I change the language for the messages being displayed ones an
>> error in a form is found?
>> Just as an example, say I have Swedish and English at a site and load
>> validate on both pages. How do I set the language correctly?
>>
>

[jQuery] Re: validate - Change the message language

[Jörn Zaefferer]

You include the js file for the language of the page. Load no
additional file for english, and messages_se.js for swedish. There is
no support to load two locales at once and switch after page load.

You could hack that by putting the swedish properties into a different
variable, then modifying $.validator.messages at runtime.

Jörn

On Thu, Jul 23, 2009 at 1:25 PM, Mats Hellman wrote:
>
> How do I change the language for the messages being displayed ones an
> error in a form is found?
> Just as an example, say I have Swedish and English at a site and load
> validate on both pages. How do I set the language correctly?
>

[jQuery] Re: jquery

[Michael Lawson]

I'm sorry, I really didn't understand what you were asking/telling here.
Also, can you please provide a more concrete example, as well as any code
that will help us figure out your problem?  Thanks

cheers

Michael Lawson
Development Lead, Global Solutions, ibm.com
Phone:  1-276-206-8393
E-mail:  mjlaw...@us.ibm.com

'Whether one believes in a religion or not,
and whether one believes in rebirth or not,
there isn't anyone who doesn't appreciate kindness and compassion..'


   
  From:   rama  
   
  To: "jQuery (English)"   
   
  Date:   07/23/2009 08:26 AM  
   
  Subject:[jQuery] jquery  
   






when i am submitting the form with jquery, it's not checking for the
entire form, it is checking only the first label, that too how many
times i am pressing submit button that many times that error label is
printing how to avoid this, and how to do entire form validationon
submit.



<><>