Glad I could help :)

Cheers,
Dave

On May 2, 6:35 pm, eid <[EMAIL PROTECTED]> wrote:
> Hi Dave,
>
> it worked great with a little bit of modification.
>
> Thank you very, very much! And I even learned something new today
> then :)
>
> Thanks again
> eid
>
> Dave Probert wrote:
> > Hi eid,
>
> > I've taken a look at what you are trying to do and I think there are
> > two aspects that need to be 'corrected'.
>
> > 1.) In the JSON, there is no need for an array of items  - remove the
> > [ & ] after 'items'.  items is then an object with elements called
> > 'lanceOfMitraDivinity', 'wrathOfMitraDivinity', etc.  Much easier to
> > handle.
>
> > 2.) To setup the buttons you would be better like this (not the only
> > way to do it, but this works!):
> >     $.getJSON('featsCalculator/priestofmitra.js', function(data)
> >     {
> >       $('.featButton').click(function()
> >       {
> >       var t = $(this).attr('id');
> >         if(data.items[t])
> >         {
> >           $('#state').html(data.items[t].description.base);
> >         }
> >       });
> >     });
>
> > You can use the items part of the json like an array, even though it
> > is an object - because all objects can be accessed either via the dot
> > operator (.) or using square brackets ([]).
>
> > Here is some tested code that works with the modified json you
> > provided.  Just cut and paste (modify any filenames and paths) and try
> > it.
>
> > ----- start of code
>
> > <script type="text/javascript" src="js/jquery.js"></script>
> > <script>
> >   $(document).ready(function()
> >   {
> >     $.getJSON('featsCalculator/priestofmitra.js', function(data)
> >     {
> >       $('.featButton').click(function()
> >       {
> >       var t = $(this).attr('id');
> >         if(data.items[t])
> >         {
> >           $('#state').html(data.items[t].description.base);
> >         }
> >       });
> >     });
> >   });
> > </script>
> > <div id='state'></div>
> > <div class='featButton' id='lanceOfMitraDivinity'>Lanc</div>
> > <div class='featButton' id='piercingLanceDivinity'>Pier</div>
> > <div class='featButton' id='condemnationDivinity'>Cond</div>
>
> > ----- end of code
>
> > Hope that helps a bit.
>
> > Cheers,
> > Dave

Reply via email to