lag i en formular

Ville det være en idé at have alle spørgsmålene i et element, som kunne scrolles, mens resten af formularen var statisk ?-)

-- og at smide resultatet ind som tekst er simpelt nok ved at bruge en span i stedet for en input (evt. suppleret med et hidden field !-)

Tja, jeg er ikke sikker på hvad du snakker om. Men nu har jeg lavet hele skemaet(formularen) så jeg håber ikke der skal laves for meget om.
Min kode(den du har lavet til mig:)) ser i træk således ud:

<script type="text/javascript">
function checkTal(f){
  var num=0,e=f.elements;
  for(i=0;e.length>i;i++){
    if(e[i].type=='radio'&&e[i].checked)
      num += +e[i].value;
  }
  f.visTal.value = num;
}
</script>

------------------------
?1. Er du
<br><input type="radio" name="radio1" value="2" onclick="checkTal(this.form)">1<br>
<input type="radio" name="radio1"  value="3" onclick="checkTal(this.form)">2<br><br>
?2. Hvis du er
<br><input type="radio" name="radio2" value="5" onclick="checkTal (this.form)">5<br>
<input type="radio" name="radio2" value="-5" onclick="checkTal(this.form)">6<br>
<br>

------------------------
<input type="button" onclick="alert(num);return false;" value="Vis tal">
<br><input type="text" name="visTal" readonly="readonly">
------------------------

Hvis/når vi får løst dette problem kan jeg lukke begge spørgsmål.

F.eks.

<script type="text/javascript">
function checkTal(f){
  var num=0,e=f.elements;
  for(i=0;e.length>i;i++){
    if(e[i].type=='radio'&&e[i].checked)
      num += +e[i].value;
  }
  f.visTal.value = num;
}
</script>

<form>
------------------------
<div style="position:relative;width:250px;height:250px;overflow:-moz-scrollbars-vertical;overflow-x:hidden;overflow-y:scroll;">
?1. Er du
<br><input type="radio" name="radio1" value="2" onclick="checkTal(this.form)">1<br>
<input type="radio" name="radio1"  value="3" onclick="checkTal(this.form)">2<br><br>
?2. Hvis du er
<br><input type="radio" name="radio2" value="5" onclick="checkTal (this.form)">5<br>
<input type="radio" name="radio2" value="-5" onclick="checkTal(this.form)">6<br>
<br>

?1. Er du
<br><input type="radio" name="radio1" value="2" onclick="checkTal(this.form)">1<br>
<input type="radio" name="radio1"  value="3" onclick="checkTal(this.form)">2<br><br>
?2. Hvis du er
<br><input type="radio" name="radio2" value="5" onclick="checkTal (this.form)">5<br>
<input type="radio" name="radio2" value="-5" onclick="checkTal(this.form)">6<br>
<br>

?1. Er du
<br><input type="radio" name="radio1" value="2" onclick="checkTal(this.form)">1<br>
<input type="radio" name="radio1"  value="3" onclick="checkTal(this.form)">2<br><br>
?2. Hvis du er
<br><input type="radio" name="radio2" value="5" onclick="checkTal (this.form)">5<br>
<input type="radio" name="radio2" value="-5" onclick="checkTal(this.form)">6<br>
<br>

?1. Er du
<br><input type="radio" name="radio1" value="2" onclick="checkTal(this.form)">1<br>
<input type="radio" name="radio1"  value="3" onclick="checkTal(this.form)">2<br><br>
?2. Hvis du er
<br><input type="radio" name="radio2" value="5" onclick="checkTal (this.form)">5<br>
<input type="radio" name="radio2" value="-5" onclick="checkTal(this.form)">6<br>
<br>

?1. Er du
<br><input type="radio" name="radio1" value="2" onclick="checkTal(this.form)">1<br>
<input type="radio" name="radio1"  value="3" onclick="checkTal(this.form)">2<br><br>
?2. Hvis du er
<br><input type="radio" name="radio2" value="5" onclick="checkTal (this.form)">5<br>
<input type="radio" name="radio2" value="-5" onclick="checkTal(this.form)">6<br>
<br>

?1. Er du
<br><input type="radio" name="radio1" value="2" onclick="checkTal(this.form)">1<br>
<input type="radio" name="radio1"  value="3" onclick="checkTal(this.form)">2<br><br>
?2. Hvis du er
<br><input type="radio" name="radio2" value="5" onclick="checkTal (this.form)">5<br>
<input type="radio" name="radio2" value="-5" onclick="checkTal(this.form)">6<br>
<br>

?1. Er du
<br><input type="radio" name="radio1" value="2" onclick="checkTal(this.form)">1<br>
<input type="radio" name="radio1"  value="3" onclick="checkTal(this.form)">2<br><br>
?2. Hvis du er
<br><input type="radio" name="radio2" value="5" onclick="checkTal (this.form)">5<br>
<input type="radio" name="radio2" value="-5" onclick="checkTal(this.form)">6<br>
<br>

?1. Er du
<br><input type="radio" name="radio1" value="2" onclick="checkTal(this.form)">1<br>
<input type="radio" name="radio1"  value="3" onclick="checkTal(this.form)">2<br><br>
?2. Hvis du er
<br><input type="radio" name="radio2" value="5" onclick="checkTal (this.form)">5<br>
<input type="radio" name="radio2" value="-5" onclick="checkTal(this.form)">6<br>
<br>

?1. Er du
<br><input type="radio" name="radio1" value="2" onclick="checkTal(this.form)">1<br>
<input type="radio" name="radio1"  value="3" onclick="checkTal(this.form)">2<br><br>
?2. Hvis du er
<br><input type="radio" name="radio2" value="5" onclick="checkTal (this.form)">5<br>
<input type="radio" name="radio2" value="-5" onclick="checkTal(this.form)">6<br>
<br>
</div>
------------------------
<input type="button" onclick="alert(num);return false;" value="Vis tal">
<br><input type="text" name="visTal" readonly="readonly">
</form>

Jo, det ser da ok ud. Ikke lige hvad jeg havde regnet med, havde håbet på en ting der kørte med ned når man scroll'ede. Men jeg tror måske man kan få det til at se okay ud.

Havde du en god idé til hvordan man fik teksten væk fra boksen. Så det kom til at stå som alm. tekst.

Det kan man også, men min erfaring er, at der skal meget volsom kode og omhu, for at få det til at virke konsistent ...

-- ovenstående virker umiddelbart perfekt i IE og Gecko-browserne, næsten perfekt i de browsere, som ikke understøtter overflow-x/y ...

Okay. Meget fint.
Jeg har klaret mig med denne:

<input type="text" name="visTal" readonly="readonly" size="6" style="font-family: Verdana; font-size: 18pt; color: #000000; font-weight: bold; border: 1 solid #FFFFFF">

Det ser okay ud. Men ikke optimalt.

Ligger du et svar.

Argh, den sidste havde jeg glemt alt om:

<script type="text/javascript">
function checkTal(f){
  var num=0,e=f.elements;
  for(i=0;e.length>i;i++){
    if(e[i].type=='radio'&&e[i].checked)
      num += +e[i].value;
  }
  document.getElementById('visTal').innerHTML = num;
}
</script>

-- og:

<span id="visTal" style="font-family: verdana,sans-serif; font-size: 18px; font-weight: bold;"></span>

Velbekomme '-)

-- og tak for point ;~}