Re: [jQuery] SlideDown Issue.. help!

[waseem sabjee]

ok heres an HTML structure


 * { /* css reset */
  margin:0;
  padding:0;
 }
 .work { /* this prevents the content from still being shown when you slide
up */
   overflow:hidden;
  }



  slide controller
  
   put a lot of content in here
  


EXPLANATION
1. we have a div wrapper.
2. we create a hyperlink and add the class slidecontrol
3. we create a content div

THE SCRIPT


// you can use this instead of $(document).ready(
 $(function() {
  var obj = $(". work"): // we store our wrapper in a variable
  var slidecontrol = $(".slidecontrol", obj); // we select our slide
controller from within the wrapper
  var content = $(".content", obj); // select the content from within the
object;
  var switcher = 0;
  slidecontrol.click(function(e) { // i added a pre-defined variable e in
the click event, this is defined in jquery
e.preventDefault();  // prevents jumping to the top of the page
if(switcher  == 0) { // if switch = 0 slide up
  content.animate({ marginTop:"-"+content.height()+"px"}, 500);
} else if(switcher  == 1) { // if switch = 1 slide down
  content.animate({ marginTop:0}, 500);
}
  });
 });


On Mon, Jan 18, 2010 at 12:10 PM, for...@gmail.com  wrote:

> I am new to jQuery but am using it to SlideDown a DIV element when the
> a:link is clicked.
>
> However, no matter what link i click on the page, it slides down the
> div, it's as if the script has taken over every link on the page.
>
> Here is the code:
>
> http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/
> jquery.min.js">
>
>$(document).ready(function () {
>var $div = $('#alias-box');
>var height = $div.height();
>$div.hide().css({ height : 0 });
>
>$('a').click(function () {
>if ($div.is(':visible')) {
>$div.animate({ height: 0 }, { duration: 250, complete:
> function () {
>$div.hide();
>} });
>} else {
>$div.show().animate({ height : height }, { duration:
> 250 });
>}
>
>return false;
>});
>});
>
>
> html:
>
> Custom Alias
>  type="text" />
>
> so clicking Custom Alias, drops the 'alias-box' div.
>
> But even when i click other links such as:
>
> Contact
>
> it ignores going to contact.php and displays the div.
>
> Any ideas how to fix this?
>

Re: [jQuery] Real time AJAX

[waseem sabjee]

I'm guessing you mean like on google wave.

ok.
AJAX would mean passing data to a file and returning a response to the user
without refreshing the page the user is on.

you could say what you want falls sort of under JavaScript animation

say you have something like this.

My test th at can be edited
My test th at can be edited

the above is you HTML markup.
the text area is hidden and the label is shown.
when the user clicks the label you would hide the label and show the text
area. as well as focus on the textarea.
when the users blurs from the text are or presses enter you hide the text
are and show the label. however you update the label text.

var obj = $(".editable");
var lbl = obj.next();
lbl.click(function() {
 lbl.hide();
 obj.show();
 obj.focus();
});

obj.blur(function() {
 lbl.text(obj.text());
 obj.hide();
 lbl.show()l;
});

obj.keypress(function(e) {
 if(e.which == 13) {
 lbl.text(obj.text());
 obj.hide();
 lbl.show()l;
 }
});

On Sat, Jan 16, 2010 at 7:45 AM, Izad CM  wrote:

> Hi guys. I'm a jQuery newbie and naturally I have a question. :)
>
> What's the best way to do real-time AJAX calls? I'm developing a web
> app that has a functionality which is somewhat similar to Google
> Wave's "real-time blip editing feature". Well, you know that thing
> where we can see the blip being edited by someone else in real-time?
> That's the thing I'm referring to.
>
> What's the best way to do that? One think that I can think of is to do
> periodic ajax calls using setTimeout() or setInterval(), but I'm not
> sure if that's the standard way of doing this. Can someone point me in
> the right direction? Thanks.
>
>

Re: [jQuery] Selecting each instance separately

[waseem sabjee]

var obj = $("ul");
obj.each(function(i) {
 var items = $("li", obj);
 items.each(function(i) {
 if(i < 3) {
  items.eq(i).show();
 } else {
   items.eq(i).hide();
 }
 });
});

On Sat, Jan 16, 2010 at 12:16 PM, alexander  wrote:

> Hello everyone,
> I've spent 2 hours with this already and I think I must be dumb or
> blind since I can't find any hint online.
>
> I've got a couple of galleries as a  in one page
> 
> 
> 
> ...
> ...
> ..
> 
>
> 
> 
> 
> ...
> ...
> ..
> 
>
> etc.etc.
>
> For EACH of the s SEPARATELY I need to show only 3 s and hide
> the rest .
>
> I tried
> $(".gallery li:gt(2)").hide();
> The result is that only first 3 s are shown and only in first
> gallery. The rest is hidden.
> I am looking for something like
> $(".gallery:each li:gt(2)").hide();
>
> What am I missing ? :)
>
> thanks for ideas.
> Alexander
>

Re: [jQuery] Having hard time with customizing scroll bars

[waseem sabjee]

the styling scroll bars of a browser is not cross-browser

however there are content scroller plugins out their that mimic the
functionality of a browser scrollbar. these are cross-browser.

On Sat, Jan 16, 2010 at 1:03 PM, swfobject_fan  wrote:

> Hi,
>
> I'm having a hard time customizing scroll bars for panels and drop
> downs. It works in some browsers and it doesn't in some.
> Is there a jQuery feature/plugin that help me color/beautify the
> scroll bars across all browsers? Please help.
>

Re: [jQuery] jHtmlArea problems with - script generated width

[waseem sabjee]

Hi,
according to css rules if you use display inline you cannot specify a width
as it is now and in-line element.

you may only specify widths for block-level elements that do not have
display inline as a style

a solution to your problem with be floating

EXAMPLE instead of display inline use this.
remember when u had display inline you did not need to specify width. here
you do.

.item {
float:left;
}
.clear {
clear:left;
height:0;
}
ul {
width:100%;
]
.one {
width:20%;

}
.two {
width:30%;
}
.three {
width:50%;
}

 one
 two
 three
 


On Sat, Jan 16, 2010 at 1:51 AM, roxstyle  wrote:

> in this sample page, if you click on the first "Short Bio" - right
> sided "edit" link, there is where the jHtmlArea is placed
>
> http://www.roxstyle.com/projects/blssi/cms/de-tool-v3/p-bio.html#
>
> the problem is that in firebug i can see the first style is
>
> element.style {
> width:0;
> }
>
> i have tried putting a width - inline on the parent "span" and in the
> css for the textarea itself, but the
>  is generated and i can't
> figure out where in the js this happens.
>
> i would appreciate any help, or if this is not the right place to post
> this question, please let me know where i should post it.
>

Re: [jQuery] ZIP with JQeury

[waseem sabjee]

This is usually handled by server side script like ASP or PHP as you have to
work with either the users file system or your FTP.
So my answer would be No.

if there is a solution I would like to know it.

On Fri, Jan 15, 2010 at 1:46 PM, mind01  wrote:

> Hey there,
>
> Is there any solution to make a ZIP file with JQuery or something?
>
> Greetz
>

Re: [jQuery] checking if jquery loaded

[waseem sabjee]

if(jQuery) {
 // jquery is loaded
}
if($) {
 // jquery is loaded
}

or
if (jQuery != null) {
 // jquery is loaded
}
if ($ != null) {
 // jquery is loaded
}

On Thu, Jan 14, 2010 at 11:30 PM, zendog74  wrote:

> I am trying to only load jquery and jqueryui if they do not already
> exist. If they do exist, then I load a bunch of plug-ins used by the
> app. However, the below is not working and I have no idea why. Can
> anyone provide some insight?
>
> if (typeof jQuery == 'undefined') {
>console.log("loading local jquery files");
>
>var head = document.getElementsByTagName("head")[0];
>var script = document.createElement("script");
>script.type = "text/javascript";
>script.src = "/cml/js/jquery.min.js";
>script.onload = loadPlugins();
>head.appendChild(script);
>var script2 = document.createElement("script");
>script2.type = "text/javascript";
>script2.src = "/cml/js/jquery-ui.min.js";
>head.appendChild(script2);
>}
>
>function loadPlugins(){
>if(typeof jQuery != 'undefined'){
>console.log("jquery is defined");
>
>jQuery.noConflict();
>
>//load the plugins
>if(!jQuery().maxlength){
>jQuery("head").append(' type="text/javascript" src="<
> %=response.encodeURL(cntxPath + "/js/jquery.maxlength-min.js")%>"> scr' + 'ipt>');
>console.log("loaded maxlength plugin");
>}
>
>if(!jQuery().address){
>jQuery("head").append(' type="text/javascript" src="<
> %=response.encodeURL(cntxPath + "/js/jquery.address-1.1.min.js")%>"> scr' + 'ipt>');
>console.log("loaded address plugin");
>}
>
>if(!jQuery().delay){
>jQuery("head").append(' type="text/javascript" src="<
> %=response.encodeURL(cntxPath + "/js/jquery.delay.js")%>"> 'ipt>');
>console.log("loaded delay plugin");
>}
>
>if(!jQuery().ajaxSubmit){
>jQuery("head").append(' type="text/javascript" src="<
> %=response.encodeURL(cntxPath + "/js/jquery.form.js")%>"> 'ipt>');
>console.log("loaded form plugin");
>}
>
>
> Thanks everyone.
>

Re: [jQuery] Re: Animate or ToggleClass

[waseem sabjee]

heres our HTML & CSS

we have 9 divs. the first three are shown and other 6 are hidden.


* {
margin:0;
padding:0;
}
. block {
float:left;
width:32%; // 3 blocks per row. less 1% for IE
height:200px; // height is good to have...but required for IE
border:1px solid #000; // thin black border
}
.end {
clear:left; // clear float
height:0; // no weird space
}
. expand {
 width:100%;
 text-align:left;
}


 
  
Block Content Here
  
  
Block Content Here
  
  
Block Content Here
  
 
  


  class="expander">+



  
Block Content Here
  
  
Block Content Here
  
  
Block Content Here
  
 
  

  
  
Block Content Here
  
  
Block Content Here
  
  
Block Content Here
  
 
  



heres our script


 var $w = jQuery.noConflict(); // prevent any possible conflicts
 $w(function() {
  var obj = $w(". container"); // obj reference point
  var rows = $w(". rowwrap", obj); // row reference point
  rows.slideUp(0);
  rows.eq(0).slideDown(0);
  var expander = $(".expander", obj);
  var switcher = 0;
  expander.click(function(e) {
   e.preventDefault();
   if(switcher == 0) {
   rows.eq(1).slideDown(500);
   rows.eq(2).slideDown(500);
   expander.text("-");
   switcher = 1;
   } else if(switcher == 1) {
   rows.eq(1).slideUp(500);
   rows.eq(2).slideUp(500);
   expander.text("+");
   switcher  = 0;
   }
  });
 });


On Sun, Jan 3, 2010 at 10:28 PM, John Sanabria wrote:

> Waseem, again thank you for your help.
>
> Now, this is what I'm trying to do. (I'm adding a couple of screenshots for
> further detail)
>
> First image:
>
>  As you can see, I have a unordered list with an id of "filter" that
> *filters* the items of the also unordered list with an id of portafolio. The
> filtering works by adding a class of "current" to the items that are visible
> (and match the category you're clicking, eg web, print, etc) and a hidden
> class (witha a display:none) to the ones that are hidden.
>
> The div with an class of portfolioclip is the container of the portfolio
> items and it initially displays ONLY the first three items, regardless if
> the number of items made visible by the filtering script is higher. The
> .portfolioclip has a height of 225px and overflow:hidden.
>
> So when one clicks in the plus button (#portfolio-morelink) I want the
> container's height to grow automatically to show all the visible items, as
> you can see in the next image. I've sort of accomplished this toggling the
> class of the container with jQuery to .portfoliofull (height:100%) and a
> 2000 ms duration so it slides smoothly when it grows.
>
>
> $s('.portfolioclip').toggleClass('portfoliofull', 2000);
>  return false;
>   });
>
> The problem, as I stated in the first post, is that Internet Explorer
> doesn't pick the duration value and it expands/contracts the div very
> harshly, no smooth animation.
>
> I've read I can do this with toggling the initial height (232px) with the
> final height (auto) but I don't understand how to state the initial height
> is different than 0. So it goes from 232px to 0 which is not what I want.
>
> Also I tried with animating the height without the toggling and it works
> fine except it only works once cause since there is no toggling, the div
> doesn't return to its previous state.
>
> I hope I've explained myself. If not, please tell me what more info do you
> need and I will answer. Again, thank you very much.
>
> PD: The link, once more, is http://invitro.vegasoftweb.com/es/
>

Re: [jQuery] Re: Animate or ToggleClass

[waseem sabjee]

Hi,
I can do your solution here no problem.
I am still at work for now. will be done in about an hour then I can work on
your small project :)

tell me exactly what type of animation you want.

slide fade...slide bounce...slide elastic etc.

On Sun, Jan 3, 2010 at 10:28 PM, John Sanabria wrote:

> Waseem, again thank you for your help.
>
> Now, this is what I'm trying to do. (I'm adding a couple of screenshots for
> further detail)
>
> First image:
>
>  As you can see, I have a unordered list with an id of "filter" that
> *filters* the items of the also unordered list with an id of portafolio. The
> filtering works by adding a class of "current" to the items that are visible
> (and match the category you're clicking, eg web, print, etc) and a hidden
> class (witha a display:none) to the ones that are hidden.
>
> The div with an class of portfolioclip is the container of the portfolio
> items and it initially displays ONLY the first three items, regardless if
> the number of items made visible by the filtering script is higher. The
> .portfolioclip has a height of 225px and overflow:hidden.
>
> So when one clicks in the plus button (#portfolio-morelink) I want the
> container's height to grow automatically to show all the visible items, as
> you can see in the next image. I've sort of accomplished this toggling the
> class of the container with jQuery to .portfoliofull (height:100%) and a
> 2000 ms duration so it slides smoothly when it grows.
>
>
> $s('.portfolioclip').toggleClass('portfoliofull', 2000);
>  return false;
>   });
>
> The problem, as I stated in the first post, is that Internet Explorer
> doesn't pick the duration value and it expands/contracts the div very
> harshly, no smooth animation.
>
> I've read I can do this with toggling the initial height (232px) with the
> final height (auto) but I don't understand how to state the initial height
> is different than 0. So it goes from 232px to 0 which is not what I want.
>
> Also I tried with animating the height without the toggling and it works
> fine except it only works once cause since there is no toggling, the div
> doesn't return to its previous state.
>
> I hope I've explained myself. If not, please tell me what more info do you
> need and I will answer. Again, thank you very much.
>
> PD: The link, once more, is http://invitro.vegasoftweb.com/es/
>

Re: [jQuery] Re: Animate or ToggleClass

[waseem sabjee]

Hi, yes that does seem like a script errors.I will get back to you later on.
it's 10:27 AM here So i am still at work.

On Sun, Jan 3, 2010 at 10:28 PM, John Sanabria wrote:

> Waseem, again thank you for your help.
>
> Now, this is what I'm trying to do. (I'm adding a couple of screenshots for
> further detail)
>
> First image:
>
>  As you can see, I have a unordered list with an id of "filter" that
> *filters* the items of the also unordered list with an id of portafolio. The
> filtering works by adding a class of "current" to the items that are visible
> (and match the category you're clicking, eg web, print, etc) and a hidden
> class (witha a display:none) to the ones that are hidden.
>
> The div with an class of portfolioclip is the container of the portfolio
> items and it initially displays ONLY the first three items, regardless if
> the number of items made visible by the filtering script is higher. The
> .portfolioclip has a height of 225px and overflow:hidden.
>
> So when one clicks in the plus button (#portfolio-morelink) I want the
> container's height to grow automatically to show all the visible items, as
> you can see in the next image. I've sort of accomplished this toggling the
> class of the container with jQuery to .portfoliofull (height:100%) and a
> 2000 ms duration so it slides smoothly when it grows.
>
>
> $s('.portfolioclip').toggleClass('portfoliofull', 2000);
>  return false;
>   });
>
> The problem, as I stated in the first post, is that Internet Explorer
> doesn't pick the duration value and it expands/contracts the div very
> harshly, no smooth animation.
>
> I've read I can do this with toggling the initial height (232px) with the
> final height (auto) but I don't understand how to state the initial height
> is different than 0. So it goes from 232px to 0 which is not what I want.
>
> Also I tried with animating the height without the toggling and it works
> fine except it only works once cause since there is no toggling, the div
> doesn't return to its previous state.
>
> I hope I've explained myself. If not, please tell me what more info do you
> need and I will answer. Again, thank you very much.
>
> PD: The link, once more, is http://invitro.vegasoftweb.com/es/
>

Re: [jQuery] Re: How to check whether an element is bound to an event or not?

[waseem sabjee]

on certain versions of IE i had issues where the .live() function just
didn't work. no click events at all were firing only on IE. not sure if this
has been fixed.

On Sun, Jan 3, 2010 at 9:23 AM, Md. Ali Ahsan Rana wrote:

> Hi,
>  Thanks for your reply. It helped me a lot.
>
> Regards
>

Re: [jQuery] Re: Animate or ToggleClass

[waseem sabjee]

Ok, what I gave you was a simple example.

Lets analyse a little more and lets see what you want exactly.

1. you want a list of parent items with + signs before them.
2. when these parent items are clicked you want your content to slide fade
down or slide fade up depending on their current state
3. you say you have a small script that does filtering. could you show me
the HTML output of this script So i could help you integrate it easier.
4. theres many ways to skin a cat :) they may not all be pretty but they
still work. I will. show you my way after you read through this list and
responded.

On Sun, Jan 3, 2010 at 5:37 AM, Once  wrote:

> Waseem, thanks for your answers. I tried to implement what you
> suggested but it seems the script only hides and show
> the .extendedcontent container. Since the portfolio also has a small
> script that filters the item depending on the category (web, print,
> branding), all the items have to be in the same div, so putting some
> in one div and the others in the hidden .extendencontent would break
> the filtering... If you take a look, you can see what I mean
> http://invitro.vegasoftweb.com/es/ under Proyectos Recientes.
>
> I believe there is a way to toggle the height and animate the effect
> with a starting height, so it goes from that specific height to a full
> height, thus showing the first three items to the total nine. I just
> don't know how to write the code to do that since I couldn't find
> where to put a starting height value for that...
>
> On 2 ene, 17:49, waseem sabjee  wrote:
> > lets say I have this HTML & CSS markup
> > . extendcontent {
> > display:none;
> >
> > }
> >
> > 
> > +Click to
> > extend
> > 
> > // all your extend content goes here
> > 
> > This is div #1 of extended content
> > 
> > 
> > This is div #2 of extended content
> > 
> > 
> > This is div #3 of extended content
> > 
> > 
> > 
> >
> > now heres the script
> >
> > var $s = jQuery.noConflict();
> > $s(function() {
> >  var obj_extend = $s(". extender");
> >  var btn_extend = $s(". extend", obj_extend);
> >  btn_extend .click(function(e) {
> >   e.preventDefault();
> >   btn_extend.next().show();
> >  });
> >
> >
> >
> > });
> > On Sat, Jan 2, 2010 at 9:38 PM, Once  wrote:
> > > Hi. I'm new to jQuery and ran into this dilemma. In the portfolio
> > > section of my homepage (http://invitro.vegasoftweb.com/es/). I have
> > > a div with 9 items but only 3 are showing, the other 6 are hidden by
> > > another div that has a fixed height and thus clip them. I am trying to
> > > implement a soft transition when a "+" button is clicked and the
> > > hidden 6 are visible.
> >
> > > I tried this two ways:
> >
> > > 1. Toggling classes between the clipdiv and the fulldiv and adding a
> > > duration value for toggleClass. However the transition doesn't work in
> > > IE
> >
> > >var $s = jQuery.noConflict();
> > >$s(document).ready(function() {
> > > $s('a#portfolio-morelink').click(function() {
> > > $s('.portfolioclip').toggleClass('portfoliofull',
> 2000);
> > > return false;
> > >  });
> >
> > > 2. trying the "Animate - toggle height" but I can't get it to work
> > > with a starting height so it goes from showing the 3 items to not
> > > showing anything, instead of opening and revealing the hidden 6.
> >
> > > var $s = jQuery.noConflict();
> > >$s(document).ready(function() {
> > >  $s('a#portfolio-morelink').click(function() {
> > > $s('.portfolioclip').animate({height: auto});
> > > return false;
> > >  });
> >
> > > Also, tried the "Animate height" and it does work but it doesn't
> > > toggle, meaning you can only do it once and it won't return to
> > > smaller.
> >
> > > var $s = jQuery.noConflict();
> > >$s(document).ready(function() {
> > >  $s('a#portfolio-morelink').click(function() {
> > > $s('.portfolioclip').animate({height:"toggle"}, 5000);
> > > return false;
> > >  });
> >
> > > Any help would be highly appreciated. Thanks!
>

Re: [jQuery] Animate or ToggleClass

[waseem sabjee]

lets say I have this HTML & CSS markup
. extendcontent {
display:none;
}


+Click to
extend

// all your extend content goes here

This is div #1 of extended content


This is div #2 of extended content


This is div #3 of extended content





now heres the script

var $s = jQuery.noConflict();
$s(function() {
 var obj_extend = $s(". extender");
 var btn_extend = $s(". extend", obj_extend);
 btn_extend .click(function(e) {
  e.preventDefault();
  btn_extend.next().show();
 });
});
On Sat, Jan 2, 2010 at 9:38 PM, Once  wrote:

> Hi. I'm new to jQuery and ran into this dilemma. In the portfolio
> section of my homepage ( http://invitro.vegasoftweb.com/es/ ). I have
> a div with 9 items but only 3 are showing, the other 6 are hidden by
> another div that has a fixed height and thus clip them. I am trying to
> implement a soft transition when a "+" button is clicked and the
> hidden 6 are visible.
>
> I tried this two ways:
>
> 1. Toggling classes between the clipdiv and the fulldiv and adding a
> duration value for toggleClass. However the transition doesn't work in
> IE
>
>var $s = jQuery.noConflict();
>$s(document).ready(function() {
> $s('a#portfolio-morelink').click(function() {
> $s('.portfolioclip').toggleClass('portfoliofull', 2000);
> return false;
>  });
>
>
> 2. trying the "Animate - toggle height" but I can't get it to work
> with a starting height so it goes from showing the 3 items to not
> showing anything, instead of opening and revealing the hidden 6.
>
> var $s = jQuery.noConflict();
>$s(document).ready(function() {
>  $s('a#portfolio-morelink').click(function() {
> $s('.portfolioclip').animate({height: auto});
> return false;
>  });
>
> Also, tried the "Animate height" and it does work but it doesn't
> toggle, meaning you can only do it once and it won't return to
> smaller.
>
> var $s = jQuery.noConflict();
>$s(document).ready(function() {
>  $s('a#portfolio-morelink').click(function() {
> $s('.portfolioclip').animate({height:"toggle"}, 5000);
> return false;
>  });
>
> Any help would be highly appreciated. Thanks!
>

Re: [jQuery] How to check whether an element is bound to an event or not?

[waseem sabjee]

usually when I bind a click event I do this.
unbind before bind

$(elm).unbind('click');
$(elm).bind("click", function() {

});

may be a modification like this

if(!$(elm).unbind('click')) {
   $(elm).bind("click", function() {
 alert("This element was only bound if it was not bound");
   });
}

On Sat, Jan 2, 2010 at 7:28 PM, ranacseruet  wrote:

> I need to check whether an element is bound to an event or not. How to
> achieve this?
>
>

Re: [jQuery] Autocomplete

[waseem sabjee]

i would suggest you check out jQuery UI

On Sat, Jan 2, 2010 at 9:35 PM, AndrewM  wrote:

> Hi,
>
> I am new to jQuery and have 2 questions:
>
> I am using the bassistance.de jQuery plug-in.
>
> 1.  For speed I have created my Array of data to be searched client
> side in a .js file as I have 25k + items.  In Firefox and IE8 the auto
> prompt is very fast - however in for some clients it is not - for
> example some using IE7. How can I speed up the load process?
>
> 2.  My data can have multiple words for one entry that must be
> separated by a comma.
> For example: array [ "Item 1", "Item 2", "Item, value3"... ];
>
> When my clients type in the autocomplete field I need the comma to be
> ignored, so for example:
>
> If they type 'Item va' I need 'Item, value3' to be returned in the
> autocomplete prompt list.  At the moment clients have to type 'Item,
> va' to see 'Item, value3' in the autocomplete prompt list.  How can I
> handle this.
>
> Thanks for your help.
>
> Andrew
>

Re: [jQuery]

[waseem sabjee]

go to google groups homepage to unsubscribe.

On Mon, Dec 14, 2009 at 7:32 PM, Lord Gustavo Miguel Angel <
goosfanc...@gmail.com> wrote:

> unsuscribe
>

Re: [jQuery] content slider like www.metalabdesign.com

[waseem sabjee]

each menu item on the left has a corresponding div tag.
all but the first one is hidden.

you can use slideUp and slideDown to switch between them.
it will produce that same effect.

its just a vertical tabber :)

On Sun, Dec 6, 2009 at 5:00 PM, felicita  wrote:

> Hi;
> I want to insert my content in a box like this page
>  www.metalabdesign.com
> What is the jquery plugin for this?
> Thanks in advance
>

Re: [jQuery] Re: Why mootools animations is more smooth than jquery?

[waseem sabjee]

test with the minified version :)

On Sat, Dec 5, 2009 at 2:22 PM, Acaz Souza  wrote:

> Hi everyone, i will do some tests with this librarys, i will elevate
> the CPU usage and tests in the major browsers.
>
> On 5 dez, 09:57, waseem sabjee  wrote:
> > to be honest no library is 100% efficient.
> > its like a template that anyone can download. what counts as what you do
> > with it and if suits your needs.
> >
> > in some cases you would create your very own template if nothing suits
> your
> > needs.
> >
> > so if you require 100% smoothness in everything you would require only
> the
> > pieces of scripts that you are using and nothing more.
> >
> > regardless of the library you choose code that you do not use will always
> > exist.
> > say if you find a js lib where each function is its' own file. it would
> > be efficient as you include only what you need. however it would take
> longer
> > for all your scripts to load as the user would have to download each one.
> >
> > unfortunately i cannot fully answer your questions.
> >
> >
> >
> > On Sat, Dec 5, 2009 at 1:00 PM, Acaz Souza  wrote:
> > > Hi everyone, i´m from brazilian, my english is too bad. Sorry for bad
> > > questions.
> >
> > > But, ok ok, This depends on the computer hardware, engine of the
> > > browser, how the plugin is written and more...
> >
> > > But, another question, The algorithm of animation that has been made
> > > in jquery to give the best quality in this regard?
> >
> > > I want to say this, the jquery it was done with lower quality
> > > animation to preserve the other strengths? (Or Not?)
> >
> > > Because i have a project to build, and smoothing is very important to
> > > me. I like jquery, but sometimes i see mootools more smooth than
> > > jquery.
> >
> > > And the other animations frameworks, anyone know if they are better in
> > > this point?
> >
> > > On 5 dez, 01:04, Dave Methvin  wrote:
> > > > > ok, I've used some code I had lying around and put dummy content in
> > > there:http://www.tnt.be/bugs/jquery/moovsjquery/
> >
> > > > > I actually don't really see a difference on my Ubuntu box (using FF
> > > > > 3.6b4), but there's a huge difference on a colleague's G4 (OS X
> 10.4,
> > > > > Firefox 3.5.5), so try to find a slow computer to test this on.
> >
> > > > Jonathan, thanks for doing the demo. Pretty nice demo, by the way!
> >
> > > > I tried it on my system, but it's a fast Dell notebook running
> Windows
> > > > 7. The demo ran smoothly on Firefox 3.5, IE8, Opera 10, and Chrome 3.
>

Re: [jQuery] Re: Why mootools animations is more smooth than jquery?

[waseem sabjee]

to be honest no library is 100% efficient.
its like a template that anyone can download. what counts as what you do
with it and if suits your needs.

in some cases you would create your very own template if nothing suits your
needs.

so if you require 100% smoothness in everything you would require only the
pieces of scripts that you are using and nothing more.

regardless of the library you choose code that you do not use will always
exist.
say if you find a js lib where each function is its' own file. it would
be efficient as you include only what you need. however it would take longer
for all your scripts to load as the user would have to download each one.

unfortunately i cannot fully answer your questions.



On Sat, Dec 5, 2009 at 1:00 PM, Acaz Souza  wrote:

> Hi everyone, i´m from brazilian, my english is too bad. Sorry for bad
> questions.
>
> But, ok ok, This depends on the computer hardware, engine of the
> browser, how the plugin is written and more...
>
> But, another question, The algorithm of animation that has been made
> in jquery to give the best quality in this regard?
>
> I want to say this, the jquery it was done with lower quality
> animation to preserve the other strengths? (Or Not?)
>
> Because i have a project to build, and smoothing is very important to
> me. I like jquery, but sometimes i see mootools more smooth than
> jquery.
>
> And the other animations frameworks, anyone know if they are better in
> this point?
>
> On 5 dez, 01:04, Dave Methvin  wrote:
> > > ok, I've used some code I had lying around and put dummy content in
> there:http://www.tnt.be/bugs/jquery/moovsjquery/
> >
> > > I actually don't really see a difference on my Ubuntu box (using FF
> > > 3.6b4), but there's a huge difference on a colleague's G4 (OS X 10.4,
> > > Firefox 3.5.5), so try to find a slow computer to test this on.
> >
> > Jonathan, thanks for doing the demo. Pretty nice demo, by the way!
> >
> > I tried it on my system, but it's a fast Dell notebook running Windows
> > 7. The demo ran smoothly on Firefox 3.5, IE8, Opera 10, and Chrome 3.
>

Re: [jQuery] plugin namespace

[waseem sabjee]

including it on every page seems troublesome and hard to maintain.
if you using PHP or ASP you can create your own "Master Page" and include
there once. and load your other pages in as they are needed.

my suggestion to you in converting to a CMS
then you can include your script in only one file and all other pages will
read it.

check this.
the standard way of using jQuery

1.

$(function() {
 var h = $("body');
h.hide();
});


2. may be try this way

var $namespace = jQuery.noConflict();

$namespace(function() {
 var h = $namespace("body"):
 h.hide();
});

On Fri, Dec 4, 2009 at 7:10 PM, ben2233  wrote:

> The website I'm working with has jQuery and the jQuery Form plugin
> (jquery.form.js) included on every page (it can be used with the
> syntax "$j").  However, they are using a newer version of jQuery with
> an older version of the Form plugin... and this causes some errors.
> So, I would like to include my own version of the Form plugin.  It has
> been recommended that I put the plugin into a different namespace, but
> I am not familiar with namespaces in JavaScript.  After researching a
> little on the internet, it seems like everyone has a different way of
> implementing namespaces, and I don't know what works with jQuery.
>
> So, how can I create the plugin in a separate namespace and use it in
> my code?
>
> -Ben
>

Re: [jQuery] Re: parsing big JSON file

[waseem sabjee]

if the user has to upload the file to you, you read it, edit and then save
it and promt the user to download it - i would say thats an effecient
process...until you deal with a huge file.

is the user uploading the file to you the only method you are willing to use
to retreive the data ?

if you know how to build windows or linux applications you could use that so
the user sends the data directly.
this could redice bandwidth usage.

On Tue, Dec 1, 2009 at 4:37 PM, km  wrote:

> well i got it.
> On the server side, I can open the json file (100MB)  and read the data
> structure directly into python and process required fields;  - then return
> them to the client. but 1) persistence ? - does the 100MB file be loaded in
> memory always ? or 2) loaded multiple times based on request ?
> so is there a memory efficient way of reading big json files ?
>
> thanks,
> Krishna
>
>
> On Tue, Dec 1, 2009 at 10:50 PM, waseem sabjee wrote:
>
>> one way this can be achieved. a mixture of server side and client side
>> code.
>>
>> set up a seperate file or web service to get your data.
>>
>> make an ajax call to this file passing your parameters via the call.
>> on success of that call, if the data your requested is returned, make
>> another ajax call with new parameters.
>>
>> say my first call was to get the data rows 1-  50.
>> my second was to ge rows 51 - 100
>>
>> do you mean something like that ?
>>
>> 100Mb is a bit much for client side scripting though.
>>
>> i would suggest using a server side script and cleaning server side memory
>> when required.
>> here you would be just eating your users bandwidth...eating it like theres
>> no tomorow.
>>
>>
>> On Tue, Dec 1, 2009 at 3:44 PM, MorningZ  wrote:
>>
>>> Let's put it simply, JavaScript code just isn't that smart
>>>
>>> Your client-side code (1) makes a request, then (2) the server
>>> responds, ** that's it **..  as the person above me suggests,
>>> use your server side code, the one providing the "big JSON" data to do
>>> the filtering
>>>
>>> On Dec 1, 3:44 am, km  wrote:
>>> > Hi all,
>>> >
>>> > I am currently using $.getJSON to load a  big JSON format file (100MB).
>>> > So is there a way to selectively parse a few fields of the JSON file so
>>> that
>>> > the full file doesnt get loaded in memory ?
>>> > In summary i am looking for parsing a few keys in the JSON file and
>>> fetch
>>> > those values only to display on the webpage.
>>> >
>>> > any ideas ?
>>> > thanks,
>>> >
>>> > regards
>>> > Krishna
>>>
>>
>>
>

Re: [jQuery] Re: parsing big JSON file

[waseem sabjee]

one way this can be achieved. a mixture of server side and client side code.

set up a seperate file or web service to get your data.

make an ajax call to this file passing your parameters via the call.
on success of that call, if the data your requested is returned, make
another ajax call with new parameters.

say my first call was to get the data rows 1-  50.
my second was to ge rows 51 - 100

do you mean something like that ?

100Mb is a bit much for client side scripting though.

i would suggest using a server side script and cleaning server side memory
when required.
here you would be just eating your users bandwidth...eating it like theres
no tomorow.

On Tue, Dec 1, 2009 at 3:44 PM, MorningZ  wrote:

> Let's put it simply, JavaScript code just isn't that smart
>
> Your client-side code (1) makes a request, then (2) the server
> responds, ** that's it **..  as the person above me suggests,
> use your server side code, the one providing the "big JSON" data to do
> the filtering
>
> On Dec 1, 3:44 am, km  wrote:
> > Hi all,
> >
> > I am currently using $.getJSON to load a  big JSON format file (100MB).
> > So is there a way to selectively parse a few fields of the JSON file so
> that
> > the full file doesnt get loaded in memory ?
> > In summary i am looking for parsing a few keys in the JSON file and fetch
> > those values only to display on the webpage.
> >
> > any ideas ?
> > thanks,
> >
> > regards
> > Krishna
>

Re: [jQuery] Change a css value for a child of the selected element

[waseem sabjee]

$(function() {
var list_item = $("li");
var current = -1;
list_item.hover(function() {
var index = list_item.index($(this));
if(index != current) {
$("a", list_item.eq(index)).css({backgroundColor:'#ccc'});
index = current;
}
}, function() {
$("a", list_item.eq(current).css({ backgroundColor:"#FFF"});
});

});

On Sat, Nov 28, 2009 at 7:12 PM, LPA  wrote:

> Hi,
>
> I have this code which change color of the background of the li when
> the mouse enter or leave. I'd like to change the color of the first
>  of the  selected.
>
> Thanx for your help
>
>
>
>   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
> http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
> 
> http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/
> jquery.min.js">
> Sandbox
> 
> 
> body { background-color: #000; font: 26px Helvetica, Arial; color:
> #fff; }
> .menu_on {background-color: yellow;}
> 
>
> 
>  $(document).ready(function(){
>$("li.long").mouseenter(function() {
>  $(this).addClass("menu_on");
>});
>
>$("li.long").mouseleave(function() {
>  $(this).removeClass("menu_on");
>});
>  });
>
> 
>
> 
> 
>  
>  
>menu 1
>
>  
>Line
>Line
>Line
>Line
>Line
>  
>
>  
>
>  
>menu 2
>
>  
>Line
>Line
>Line
>Line
>Line
>  
>
>  
>
>  
> 
> 
>

Re: [jQuery] Re: form always goes to index.php

[waseem sabjee]

its kinda common,
but yeah it is a quick work around through jquery if you don't wanna use
forms..
a little less html. and a few lines of js :)


On Thu, Nov 26, 2009 at 4:30 PM, Henjo  wrote:

> That would be like a workable trick. Is this something common?
>
> On Nov 26, 2:40 pm, waseem sabjee  wrote:
> > you dont need to you a form.
> >
> > set up the following html
> >
> > 
> >  > > Somehow it always goes to the plain index.php adding the values behind
> > > it like: index.php?myFormValue=value .
> >
> > > I don't get any errors in the debug console (FF) or the Error Console.
> > > How can I get this to work properly?
> >
> > > When I mod_rewrite in index.php?id=value to - for example - 'results/'
> > > it does work.
> >
> > > Thanks in advance.
> >
> > > Henjo
>

Re: [jQuery] form always goes to index.php

[waseem sabjee]

you dont need to you a form.

set up the following html


 Somehow it always goes to the plain index.php adding the values behind
> it like: index.php?myFormValue=value .
>
> I don't get any errors in the debug console (FF) or the Error Console.
> How can I get this to work properly?
>
> When I mod_rewrite in index.php?id=value to - for example - 'results/'
> it does work.
>
> Thanks in advance.
>
> Henjo
>

Re: [jQuery] custom event firing

[waseem sabjee]

i usually use something like this when coding a jQuery plugin.

(function() {
  var newMethods = {
// function start
  AddTo : function(options) {
var defaults = {
// set default option values here
};
var options = $.extend(defaults, options); // access any options
below this line
var obj = $(this);
  }, // you seperate multiple functions by a *,* character
// function end
// function start
 RemoveFrom : function(options) {
var defaults = {
// set default option values here
};
var options = $.extend(defaults, options); // access any options
below this line
var obj = $(this);
 }
// function end
  };
  jQuery.each(newMethods, function(i) {
jQuery.fn[i] = this;
  });
})();



On Thu, Nov 26, 2009 at 8:06 AM, Allen123  wrote:

>
> Hi all,
>
> I am learning how to author jquery plug in and trying to fire a custom
> event
> using trigger and bind. However, for some reason, when I click the button
> first time, the custom event is not called. If I click again, the event
> will
> execute once. If I click the third time, the event will execute twice. Can
> you guys tell me what's wrong with my code? Really appreciate your help.
>
> my plug in
>
> (function($) {
>  $.fn.hilight = function() {
>
>return this.each(function() {
>
>var $this = $(this);
>//hightlight
>
>//call trigger
>$this.trigger('myEvent');
>})
>  };
>
> })(jQuery);
>
> my html page
>
>  $(document).ready(function() {
>  $('#myButton').click(function(){
>
>  $('#myDiv').hilight().bind('myEvent', function(e) {
>alert('event fired');
>
>});
>   })
>  });
> --
> View this message in context:
> http://old.nabble.com/custom-event-firing-tp26524737s27240p26524737.html
> Sent from the jQuery General Discussion mailing list archive at Nabble.com.
>
>

Re: [jQuery] two level tabs

[waseem sabjee]

are you talking about their horizontal nav ?

that would be known as a super dropline menu
you can see the demo here :
http://www.cranshawmiddleton.co.uk/waxworks/index_ie6.html#nogo
and the
code here : http://codingforums.com/showthread.php?t=170981

the above mentioned is a
css version.

i would do it this way
done in 5 minutes.
you would have to style it yourself if you want to use it.

HTML
==


 
  Item
  Item
  Item
  Item
   
 
 
  
   Item
   Item
   Item
   Item
   
  
  
   Item
   Item
   Item
   Item
   
  
  
   Item
   Item
   Item
   Item
   
  
  
   Item
   Item
   Item
   Item
   
  
 


CSS
==

* {
margin:0;
padding:0;
font-size:11px;
font-weight:normal;
font-family:verdana;
line-height:1.5em;
}
a:link, a:visited {
 color:#900;
}
a:hover {
 color:#F00;
}
.item {
 float:left;
 margin:0 5px;
 padding:0 5px;
}
.drop {
display:none;
}
.end {
 clear:left;
 font-size:0;
 height:0;
}


jQuery
=


$(function() {
var obj = $(".menu");
var parentlevel = $(".parentlevel", obj);
var items = $(".item", parentlevel);
var current;
var drop = $(".drop", obj);
items.click(function(e) {
 e.preventDefault();
});
items.hover(function() {
 var index = items.index($(this));
 if(index != current) {
  drop.eq(index).show();
  current = index;
 }
}, function() {
 drop.eq(current).hide();
});
});


On Wed, Nov 25, 2009 at 11:35 AM, mreeves
wrote:

> What would be the best way to go about producing a two level tab
> interface with jQuery like the one used on http://www.latimes.com/ ?
>
> Thanks
> Martin
>

Re: [jQuery] Re: Round numbers

[waseem sabjee]

May i see your html

On Sun, Nov 15, 2009 at 7:24 PM, factoringcompare.com <
firstfacto...@googlemail.com> wrote:

> Thanks. this does not work. Added class to form and included the
> above.
>
>
> On Nov 15, 5:05 pm, waseem sabjee  wrote:
> > say you have 5 text boxes each with the class mybox
> >
> > var x = $(".mybox").length;
> >
> > var y = Math.Round(x);
> >
> > OR
> >
> > var y = Math.Ceil(x);
> >
> > On Sun, Nov 15, 2009 at 6:45 PM, factoringcompare.com <
> >
> >
> >
> > firstfacto...@googlemail.com> wrote:
> > > Hi,
> >
> > > Great, I have a a go at putting into my code but can't can you suggest
> > > how?
> >
> > > On Nov 15, 4:06 pm, PiotrJaniak  wrote:
> > > > Hi,
> >
> > > > to round up results u can use Math.ceil(value);
> >
> > > > On 15 Lis, 16:10, "factoringcompare.com"
> >
> > > >  wrote:
> > > > > Hi,
> >
> > > > > The below calculates a couple of textboxes and then allows for the
> > > > > user to click an up or down image to re calculate decreasing or
> > > > > increasing a number. Question is how can I round up the result to
> no
> > > > > decimal places?
> >
> > > > > And ….. . any suggestions on how to improve the code would be good.
> >
> > > > > $(document).ready(function() {
> >
> > > > >  $("#firstBox, #secondBox, #thirdBox, #forthBox").change(function
> cal
> > > > > () {
> > > > >  $("#thirdBox").val( ((Number($("#forthBox").val()) * Number($
> > > > > ("#secondBox").val()) )/100 )-  Number($("#firstBox").val()));
> >
> > > > > });
> >
> > > > > $("#Increase").click(function() {
> > > > >  $("#forthBox").val(5 + Number($("#forthBox").val()) );
> > > > >   $("#thirdBox").val( ((Number($("#forthBox").val()) * Number($
> > > > > ("#secondBox").val()) )/100 )-  Number($("#firstBox").val()));
> > > > >   });
> >
> > > > > $("#Decrease").click(function() {
> > > > >  $("#forthBox").val( Number($("#forthBox").val()) - 5 );
> > > > >   $("#thirdBox").val( ((Number($("#forthBox").val()) * Number($
> > > > > ("#secondBox").val()) )/100 )-  Number($("#firstBox").val()));
> > > > >   });
> >
> > > > > });- Hide quoted text -
> >
> > > > - Show quoted text -- Hide quoted text -
> >
> > - Show quoted text -
>

Re: [jQuery] Re: Round numbers

[waseem sabjee]

say you have 5 text boxes each with the class mybox

var x = $(".mybox").length;

var y = Math.Round(x);

OR

var y = Math.Ceil(x);



On Sun, Nov 15, 2009 at 6:45 PM, factoringcompare.com <
firstfacto...@googlemail.com> wrote:

> Hi,
>
> Great, I have a a go at putting into my code but can't can you suggest
> how?
>
> On Nov 15, 4:06 pm, PiotrJaniak  wrote:
> > Hi,
> >
> > to round up results u can use Math.ceil(value);
> >
> > On 15 Lis, 16:10, "factoringcompare.com"
> >
> >
> >
> >  wrote:
> > > Hi,
> >
> > > The below calculates a couple of textboxes and then allows for the
> > > user to click an up or down image to re calculate decreasing or
> > > increasing a number. Question is how can I round up the result to no
> > > decimal places?
> >
> > > And ….. . any suggestions on how to improve the code would be good.
> >
> > > $(document).ready(function() {
> >
> > >  $("#firstBox, #secondBox, #thirdBox, #forthBox").change(function cal
> > > () {
> > >  $("#thirdBox").val( ((Number($("#forthBox").val()) * Number($
> > > ("#secondBox").val()) )/100 )-  Number($("#firstBox").val()));
> >
> > > });
> >
> > > $("#Increase").click(function() {
> > >  $("#forthBox").val(5 + Number($("#forthBox").val()) );
> > >   $("#thirdBox").val( ((Number($("#forthBox").val()) * Number($
> > > ("#secondBox").val()) )/100 )-  Number($("#firstBox").val()));
> > >   });
> >
> > > $("#Decrease").click(function() {
> > >  $("#forthBox").val( Number($("#forthBox").val()) - 5 );
> > >   $("#thirdBox").val( ((Number($("#forthBox").val()) * Number($
> > > ("#secondBox").val()) )/100 )-  Number($("#firstBox").val()));
> > >   });
> >
> > > });- Hide quoted text -
> >
> > - Show quoted text -
>

Re: [jQuery] Re: JavaScript switched off

[waseem sabjee]

the op wanted to redirect without javascript

On Tue, Nov 10, 2009 at 7:02 PM, Scott Sauyet wrote:

> On Nov 10, 10:53 am, "factoringcompare.com"
>  wrote:
> > What’s the best way to redirect when a users browser has JavaScript
> > switched off?
>
> How about going the other way?
>
>document.location.href="enabled.html";
>
> Better still when possible is to unobtrusively enhance the non-js page
> with additional functionality.  That is generally the cleanest way of
> making sure that your content is accessible, available to search
> engines, and still has all your cool dynamic behavior for those with
> JS on.
>
>  -- Scott
>

Re: [jQuery] JavaScript switched off

[waseem sabjee]

Well. you could use a server side language like :
php
or asp.net

if you have an apache server you can do a redirect in your .htaccess
if you have an IIS server you can accomplish the same in your IIS Manager

On Tue, Nov 10, 2009 at 5:53 PM, factoringcompare.com <
firstfacto...@googlemail.com> wrote:

> Hi,
>
> What’s the best way to redirect when a users browser has JavaScript
> switched off? I currently use something like the below in the 
> but it isn’t W3C compliant.
>
> 
> Javascript is disabled   Redirecting
> 
> 
>

Re: [jQuery] selector performance

[waseem sabjee]

i would the best thing to do regardless of your selection method is to store
them in variables.

like this

var obj = $(".wrap");

Now you have basically created an object reference point. you won't need to
re-create in 99% of cases.

so lets re-use our object reference.

// get the width of your object without making a new reference
var obj_width = obj.width();
// get a child element in your object without making a new reference to your
object
// also you are only searching within your object, not the whole page.
performance boost here
var element_in_object = $(".elementclass", obj);

//if you only need to make one reference in your whole script theres no need
to make so //many vars.
//you can point directly to it
// this would be more efficient if you don't need to reference your "wrap"
class again
var my_element = $(".wrap .elementclass");

I already know theres gonna be people ready to debate on their methods :)
but this is my thoughts.



On Tue, Nov 10, 2009 at 5:47 PM, Michel Belleville <
michel.bellevi...@gmail.com> wrote:

> As to the why I don't know, but as to the which the solution is quite easy
> : do a benchmark.
>
> Michel Belleville
>
>
> 2009/11/10 Adam Tistler 
>
>> I am using jquery 1.3.2.  I was wondering which is faster and why:
>>
>> $('#my-id .main table tr.my-class') or
>> $('#my-id > .main > table > tr.my-class') or
>> $('#my-id tr.my-class')
>>
>>
>>
>>
>>
>

Re: [jQuery] Re: $ is not a function

[waseem sabjee]

Yeah - it takes many days of headaches to make the rest of the days a little
easier :)

On Tue, Nov 10, 2009 at 3:45 PM, tvidal  wrote:

> SO MANY THANKS !!!
> I just remove noConflict in magnify script (original one) and
> everything works !!
>
> So many thanks again ! I don't know since how many hours/days I'm
> working on !!
>
> All the best
>
> Thomas
>
> On 10 nov, 14:31, waseem sabjee  wrote:
> > I have just cheked your error page and my script worked out as expected.
> > within 0.5 seconds all the html fades out. this is on firefox 3.5
> >
> > however i did note 2 errors which are as you stated
> >
> > I also noted you are using quite a lot of scripts on your page. and your
> > scripts are not defined in your  area
> > try moving your scripts to your  area
> >
> > also i take it the $ is not a function error only started coming up once
> you
> > used jQuery.noConflict()
> >
> > can you try removing your noconflicts
> >
> > if you are using jQuery only noconflict would not be needed unless you
> have
> > two plugins with similar function names.
> >
> > trying doing the above mentioned and let me know when you have - I will
> > check your test page again :)
> > you can remove the fade out animation :)
> >
>  > On Tue, Nov 10, 2009 at 3:22 PM, tvidal  wrote:
> > > Dear sabjee
> >
> > > I tried :
> > > var $toto = jQuery.noConflict();
> > > $toto(function() {
> > > $toto("body").animate({ opacity:0}, 500);
> > > })
> >
> > > And I have the same error and one more : $toto(function () {$toto
> > > ("body").animate({opacity: 0}, 500);}) is not a function
> >
> > > Do I need to put the function into the main fancy function (http://
> > >www.eco2system.net/modules/portfolio/script/jquery.fancybox.js) ?
> >
> > > Many thanks
> >
> > > Regards
> >
> > > Thomas
> >
> > > On 10 nov, 13:37, waseem sabjee  wrote:
> > > > try something like this
> >
> > > > var $myvar = jQuery.noConflict();
> >
> > > > $myvar(function() {
> > > >  $myvar("body").animate({ opacity:0}, 500);
> >
> > > > });
> > >  > On Tue, Nov 10, 2009 at 12:40 PM, tvidal 
> > > wrote:
> > > > > Dear all,
> >
> > > > > I'm trying to use Jquery with Website baker. In this CMS I added
> two
> > > > > modules (portfolio and magnify) that use jquery, and then it seems
> > > > > that they are in conflict.
> > > > > With firebug I have "$ is not a function"
> > > > > I already tried to add jQuery.noConflict(); in all the js loaded.
> But
> > > > > the same.
> >
> > > > > I'm not a JS expert.. so if someone can help me !
> >
> > > > > Many thanks
> >
> > > > > The error page :
> > > > >http://www.eco2system.net/pages/nos-realisations/eau-de-mer.php
> >
> > > > > Thomas
>

Re: [jQuery] Re: $ is not a function

[waseem sabjee]

I have just cheked your error page and my script worked out as expected.
within 0.5 seconds all the html fades out. this is on firefox 3.5

however i did note 2 errors which are as you stated

I also noted you are using quite a lot of scripts on your page. and your
scripts are not defined in your  area
try moving your scripts to your  area

also i take it the $ is not a function error only started coming up once you
used jQuery.noConflict()

can you try removing your noconflicts

if you are using jQuery only noconflict would not be needed unless you have
two plugins with similar function names.

trying doing the above mentioned and let me know when you have - I will
check your test page again :)
you can remove the fade out animation :)
On Tue, Nov 10, 2009 at 3:22 PM, tvidal  wrote:

> Dear sabjee
>
> I tried :
> var $toto = jQuery.noConflict();
> $toto(function() {
> $toto("body").animate({ opacity:0}, 500);
> })
>
> And I have the same error and one more : $toto(function () {$toto
> ("body").animate({opacity: 0}, 500);}) is not a function
>
> Do I need to put the function into the main fancy function (http://
> www.eco2system.net/modules/portfolio/script/jquery.fancybox.js) ?
>
> Many thanks
>
> Regards
>
> Thomas
>
> On 10 nov, 13:37, waseem sabjee  wrote:
> > try something like this
> >
> > var $myvar = jQuery.noConflict();
> >
> > $myvar(function() {
> >  $myvar("body").animate({ opacity:0}, 500);
> >
> > });
>  > On Tue, Nov 10, 2009 at 12:40 PM, tvidal 
> wrote:
> > > Dear all,
> >
> > > I'm trying to use Jquery with Website baker. In this CMS I added two
> > > modules (portfolio and magnify) that use jquery, and then it seems
> > > that they are in conflict.
> > > With firebug I have "$ is not a function"
> > > I already tried to add jQuery.noConflict(); in all the js loaded. But
> > > the same.
> >
> > > I'm not a JS expert.. so if someone can help me !
> >
> > > Many thanks
> >
> > > The error page :
> > >http://www.eco2system.net/pages/nos-realisations/eau-de-mer.php
> >
> > > Thomas
>

Re: [jQuery] Selection logic

[waseem sabjee]

var parent_element = $(".child).parents('div');

On Tue, Nov 10, 2009 at 12:16 PM, Savageman  wrote:

> Hello,
>
> I'm using jQuery but am not really used to it (Mootools' user
> here...).
>
> I was trying to add a class to the first parent "div" of an element.
> Here is how I proceeded in the first place :
> - $(el).parent('div'); // Doesn't return anything: why?
>
> My second attempt was better (intermediate steps for better
> comprehension):
> - $(el).parents('div'); // Returns all parent div, cool but I only
> need the first:
> - ($el).parents('div').get(0); // Returns the div I want: yeah again!
> - $(el).parents('div').get(0).addClass('myClass'); // Doesn't work:
> why?
>
> Finally my last attempt (I asked for help) was the good one:
> - $(el).parents('div:first').addClass('myClass'); // Works fine
>
> I was expecting all of the 3 methods to work, but that's not really
> what's happening: kind of frustating! Can someone explain me why, so I
> become efficient with jQuery?
>
> Thank you in advance for the provided help.
> Sincerely,
> Savageman.
>

Re: [jQuery] $ is not a function

[waseem sabjee]

try something like this

var $myvar = jQuery.noConflict();

$myvar(function() {
 $myvar("body").animate({ opacity:0}, 500);
});

On Tue, Nov 10, 2009 at 12:40 PM, tvidal  wrote:

> Dear all,
>
> I'm trying to use Jquery with Website baker. In this CMS I added two
> modules (portfolio and magnify) that use jquery, and then it seems
> that they are in conflict.
> With firebug I have "$ is not a function"
> I already tried to add jQuery.noConflict(); in all the js loaded. But
> the same.
>
> I'm not a JS expert.. so if someone can help me !
>
> Many thanks
>
> The error page :
> http://www.eco2system.net/pages/nos-realisations/eau-de-mer.php
>
> Thomas
>

Re: [jQuery] Re: Google closure tools and library

[waseem sabjee]

in closure I selected Jquery from the URL and tried this specific code.

$(function() { alert(true); });

they were no errors.
but 3 warnings.
I also noticed it takes considerably longer to compile JavaScript as it
compiles the whole Jquery library along with your script.
Shouldn't it compile your script only since jquery.min is a compiled file ?

*Number of warnings: 3*
JSC_USELESS_CODE: Suspicious code. This code lacks side-effects. Is there a
bug? at line 988 character 3 in
jquery.jshttp://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js>
if ( name == "selected" && elem.parentNode )
^
JSC_USELESS_CODE: Suspicious code. This code lacks side-effects. Is there a
bug? at line 989 character 4 in
jquery.jshttp://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js>
elem.parentNode.selectedIndex;
^
JSC_USELESS_CODE: Suspicious code. This code lacks side-effects. Is there a
bug? at line 1866 character 3 in
jquery.jshttp://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js>
elem.parentNode.selectedIndex;
^
On Mon, Nov 9, 2009 at 3:23 AM, Diego Desani  wrote:

> Tks! =)
>
> On 7 nov, 16:47, Jake B  wrote:
> > If you look at the online version of the compiler, you'll see that
> > jQuery, jQuery UI, and other popular libraries are options in the "Add
> > a URL" dropdown menu:
> >
> > http://closure-compiler.appspot.com/home
> >
> > I assume that means that Google anticipates Closure being used in
> > conjunction with those existing libraries.
> >
> > On Nov 6, 1:55 pm, claya  wrote:> Any thoughts on
> the Google closures tools release announcement.
> >
> > >http://googlecode.blogspot.com/2009/11/introducing-closure-tools.html
> >
> > > Will jQuery work with it? is it better?
>

Re: [jQuery] Re: Passing typeof function

[waseem sabjee]

syntax error

A
A

on page load function

var obj = $(".button");
obj.each(function(i) {
 if(obj.eq(i).hasClass('buttona')) {
  obj.eq(i).click(function() {
alert(' I am button A ' );
  });
 }
});

On Fri, Nov 6, 2009 at 11:40 AM, waseem sabjee wrote:

> markup
>
> A
> A
>
> on page load function
>
> var obj = $(".button");
> obj.each(function(i) {
>  if(obj.eq(i).hasClass('buttona') {
>   obj.eq(i).click(function() {
> alert(' I am button A ' );
>   });
>  }
> });
>
>
> does this work better for you ?
>
> On Fri, Nov 6, 2009 at 11:34 AM, aze  wrote:
>
>> Thanks for the reply
>>
>> but as you can see I need to do initialize something and then hook the
>> click event. The html markup is like this
>>
>> 
>> 
>>
>> then after page load, script will execute as follow
>>
>> $(".btnA").btnInit("Button A", function () { do some action 1 });
>> $(".btnB").btnInit("Button B", function () { do some action 2 });
>>
>>
>> different button has different action
>> then , I have this plugin
>>
>> (function($){
>> $.fn.btnInit = function() {
>>  function prepare(obj, caption, action) {
>>obj
>>.html(caption)
>>.addClass("fg-button ui-state-default ui-corner-all")
>>.click(function(){
>>  // run the action here when click triggered
>>   alert('Do some action');});
>>};
>>
>>
>>return this.each(function(caption, action){
>>obj = $(this);
>>prepare(obj, caption, action);
>>});
>>
>>
>>
>> };
>> })(jQuery);
>>
>>
>> Thanks
>>
>>
>

Re: [jQuery] Re: Passing typeof function

[waseem sabjee]

markup

A
A

on page load function

var obj = $(".button");
obj.each(function(i) {
 if(obj.eq(i).hasClass('buttona') {
  obj.eq(i).click(function() {
alert(' I am button A ' );
  });
 }
});


does this work better for you ?

On Fri, Nov 6, 2009 at 11:34 AM, aze  wrote:

> Thanks for the reply
>
> but as you can see I need to do initialize something and then hook the
> click event. The html markup is like this
>
> 
> 
>
> then after page load, script will execute as follow
>
> $(".btnA").btnInit("Button A", function () { do some action 1 });
> $(".btnB").btnInit("Button B", function () { do some action 2 });
>
>
> different button has different action
> then , I have this plugin
>
> (function($){
> $.fn.btnInit = function() {
>  function prepare(obj, caption, action) {
>obj
>.html(caption)
>.addClass("fg-button ui-state-default ui-corner-all")
>.click(function(){
>  // run the action here when click triggered
>   alert('Do some action');});
>};
>
>
>return this.each(function(caption, action){
>obj = $(this);
>prepare(obj, caption, action);
>});
>
>
>
> };
> })(jQuery);
>
>
> Thanks
>
>

Re: [jQuery] Passing typeof function

[waseem sabjee]

lets assume the following markup

a button |
a button |
a button |
a button

you want to be able to differentiate between the buttons on click event

var obj = $(".button");

obj.click(function(e) {
 e.preventDefault();
 var index = obj.index($(this));
 alert("my button index is "+index);
});

this should help

On Fri, Nov 6, 2009 at 11:19 AM, aze  wrote:

> Hello,
>
> I need help.
> I have thjis plugin
>
> (function($){
> $.fn.btnInit = function() {
>  function prepare(obj, caption, action) {
>obj
>.html(caption)
>.addClass("fg-button ui-state-default ui-corner-all")
>.click(function(){
>  // run the action here when click triggered
>   alert('Do some action');});
>};
>
>return this.each(function(caption, action){
>obj = $(this);
>prepare(obj, caption, action);
>});
>
> };
>
>
> })(jQuery);
>
>
> and the problem is how do I modify the click event so that it can
> accept function as below
>
> $(".btnA").btnInit("Button A", function () { do some action 1 });
> $(".btnB").btnInit("Button B", function () { do some action 2 });
>
> different button will have a different action.
>
> I'm stuck here. Pls help
>
> Thanks
>
>
>

Re: [jQuery] How to Select element with class, but EXCLUDE its children?

[waseem sabjee]

give the elements childrent a class called : "nomralffont"
with the following css

.normalfont {
 font-weight:normal!important;
}

this is just an example

you may went to give them a different style but use the !important

On Fri, Oct 30, 2009 at 12:31 PM, jmatthews  wrote:

> I am manipulating a style on elements with class="House" or "Senate."
> Unfortunately, it sets the style for every child underneath.
>
> The tree is like this:
>
> AL
>   House of Representatives
>  Member
>  Member
>  Member
>   Senate
>  Member
>  Member
>  Member
>
> House has class="House."  Senate has class="Senate."  This is just the
> label next to a checkbox that either says "House of Representatives"
> or "Senate."  I am using that label for a mouseover function, where
> the label turns blue and is italicized for clicking.
>
> Beneath this are all the Representatives or Senators, as children of
> the previous element with class="House" or "Senate."
>
> So, now, when I mouse over any of the children, they italicize as
> well.
>
> This occurs due to my command that says $(".House,.Senate").mouseover
> (function().
>
> I need something to control only the top level, e.g. $
> (".House,.Senate"(but not their children)
>
> Does anyone know the way to do this?
>

Re: [jQuery] two questions

[waseem sabjee]

this is one of my favorite jquery reference links
http://docs.jquery.com/Events

On Fri, Oct 30, 2009 at 2:30 PM, waseem sabjee wrote:

> try this
>
> have an html markup like this
>
> 
>  
>  
>   
>  
> 
>
>
> here is the jQuery that i would use
>
> $(function() {
>  var obj = $(".wrap"); // we want the object to be our div wrapper
>  var mybutton = $(".mybutton", obj); // we declare our button within the
> object
>  var myimg = $(".imgwrap", obj); // we declare our image within the object
>  mybutton.click(function(e) { // button click event
>   e.preventDefault(); // prevent default hyper link behavior
>   myimg.animate({ marginLeft:300+'px'}, 1000); // andimate the image to
> move 300px to the left within 1 second ( 1000 = 1 second )
>  });
> });
>
> your complete html file should look like this
>
> 
>  
>
>
> $(function() {
>  var obj = $(".wrap"); // we want the object to be our div wrapper
>  var mybutton = $(".mybutton", obj); // we declare our button within the
> object
>  var myimg = $(".imgwrap", obj); // we declare our image within the object
>  mybutton.click(function(e) { // button click event
>   e.preventDefault(); // prevent default hyper link behavior
>   myimg.animate({ marginLeft:300+'px'}, 1000); // andimate the image to
> move 300px to the left within 1 second ( 1000 = 1 second )
>  });
> });
>
>  
>  
> 
>  
>  
>   
>  
> 
>   
> 
>
> On Fri, Oct 30, 2009 at 7:53 AM, hno  wrote:
>
>> HI
>> i'm a new member of this group and I have two questions :
>>
>> i want a jquery code that when i click the button , it select the
>> imgae obove the button and move it to another place and it show the
>> image  when it moving .
>>
>> is there any book or web site that shows the jquery examples . i've
>> searched alot but i havn't found thing .
>>
>> thanks
>>
>>
>

Re: [jQuery] two questions

[waseem sabjee]

try this

have an html markup like this


 
 
  
 



here is the jQuery that i would use

$(function() {
 var obj = $(".wrap"); // we want the object to be our div wrapper
 var mybutton = $(".mybutton", obj); // we declare our button within the
object
 var myimg = $(".imgwrap", obj); // we declare our image within the object
 mybutton.click(function(e) { // button click event
  e.preventDefault(); // prevent default hyper link behavior
  myimg.animate({ marginLeft:300+'px'}, 1000); // andimate the image to move
300px to the left within 1 second ( 1000 = 1 second )
 });
});

your complete html file should look like this


 
   
   
$(function() {
 var obj = $(".wrap"); // we want the object to be our div wrapper
 var mybutton = $(".mybutton", obj); // we declare our button within the
object
 var myimg = $(".imgwrap", obj); // we declare our image within the object
 mybutton.click(function(e) { // button click event
  e.preventDefault(); // prevent default hyper link behavior
  myimg.animate({ marginLeft:300+'px'}, 1000); // andimate the image to move
300px to the left within 1 second ( 1000 = 1 second )
 });
});
   
 
 

 
 
  
 

  

On Fri, Oct 30, 2009 at 7:53 AM, hno  wrote:

> HI
> i'm a new member of this group and I have two questions :
>
> i want a jquery code that when i click the button , it select the
> imgae obove the button and move it to another place and it show the
> image  when it moving .
>
> is there any book or web site that shows the jquery examples . i've
> searched alot but i havn't found thing .
>
> thanks
>
>

Re: [jQuery] Re: Animate forces display:block?

[waseem sabjee]

why don't you put a div wrap around those input elements  and animate their
wraps ?

On Thu, Oct 29, 2009 at 8:56 PM, Justin Meyer wrote:

> I am animating input elements and have the same problem.
>
> On Oct 21, 8:56 am, Karl Swedberg  wrote:
> > Try setting the width of a non-floated element that has display:
> > inline with CSS and see what you get. I haven't been able to change
> > the width of a non-floated, inline element with CSS, so I don't
> > imagine it can be done with JavaScript either.
> >
> > waseem's suggestion is probably your best bet.
> >
> > --Karl
> >
> > 
> > Karl Swedbergwww.englishrules.comwww.learningjquery.com
> >
> > On Oct 21, 2009, at 8:01 AM, waseem sabjee wrote:
> >
> >
> >
> > > would it be possible for you to use a float instead of display
> > > inline ?
> >
> > > On Wed, Oct 21, 2009 at 6:33 AM, Jared N  wrote:
> >
> > > Hi all,
> >
> > > I'm trying to animate the width of a box, but I'm noticing that during
> > > the animation jQuery is setting the element's display property to
> > > 'block' (which is not what I want, I want 'inline'). At the completion
> > > of the animation it resets it to the desired setting. I've tried over-
> > > riding this behavior by including display:'inline' as one of the
> > > animation parameters, but no dice. Any other ideas? Is this supposed
> > > to happen or is it a bug?
>

Re: [jQuery] Just discovered something

[waseem sabjee]

The most likely reason is that *do *is a JavaScript "Key Word"

On Thu, Oct 29, 2009 at 12:53 PM, lionel28  wrote:

>
> I am sure most of you guys already know it, but I just found out that IE
> does
> not like the word "do"
>
> I was doing an ajax called and I had
>
>data: {
>do : "uploadgame"
>
> and I kept on getting that error
>
> expected identifier, string or number,
>
> Once I changed that 'do' into something else, it was fixed in IE
> --
> View this message in context:
> http://www.nabble.com/Just-discovered-something-tp26110812s27240p26110812.html
> Sent from the jQuery General Discussion mailing list archive at Nabble.com.
>
>

[jQuery] Re: html select to get value from mysql on change

[waseem sabjee]

i think$.ajax({
 type:"GET",
 url:"implement/stock_mysql.php",
 data:'stockID='stock, // send this data to server
 success : function(msg) {
  alert(msg); // server response
 },
 error : function() {
  alert("there was a problem handling your request, try again later.");
 }
});
might be more simple here.

On Wed, Oct 21, 2009 at 2:46 PM, Evgeny Bobovik  wrote:

>
> I can not say because of what is happening, but I can suggest a way
> how to deal with
> declare global variable:
> var cnt = 0;
>
> $("select:#stock").change(function()
>   {
>   var stock = $("select#stock").val();
>   if (cnt == 0){
>  cnt = 1;
> $.get("implement/stock_mysql.php", {'stockID':
> stock}, function(sw)
> {
> var pages = $("select#S_page_count").val();
> var SW_total = (sw * pages);
> alert( 'SW_total = ' + SW_total);
> $("#Spine1").text(SW_total);
> $("#Spine2").text(SW_total);
> });
> }else{
>   cnt = 0;
> }
>   });
>
>   Gk___
>
>
>
>
> 2009/10/20 rftemp :
> >
> > Hi Peoples,
> > Would appreciate some help with this one, have a nice little muliform
> > page
> > which is all working well but i need some of the html selects to call
> > back to jquery (working)
> > then the the jquery to call the php (working) then the php to call the
> > mysql ( not working at the moment)
> > then the whole lot to return the mysql data to the jquery to be used
> > in a formula. The problem i am having is
> > every time i select an option i add to the number of responses i get
> > ie select once 1 callback select something
> > else get 2 callbacks, i only want one callback per response!
> > here is the jquery :
> >$("select:#stock").change(function()
> >{
> >var stock = $("select#stock").val();
> >$.get("implement/stock_mysql.php", {'stockID': stock},
> function(sw)
> >{
> >var pages = $("select#S_page_count").val();
> >var SW_total = (sw * pages);
> >alert( 'SW_total = ' + SW_total);
> >$("#Spine1").text(SW_total);
> >$("#Spine2").text(SW_total);
> >});
> >});
> > thanks in advance
> > rftemp
> >
>

[jQuery] Re: Can someone tell me how to debug this?

[waseem sabjee]

slight syntax errorthis was your code
$(function()  {
   $.ajax({
   url: "backend.php",
   cache: false,
   success: function(html) {
   $(".target").html(html);
   }
   }
}

this is what it should be
$(function()  {
   $.ajax({
   url: "backend.php",
   cache: false,
   success: function(html) {
   $(".target").html(html);
   }
   });
});

On Wed, Oct 21, 2009 at 2:48 PM, bobslf  wrote:

>
>
> OK, thanks. The backend.php makes sense. But I'm not sure how to
> format the .html file. I tried this and it doesn't work. Do I need to
> put "$(function" somewhere else?
>
> Bob
>
>
>
> http://www.w3.org/
> TR/xhtml11/DTD/xhtml11.dtd">
> http://www.w3.org/1999/xhtml";>
> 
>Collecting Data...
>
>
>
> $(function()  {
>$.ajax({
>url: "backend.php",
> cache: false,
>success: function(html) {
>$(".target").html(html);
>}
>}
> }
>
>
> 
> 
>
> 
> 
> 
> 
> 
>
>
>
>
>
>
>

[jQuery] Re: Can someone tell me how to debug this?

[waseem sabjee]

ok here is our sample HTML layout we gonna usei created a div with the class
target - now we are gonna pull our updates in here.







now lets look at our php file - the javascript will post a



here is our JQuery we gonan use
$(function() {
$.ajax({
  url: "update.php",
  cache: false,
  success: function(html){
$(".target").html(html);
  }
});
});
On Wed, Oct 21, 2009 at 2:11 PM, bobslf  wrote:

>
>
> On Oct 21, 7:51 am, waseem sabjee  wrote:
> > Hi there,just one question - do you need to use frames or would prefer to
> do
> > this without frames ?
> >
>
> I don't care: whatever works. This is just a sample that I'm trying to
> get working. I need backend.php to be able do update the .html file by
> some method. I don't know much about javascript and just started
> looking at jquery.
>
> thanks,
> Bob
>

[jQuery] Re: Animate forces display:block?

[waseem sabjee]

would it be possible for you to use a float instead of display inline ?

On Wed, Oct 21, 2009 at 6:33 AM, Jared N  wrote:

>
> Hi all,
>
> I'm trying to animate the width of a box, but I'm noticing that during
> the animation jQuery is setting the element's display property to
> 'block' (which is not what I want, I want 'inline'). At the completion
> of the animation it resets it to the desired setting. I've tried over-
> riding this behavior by including display:'inline' as one of the
> animation parameters, but no dice. Any other ideas? Is this supposed
> to happen or is it a bug?
>
> Thanks,
>
> Jared
>

[jQuery] Re: convert single digit day to double digit day

[waseem sabjee]

var old_day = "5";var new_day;
if(old_day.length == 1) {
 new_day = "0" + old_day;
}

is this what you mean

here is an alternative if your old_day is an integer value
var old_day = 5;var new_day;
if(String(old_day).length == 1) {
 new_day = "0" + old_day;
}


On Wed, Oct 21, 2009 at 8:48 AM, petermdenton wrote:

>
> Hello,
> I am wondering if someone can share a good clean way of converting a
> single digit day to a double digit day. For example, I have date1 = 5
> and I want that to be 05.
>
> Thanks in advance
> Peter
>

[jQuery] Re: Using google CDN for jQuery causing problems

[waseem sabjee]

I would suggest only using a CDN to store media files like images / videos
etc.scripts would perform a lot better if you ran them locally.

I used to run the jquery script remotely before, however i sometimes used to
get draggy animation so i just downloaded the script and worked local.

On Wed, Oct 21, 2009 at 11:06 AM, jitu  wrote:

>
> Using the minified version,  pointed by the link
> http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js , I am
> not able to use jQuery. Looking at the source file, seems the script
> file is messed up.
>
> The link http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js
> work fine
>
>
> jitu
>

[jQuery] Re: each function not iterating

[waseem sabjee]

looks at this example

var itemlist = $(".list");

itemlist.each(function(i) { // in this line notice i declared a variable i
within the brackets you forget to do this.
 itemlist.eq(i).remove(); // .eq(i). is the magic here.
});

On Wed, Oct 21, 2009 at 8:41 AM, jan  wrote:

>
> Hi!
>
> Sorry to flood please disregard my previous attemp to post for this
> same issue. This is the real post.
>
> I have this code within the ready function:
>
>
>$("form.uplform").live('submit', function(){
>if($(this).attr('validate')=='true'){
>$("#testform>input").each(function(){
>alert($(this).attr('name'));
>});
>}
>return false;
>
>});
>
>
> I want to be able to alert all the names of the input boxes belonging
> to form.uplform but it does not seem to like it. Although I am able to
> get past the validate==true statement but the each is not iterating.
>
> Please tell me anything i am doing wrong.
>
> Thanks in advance!
>

[jQuery] Re: Can someone tell me how to debug this?

[waseem sabjee]

Hi there,just one question - do you need to use frames or would prefer to do
this without frames ?

On Wed, Oct 21, 2009 at 12:46 PM, bobslf  wrote:

>
>
> Here are two files ( one html and one .php file). I'm trying to get
> backend.php to send text to the .html file but nothing happens. Does
> anyone know what is wrong with this or how to debug it?
>
> thanks,
> Bob
>
>
>
> here is the html file:
> -
>
> http://www.w3.org/
> TR/xhtml11/DTD/xhtml11.dtd">
> http://www.w3.org/1999/xhtml";>
> 
>   Collecting Data...
>   
>   
> 
> 
>
> 
> 
>
> 
>   var comet = {
>  load: function() {
> $("#comet_frame").html('');
>  },
>
>  unload: function() {
> $("#comet_frame").html('