0

OK、これが取り引きです：

ランダムな引用符を生成するボタンに使用したいこのコードを見つけました。現在、10 文字の単語のみを実行するように設定されています。テキストボックスがより大きな文字の結果に対応できるように、その値を変更できることがわかりました。ただし、onclick イベントの後のテキスト ボックスのサイズが、吐き出す引用符の文字長に基づいて動的に生成されるようにする方法はありますか? もしそうなら、横だけでなく縦にも伸ばす方法はありますか？約 150 文字を収容するためにサイズを大きくすると、ページからはみ出してしまいます。私はJSが初めてなので、助けや指示をいただければ幸いです。

コード：

<!DOCTYPE html>
<html>

<SCRIPT LANGUAGE="JavaScript">
<!--
// Use the following variable to specify 
// the number of random words
var NumberOfWords = 28

var words = new BuildArray(NumberOfWords)

// Use the following variables to 
// define your random words:
words[1] = "czarevitch"
words[2] = "brightwork"
words[3] = "verkrampte"
words[4] = "protectrix"
words[5] = "nudibranch"
words[6] = "grandchild"
words[7] = "newfangled"
words[8] = "flugelhorn"
words[9] = "mythologer"
words[10] = "pluperfect"
words[11] = "jellygraph"
words[12] = "quickthorn"
words[13] = "rottweiler"
words[14] = "technician"
words[15] = "cowpuncher"
words[16] = "middlebrow"
words[17] = "jackhammer"
words[18] = "triphthong"
words[19] = "wunderkind"
words[20] = "dazzlement"
words[21] = "jabberwock"
words[22] = "witchcraft"
words[23] = "pawnbroker"
words[24] = "thumbprint"
words[25] = "motorcycle"
words[26] = "cryptogram"
words[27] = "torchlight"
words[28] = "bankruptcy"

function BuildArray(size){
    this.length = size
    for (var i = 1; i <= size; i++){
        this[i] = null}
    return this
}

function PickRandomWord(frm) {
    // Generate a random number between 1 and NumberOfWords
    var rnd = Math.ceil(Math.random() * NumberOfWords)

    // Display the word inside the text box
    frm.WordBox.value = words[rnd]
}
//-->
</SCRIPT>

<body>

    <FORM NAME="WordForm">
    <INPUT TYPE=TEXT SIZE=10 NAME="WordBox"><BR>
    <INPUT TYPE=BUTTON onClick="PickRandomWord(document.WordForm)" 
    VALUE="Refresh">
    </FORM>


</body>
</html>
4

1 に答える 1

0

これは、css で行うことのように思えます。このようなことを試してください。

<FORM NAME="WordForm" style="max-width:50px; overflow-y: scroll;">
于 2013-08-12T21:49:30.523 に答える