Thanks for your answers guys. I thought there might be some very clever way of doing it that the pros aren't telling us about.
I'm guessing if my Javascript skills were better I'd probably be able to create a "Grid" object with lots of handy properties and create an instance of that object for each Grid on the page ? Back to "Javascript for Dummies" :( Jon On Nov 26, 6:07 pm, "Glen Lipka" <[EMAIL PROTECTED]> wrote: > I use psuedo attributes all the time. As long as you use them properly > (google "expandos") they are safe. But then your page won't "validate". > You could also use XML, I think. > > <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> > <HasVoted>true</HasVoted> > </div> > > But is this any "better" than hidden fields? > I think the main questions are: > > 1. Is validation critical to you? > 2. What is the most manageable for you? > > Glen > > On Nov 26, 2007 9:59 AM, Wizzud <[EMAIL PROTECTED]> wrote: > > > > > 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.
