General Question

sdeutsch's avatar

How to create a live preview on a website?

Asked by sdeutsch (4253points) September 12th, 2008

I’m building a web store for a friend who makes custom stationery (wedding invitations, birth announcements, etc.) She’d like to have customers choose the color, font and text, and be able to provide them with a preview of roughly what the invite will look like. It could be a live updating thing (like those spiffy fluther comment previews below), or it could be a button that you click to see the preview – either one would be fine.

I’ve never built something like this into a website before, so any hints on where to start would be appreciated!

Observing members: 0 Composing members: 0

4 Answers

Tone's avatar

Yeah, you could do this with Flash or Flex, but you could also do it with web standards using XHTML/CSS/Javascript (Ajax). Basically, you’d have form elements (or fancier controls) for the user to select colors, fonts, and enter text, and the Javascript would take those values and produce a preview, most likely updating any time a change is made in one of those controls.

sdeutsch's avatar

Thanks for all the tips – it looks like Javascript is going to be the easiest way to go, so I’ll give that a shot…

Answer this question

Login

or

Join

to answer.

This question is in the General Section. Responses must be helpful and on-topic.

Your answer will be saved while you login or join.

Have a question? Ask Fluther!

What do you know more about?
or
Knowledge Networking @ Fluther