Can you not simply add another class to the container div (or the
image)?
eg...
<div class="Photo HasVoted">
<div class="Title">Walking in the park</div>
<img src="photos/walkinginthepark.jpg" />
<div class="Rating">Average Rating:<b>6/10</b></div>
</div>
On Nov 26, 2:53 pm, jonhobbs <[EMAIL PROTECTED]> wrote:
> Just a quick question hopefully.
>
> What's the best way of storing settings as part of a chunk of html ?
>
> Let me give an example of a photo gallery with lots of photos on the
> page with the following HTML for each one...
>
> <div class="Photo">
> <div class="Title">Walking in the park</div>
> <img src="photos/walkinginthepark.jpg" />
> <div class="Rating">Average Rating:<b>6/10</b></div>
> </div>
>
> Somewhere I would like to store a setting for each Photo which says
> whether the user has voted on the photo yet or not. This setting would
> be set originally when the page was created and also would be changed
> by Jquery scripts when the user rates the photo.
>
> The problem is that I can't just create a variable in jscript because
> I don't know how many photos there will be on each page. I can think
> of three ways to possibly do it.
>
> 1) Use hidden input fields like this....
>
> <div ID="Photo-12345" class="Photo">
> <input type="Hidden" ID="HasVoted-12345" value="true" />
> <div class="Title">Walking in the park</div>
> <img src="photos/walkinginthepark.jpg" />
> <div class="Rating">Average Rating:<b>6/10</b></div>
> </div>
>
> Bit slow and messy but would work ?
>
> 2) Add non-html attributes to the div tag
>
> <div class="Photo" HasVoted="True">
> <div class="Title">Walking in the park</div>
> <img src="photos/walkinginthepark.jpg" />
> <div class="Rating">Average Rating:<b>6/10</b></div>
> </div>
>
> Very messy and not allowed HTML ?
>
> 3) Using some sort of array in the Jquery code to remember the state
> of all of the photos on the page.
>
> Not sure how I'd create this array when the page is first created by
> my asp.net code, or update it if partial page updates added or removed
> photos from the page.
>
> There must be a standard, accepted way of doing this ? The in-built
> toggle function must use something like this to remember the state of
> stuff you've clicked ?
>
> Any help would be really appreciated.
