nicht angemeldet
Hallo !
Ich hab' jetzt noch ein bißchen 'rumgebastelt und dabei ist dies herausgekommen:
---------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<title>Titel</title>
<style type="text/css">
body { font-size:100%; font-family:Verdana, Arial, sans-serif; background-color:#ffffff; }
h1 { font-size:105%; }
</style>
<script type="text/javascript">
<!--
function set() {
var zaehler = 1;
document.getElementById("dummy").value=zaehler;
document.getElementById("feld"+zaehler).focus();
}
function setzezaehler(czaehler) {
document.getElementById("dummy").value=czaehler;
}
function variante2a(zielfeld) {
document.getElementById("feld"+zielfeld).value = document.getElementById("quelle").options[document.getElementById("quelle").selectedIndex].value;
var zaehler = zielfeld+1;
if ( zaehler==6 ) zaehler=1;
document.getElementById("feld"+zaehler).focus();
document.getElementById("dummy").value = zaehler;
}
function variante2b() {
var zaehler = document.getElementById("dummy").value;
document.getElementById("feld"+zaehler).value = document.getElementById("quelle").options[document.getElementById("quelle").selectedIndex].value;
zaehler++;
if ( zaehler==6 ) zaehler=1;
document.getElementById("feld"+zaehler).focus();
document.getElementById("dummy").value = zaehler;
}
//-->
</script>
<body onload="set();">
<h1>Variante 2 :</h1>
<table width="100%">
<tr align="left">
<th>Ziel:</th>
<th>Quelle:</th>
<tr valign="top">
<td>
<form action="form_optionen.html" method="get" id="ziel">
<table>
<tr><td>Raum 1:
<button type="button" onclick="variante2a(1);">-></button>
<input name="r1" id="feld1" type="text" onclick="setzezaehler(1);"></td></tr>
<tr><td>Raum 2:
<button type="button" onclick="variante2a(2);">-></button>
<input name="r2" id="feld2" type="text" onclick="setzezaehler(2);"></td></tr>
<tr><td>Raum 3:
<button type="button" onclick="variante2a(3);">-></button>
<input name="r3" id="feld3" type="text" onclick="setzezaehler(3);"></td></tr>
<tr><td>Raum 4:
<button type="button" onclick="variante2a(4);">-></button>
<input name="r4" id="feld4" type="text" onclick="setzezaehler(4);"></td></tr>
<tr><td>Raum 5:
<button type="button" onclick="variante2a(5);">-></button>
<input name="r5" id="feld5" type="text" onclick="setzezaehler(5);"></td></tr>
<tr><td><input type="reset" onclick="set();"></td></tr>
</table>
</form>
<td>
<select id="quelle" size="8" ondblclick="variante2b()">
<option value="Hans Meier" selected>Hans Meier</option>
<option value="Klaus Schmidt">Klaus Schmidt</option>
<option value="Theo Müller">Theo Müller</option>
<option value="Vera Schulze">Vera Schulze</option>
<option value="Thomas Wolters">Thomas Wolters</option>
<option value="Ottfried Krause">Ottfried Krause</option>
<option value="Leo Buchholz">Leo Buchholz</option>
<select>
</td>
</tr>
</table>
<input id="dummy" type="text">
</body>
---------------------------------------------------------------------
Gegenüber der ersten Variante in meinem vorigen Posting kann man jetzt auch nur durch Auswählen in der Liste die Textfelder der Reihe nach füllen. Dies allerdings nur über Doppelklick, damit man auch weiterhin die Namen auch nur selektieren kann für spätere Korrekturen.
Ich hoffe, man kann den Quellcode halbwegs nachvollziehen. Wenn nicht, bitte nachfragen.
Diesmal gecheckt? *hoff*
Wenn es das jetzt nicht war, dann nicht. *g*
Gruß,
kerki