Og et helt fodboldhold:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
</style>
<script language="javascript" type="text/javascript">
function insertPlayer(trgt){
if(trgt == 'remove'){
var k = document.getElementById('keeper');
var f = document.getElementById('forsvar');
var m = document.getElementById('midtbane');
var a = document.getElementById('angreb');
var player;
if(k.selectedIndex > -1){
player = k.options[k.selectedIndex].text;
k.options[k.selectedIndex] = null;
if(k.length == 0)
k.options[0] = new Option("Vælg målmand");
}else if(f.selectedIndex > -1){
player = f.options[f.selectedIndex].text;
f.options[f.selectedIndex] = null;
if(f.length == 0)
f.options[0] = new Option("Vælg forsvarere");
}else if(m.selectedIndex > -1){
player = m.options[m.selectedIndex].text;
m.options[m.selectedIndex] = null;
if(m.length == 0)
m.options[0] = new Option("Vælg midtbanespillere");
}else if(a.selectedIndex > -1){
player = a.options[a.selectedIndex].text;
a.options[a.selectedIndex] = null;
if(a.length == 0)
a.options[0] = new Option("Vælg angribere");
}else return;
var s = document.getElementById('spillere');
s.options[s.length] = new Option(player);
s.selectedIndex = 0;
}else{
var s = document.getElementById('spillere');
if(s.selectedIndex>0){
var sel = document.getElementById(trgt);
if(sel.length == 1 && sel.options[0].text.indexOf("Vælg") == 0)
sel.length = 0;
if(sel.length >= sel.size){
alert("Du kan højest vælge " + sel.size + " af denne spillertype");
s.selectedIndex = 0;
return;
}
sel.options[sel.length] = new Option(s.options[s.selectedIndex].text);
s.options[s.selectedIndex] = null;
s.selectedIndex = 0;
}
}
}
</script>
<title>Vælg spillere</title>
</head>
<body>
<br>
<form id="minForm" name="minForm">
<fieldset>
<legend>Vælg spillere</legend>
<select id="spillere">
<option>Vælg spiller</option>
<option>Hans Andersen</option>
<option>Preben Elkjær</option>
<option>Michael Laudrup</option>
<option>Peter Schmeichel</option>
<option>Pauli Andersen</option>
<option>Jørgen Hansen</option>
<option>Søren Lerby</option>
<option>Spiller 8</option>
<option>Spiller 9</option>
<option>Spiller 10</option>
<option>Spiller 11</option>
<option>Spiller 12</option>
<option>Spiller 13</option>
<option>Spiller 14</option>
<option>Spiller 15</option>
</select><br>
<button onclick="insertPlayer('keeper');return false">Indsæt målmand</button>
<button onclick="insertPlayer('forsvar');return false">Indsæt forsvarer</button>
<button onclick="insertPlayer('midtbane');return false">Indsæt mindtbanespiller</button>
<button onclick="insertPlayer('angreb');return false">Indsæt angriber</button>
</fieldset>
<select id="keeper" multiple size="1">
<option>Vælg målmand</option>
</select>
<select id="forsvar" size="5">
<option>Vælg forsvarere</option>
</select>
<select id="midtbane" size="4">
<option>Vælg midtbanespillere</option>
</select>
<select id="angreb" size="3">
<option>Vælg angribere</option>
</select><br>
<button onclick="insertPlayer('remove');return false">Fjern valgt</button>
</form>
</body>
</html>
Ny bruger
Nybegynder
Opret
Preview
