0
To facilitate the explanation, I have separated the following mockup:
The idea is this:
Each of the options in the DIV is originally not visible, the idea is that an option is visible only after the user click. Also, the clicked option is transferred to last div
, where a sentence is created based on users' choices in the three boxes.
How can I make the user choose only one option per box (when selecting one, the previous selection is forgotten/blocked)? And how can I transfer these choices to the last div
, where a sentence will be formed?
Image does not load.
– Beterraba
It looks normal here. Anyway, here’s a mirror http://imgur.com/OgHfLHe
– Anne
Can you edit the question to include the relevant part of the code you already have, please? It will give you a better idea of how to answer.
– dang
Use Jquery, so when the user clicks on an option others are forgotten/cleaned up (I won’t go into it because you find a lot in Google about style changes and other things with Jquery).
– Victor Martins
For example, the user clicked on box 1: [box0], [box1], [box2]; when he clicks [box2] you forget the other boxes: [box0], [box1], [box2]. Already the transfer you can take the clicks and save in an array and at the end use the method . append() and insert in the last div. See how amazing Jquery is?
– Victor Martins
It reminded me a lot of that strip: http://xkcd.com/1350/!
– utluiz
It would look something like this http://jsfiddle.net/zpykZ/ ??
– Erlon Charles
@Erloncharles would be interesting if you publish what you did as a response.
– Paulo
I first wanted to know if it is at least something like this, if it is and have some caveat I publish as an answer and I go making the modifications.
– Erlon Charles