text field probleem!!

[Mystis]

Helloo mense.. k'heb een probleem.

Het is namelijk een javascript (als ik het goed heb). Je moet een cijfer (voorbeeld: van 1 tot 100), in een text field typen, en zodra er op de 'OK' knop word gedrukt word als goed een tafel ervan weergegeven. Als popup dacht ik.. .

Ken iemand me hierbij aub helpen? Ik ken alleen de textfield html.. maar niet zo geadvanceerd

 

[Egel]

Iets als dit?

<script type="text/javascript">
 function tafel() {
  var s = '', x = parseInt(document.f.g.value);
  for (var i = 1; i <= 10; i ++) s += i + ' x ' + x + ' = ' + (i * x) + '\n';
  alert(s);
  return false;
  };
</script>

<form name="f" onsubmit="return tafel()">
 <input name="g" type="text" size="5">
 <input type="submit" value="Tafel!">
</form>

Vr.Gr. Egel.

 

[Mystis]

Iets als dit?

<script type="text/javascript">
 function tafel() {
  var s = '', x = parseInt(document.f.g.value);
  for (var i = 1; i <= 10; i ++) s += i + ' x ' + x + ' = ' + (i * x) + '\n';
  alert(s);
  return false;
  };
</script>

<form name="f" onsubmit="return tafel()">
 <input name="g" type="text" size="5">
 <input type="submit" value="Tafel!">
</form>

Vr.Gr. Egel.

Yes!!, dat is hem! . Hartstikke bedankt :thumb:

 

[Mystis]

sry voor double post... maar is het ook mogelijk om, inplaats van een popup, de resultaat op de pagina verschijnt? (onder de balk als voorbeeld).

 

[Egel]

Ja hoor.

In een textarea:

<script type="text/javascript">
 function tafel() {
  var s = '', x = parseInt(document.f.g.value);
  for (var i = 1; i <= 10; i ++) s += i + ' x ' + x + ' = ' + (i * x) + '\r\n';
  document.f.t.value = s;
  return false;
  };
</script>

<form name="f" onsubmit="return tafel()">
 <input name="g" type="text" size="5"> <input type="submit" value="Tafel!"><br>
 <textarea name="t" cols="24" rows="12"></textarea><br>
</form>

of in een div:

<script type="text/javascript">
 function tafel() {
  var s = '', x = parseInt(document.f.g.value);
  for (var i = 1; i <= 10; i ++) s += i + ' x ' + x + ' = ' + (i * x) + '<br>';
  document.getElementById('resultaat').innerHTML = s;
  return false;
  };
</script>

<form name="f" onsubmit="return tafel()">
 <input name="g" type="text" size="5"> <input type="submit" value="Tafel!"><br>
 <div id="resultaat"></div>
</form>

Vr.Gr. Egel.

 

[Mystis]

en hoe is het als het in een frame moet?

ken je de [Cancel] knop ook in stoppen..?

 

[Marinaio]

Je kan het beter niet in frames weer laten geven. Probeer je aan te wennen elke website zonder frames op te bouwen maar in divjes. Dit is vele malen handiger voor zoekmachines, wordt door elke browser ondersteunt, etc.

Kortweg is het bijzonder verouderd... Antwoord op je vraag heb ik niet, sorry...

 

[Egel]

Met een iframe zou zo kunnen:

<script type="text/javascript">
 function tafel() {
  var s = '', x = parseInt(document.f.g.value);
  for (var i = 1; i <= 10; i ++) s += i + ' x ' + x + ' = ' + (i * x) + '<br>';
  resultaat.document.body.innerHTML = s;
  return false;
  };
</script>

<form name="f" onsubmit="return tafel()">
 <input name="g" type="text" size="5">
 <input type="submit" value="Tafel!">
 <input type="reset" value="Wis">
 <br>
 <iframe name="resultaat"></iframe>
 <br>
</form>

De input type="reset" is een wisknop. Als je het script met de textarea gebruikt dan wordt de resultaten ook gewist.


Vr.Gr. Egel.

 

[Mystis]

Haha.. wow, hartstikke bedankt Egel. ^^

Ik stop maar met het vragen voordat ik als zeur word aangekeken .

 

[Egel]

Haha.. wow, hartstikke bedankt Egel. ^^

Graag gedaan!

Ik stop maar met het vragen voordat ik als zeur word aangekeken .

Gewoon vragen als je er niet uitkomt. Daar leer je het meeste van!


Vr.Gr. Egel.