Op http://www.onlineverf.nl/winkel/sigma-pearl-clean-matt/ kan je bij het vakje Kleur de optie selecteren Kleur naar Keuze.
Daarna verschijnt er een button Kiezer openen. Als hier op gedrukt wordt verschijnt er een popup scherm.
Bij het vakje Kleurenwaaier in deze popup kan dan een waaier gekozen worden en verschijnen de beschikbare kleuren.
Als de gebruiker een kleurvakje aanklikt is dit de kleur die gekozen is.
Dit is het eindresultaat wat ik wil bekomen.
Ik ben een beginner wat Javascript betreft en ben intussen zover gekomen dat ik een pop up kan openen en er een listbox getoont wordt.
De vraagstelling staat klaar en dient verder aangevuld te worden om nu vakjes te tekenen welke als een soort button gebruikt kunnen worden.
Kan iemand mij hiermee een stapje verder helpen ?
De code zover ik nu ben vindt U hierna.
Daarna verschijnt er een button Kiezer openen. Als hier op gedrukt wordt verschijnt er een popup scherm.
Bij het vakje Kleurenwaaier in deze popup kan dan een waaier gekozen worden en verschijnen de beschikbare kleuren.
Als de gebruiker een kleurvakje aanklikt is dit de kleur die gekozen is.
Dit is het eindresultaat wat ik wil bekomen.
Ik ben een beginner wat Javascript betreft en ben intussen zover gekomen dat ik een pop up kan openen en er een listbox getoont wordt.
De vraagstelling staat klaar en dient verder aangevuld te worden om nu vakjes te tekenen welke als een soort button gebruikt kunnen worden.
Kan iemand mij hiermee een stapje verder helpen ?
De code zover ik nu ben vindt U hierna.
Code:
<script language="JavaScript" type="text/javascript">
function popup()
{
document.getElementById('popup').style.display='block';
}
function verberg()
{
document.getElementById('popup').style.display='none';
}
</script>
<script language="javascript">
function Kleurenwaaier(index) {
if (index == 1) {
} else if (index == 2) {
}
}
</script>
<input type="button" onclick="popup()" value="Popup!">
<div id="popup" style="display: none; border: 2px solid; border-radius: 5px; height: 450 px; width: 100%;background-color: white">
<form action="example.php" name="main" method="post">
<p>Colors:
<select name="Type" id="Type" onChange="Kleurenwaaier(this.selectedIndex)">
<option value="Maak uw keuze">Maak uw keuze</option>
<option value="Ral">Ral</option>
<option value="NCS">NCS</option>
</select>
</p>
</form>
</div>
