[jQuery] Re: beginner variable problem

2008-05-31 Thread bobh 

both your solutions work wizzud, thanks for helping.

On 28 mei, 01:10, Wizzud [EMAIL PROTECTED] wrote:
 $(document).ready(function(){
   var parags = $(#contests ul li p);
   $(#contests ul li span a).each(function(i){
   var parag_count = i;
   $(this).toggle(
   function(){
   parags.eq(parag_count).css(background, yellow);
   return false;
 },
   function(){
   parags.eq(parag_count).css(background, none);
   return false;
 }
 );
 });

 });

 An alternative (just one of many) ...

 $(document).ready(function(){
   var paras = $(#contests ul li)
   .find('span a').each(function(i){
  var indx = i;
  $(this).toggle(
 function(){ return paraBg(indx, 'yellow'); }
   , function(){ return paraBg(indx, 'none'); } );
 }).end().find('p')
  , paraBg = function(indx, bg){
  paras.eq(indx).css(background, bg);
  return false;
};

 });

 (untested)

 On May 27, 5:12 pm, bobh [EMAIL PROTECTED] wrote:

  hi,

  I'm encountering a problem with a variable in a toggle event.

  see my example online here:http://www.allnighters.net/jq-issue/

  my js code:

  $(document).ready(function(){
  $(#contests ul li span a).toggle(
  function(){
  var parag_count = $(#contests ul li span 
  a).index(this);
  alert(parag_count);
  $(#contests ul li p:eq(+ parag_count 
  +)).css(background,
  yellow);
  return false;
  },
  function(){
  $(#contests ul li p:eq(+ parag_count 
  +)).css(background,
  none);
  return false;
  }
  );

  });

  and my html:
  div id=contests style=width: 400px; margin-left: 20px;
  ul
  li class=uneven
  spana href=#4x2 Karma Hotel Tickets/a/span
  pDeze wedstrijd loopt af op 23 April om 23u./p
  /li
  li class=even
  spana href=#5x2 F*uck Lany... Here's Stephan
  Bodzin/a/span
  pDeze wedstrijd loopt af op 23 April om 23u./p
  /li
  ...
  /ul
  /div

  the problem is that I don't know how to pass the 'parag_count'
  variable on to the 2nd function of the toggle event.

  thanks in advance.

[jQuery] Re: beginner variable problem

2008-05-27 Thread Wizzud 

$(document).ready(function(){
  var parags = $(#contests ul li p);
  $(#contests ul li span a).each(function(i){
  var parag_count = i;
  $(this).toggle(
  function(){
  parags.eq(parag_count).css(background, yellow);
  return false;
},
  function(){
  parags.eq(parag_count).css(background, none);
  return false;
}
);
});
});

An alternative (just one of many) ...

$(document).ready(function(){
  var paras = $(#contests ul li)
  .find('span a').each(function(i){
 var indx = i;
 $(this).toggle(
function(){ return paraBg(indx, 'yellow'); }
  , function(){ return paraBg(indx, 'none'); } );
}).end().find('p')
 , paraBg = function(indx, bg){
 paras.eq(indx).css(background, bg);
 return false;
   };
});

(untested)

On May 27, 5:12 pm, bobh [EMAIL PROTECTED] wrote:
 hi,

 I'm encountering a problem with a variable in a toggle event.

 see my example online here:http://www.allnighters.net/jq-issue/

 my js code:

 $(document).ready(function(){
 $(#contests ul li span a).toggle(
 function(){
 var parag_count = $(#contests ul li span 
 a).index(this);
 alert(parag_count);
 $(#contests ul li p:eq(+ parag_count 
 +)).css(background,
 yellow);
 return false;
 },
 function(){
 $(#contests ul li p:eq(+ parag_count 
 +)).css(background,
 none);
 return false;
 }
 );

 });

 and my html:
 div id=contests style=width: 400px; margin-left: 20px;
 ul
 li class=uneven
 spana href=#4x2 Karma Hotel Tickets/a/span
 pDeze wedstrijd loopt af op 23 April om 23u./p
 /li
 li class=even
 spana href=#5x2 F*uck Lany... Here's Stephan
 Bodzin/a/span
 pDeze wedstrijd loopt af op 23 April om 23u./p
 /li
 ...
 /ul
 /div

 the problem is that I don't know how to pass the 'parag_count'
 variable on to the 2nd function of the toggle event.

 thanks in advance.