Need help creating dynamic objects

m2244 · 09-19-2012, 04:47 PM

OK, so I am trying to create a 'page scrubber' but I am not sure what to use.

In a nutshell, I plan on using JS and jQuery to read an XML file and count the number of pages listed in it. Then I want to populate a div with a number of 'tick marks' corresponding to the number of pages involved. These tick marks need to be something the user can hover which will display the page associated with that tick mark. Then if they click on it they can jump ahead to that page.

My question is, what should I use to created these tick marks? They will need to be small and evenly spaced. The number of these tick marks will vary.

Thanks in advance

xelawho · 09-19-2012, 04:59 PM

any html element can have an onclick and onmouseover event - it seems to me to depend on what you want the page to look like. The obvious candidates would be a span or button with a text content of an ascii code like & #10003 (closed up between the & and #) or an image tag

the coding for counting and laying out the ticks and adding their event listeners will be the same - it's pretty much up to you.

m2244 · 09-19-2012, 05:14 PM

Hey, thanks for the help again. I am trying to get my head around this. i don't understand this part of your comment.

Quote:

Originally Posted by xelawho

...with a text content of an ascii code like & #10003 (closed up between the & and #) or an image tag

Can you explain this a bit?

xelawho · 09-19-2012, 05:30 PM

here is a list of some of the characters that html can render. Towards the bottom you will find check mark. Depending on if it were a span or a button, you would code it like this:

Code:

<span>& #10003;</span>
<button>& #10003;</button>

but without the space between the & and the # - if I write that here, this page renders it and you get ✓ which is what it will look like on your page

was that your question?

m2244 · 09-19-2012, 06:16 PM

I see what you're saying now. I haven't used special characters very often. Thanks very much.