For each click of the DIV I'm hoping to change the BackgroundColor,
make some updates in the Database (depending on which array selection
it's on) and that's about it.
So, the first click of the DIV = "Change BG to 'green', update DB
field to 'XXX'"
the second click of the DIV = "Change the BG to 'aqua', update DB
field to 'YYY'"
the third click ... etc
Know what I mean?
On Oct 22, 6:04 pm, mkmanning <michaell...@gmail.com> wrote:
> Well, if you just want to loop through the array to change the
> background color, you don't really need toggle then. Try this:
>
> $("#item_list > li > div > a").click(function(){
> var arrValues = ['rgb(9, 128, 0)','rgb(0, 255, 255)','rgb(0, 0,
> 255)','rgb(128, 0, 128)'],
> bgcolor = $.inArray($(this).css('background-color'),arrValues)+1;
> $(this).css('background-color',arrValues[bgcolor===arrValues.length?
> 0:bgcolor]);
>
> });
>
> disclaimer: just wrote it inside Firebug's console, so haven't tested
> it outside that...
>
> On Oct 21, 10:14 pm, The Danny Bos <danny...@gmail.com> wrote:
>
>
>
> > Thanks, had a good read, figured it out in part.
> > Now I'm stuck trying to introduce an array to do my bidding ...
> > Example below.
>
> > The array is an example of how I want to loop through to use those
> > values.
> > Underneath is the perfect code for clicking an Anchor and changing its
> > BGcolour differently each time.
>
> > Any ideas?
>
> > $(document).ready(
> > function(){
> > var arrValues = ['green','aqua','blue','purple'];
>
> > $("#item_list > li > div > a").toggle(
> > function(){
> > $(this).css('background-color', 'green');
> > }, function() {
> > $(this).css('background-color', 'aqua');
> > }, function() {
> > $(this).css('background-color', 'blue');
> > }, function() {
> > $(this).css('background-color', 'purple');
> > });
>
> > });
>
> > On Oct 22, 3:46 am, mkmanning <michaell...@gmail.com> wrote:
>
> > > .toggle() allows you to rotate through multiple functions, you might
> > > want to check it out in the
> > > docs:http://docs.jquery.com/Events/toggle#fnfn2fn3.2Cfn4.2C...
>
> > > On Oct 21, 2:58 am, The Danny Bos <danny...@gmail.com> wrote:
>
> > > > I've got one for ya, JQuery and Ajax.
>
> > > > I want to have a button image, let's stay it's inactive state it's a
> > > > grey circle, when someone clicks it once, it'd change to a blue circle
> > > > (update associated DB field to "blue"), click it again and it becomes
> > > > a red circle (update the DB field to "red") and so on. So users keep
> > > > clicking until they get the right color, then move on to the next
> > > > one.
>
> > > > I've seen something similar in Google where you can star emails with
> > > > different stars.
>
> > > > Any idea how you'd do this?
> > > > It's got me stumped.
