[ethereal1m]

Dear all,
I want to create a pop up window that displays a radio buttons with image among them. Suppose that I want to create a node tree that has parents and child node to it. for example:

                   parent1
                    *    *
                   *      *
              child1      child2

above example displays parent1,child1, and child2 as nodes. The buttons will be put on the place of the nodes, hence there are 3 buttons in the example. The ** represent branches that connect parent1 with its children.

I cannot really picture how to implement this because when I implement buttons, I put them inside a form tag in my html code and never put any image file inside it. How do I achieve this?

Regards,
ethereal1m

[Dormilich]

creating a click-button with an image is easy:

<button type="button">
  <img … >
</button>

if it’s just that it should be a clickable image (without the button style), you could even use a bare image and add an event listener to it.

and for a radio button with image just assign it as its label:

<label for="parent1">
  <img … >
</label>
<input type="radio" id="parent1" … >

[ethereal1m]

thank you...