Thanks so much man,
That'll work well ... One more thing, how would I change it to point
to classes instead of direct colours?
var arrValues = ['c1','c2','c3','c3'],
Thanks again,
On Oct 22, 6:27 pm, mkmanning <michaell...@gmail.com> wrote:
> Yeah, the snippet I wrote updates the color; you can add an ajax call
> to update your db as well, if the value your updating in the db is the
> color, or else the value is in an array that's indexed the same.
>
> On Oct 22, 12:10 am, The Danny Bos <danny...@gmail.com> wrote:
>
>
>
> > 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.
