研究日誌 - 1380461699 - したらば掲示板

研究日誌

242：名無しさん：2014/06/17(火) 08:04:26: 「前の日誌が行数が多すぎの為に分割」

続いて、変更のHTMLの概要が以下です。

----- 変更後 -----

置換前文字列<input type="text" name="mae" size="30" id="in1" value="@@1"> →ID名を追加
</p>
<p>
置換後文字列<input type="text" name="ato" size="30" id="in2" value="@@2"> →ID名を追加
</p>
（中略）
<p>
<input type="submit" value="　送　信　" onclick="doDataLink(document.getElementById('in1').value+'%%##%%'+document.getElementById('in2').value)"> →送信ボタン
</p>
<p>
<input type="button" value="　終　了　" onClick="doDataLink('Exit')" /> →終了ボタン

----- 変更後（終わり） -----

変更後は、formタグがなくなり、送信ボタンを押したときに
document.getElementByIdでテキストボックスの内容を取得し
そのまま、doDataLink関数を呼び出してBASIC!側にURL
エンコードなしで受け渡す形です。

変更後の画面は以下です。ちょっと改行が正しくありませんが
今回のテストには影響ないのでそのままテストしました

【テスト用に作成したHTML画面】
https://www.dropbox.com/s/itfxqv0atfaiyla/Screenshot_2014-05-05-16-09-40.png

結果的には、HTMLから受け渡された日本語文字列が
文字化けせずにコンソール画面にprint文で表示できました。

【テスト用プログラム実行後のBASIC!コンソール画面】
https://www.dropbox.com/s/5e6salvzhqpgnw5/Screenshot_2014-05-05-16-10-25.png

【テストに使用したプログラムとHTMLファイル】
https://www.dropbox.com/s/4x0svxl20bayhjg/t-htmtste2.bas.txt
https://www.dropbox.com/s/1yrstux26p5r1u8/testkix1.html.txt

◆◆◆最後に◆◆◆
formタグは、BASIC!では使いづらいと思います。
doDataLink関数のパラメーターにdocument.getElementById
を利用すると、BASIC!プログラム側がシンプルになり、
いいと思います。

2chMate 0.8.6/Kobo/arc 7/4.2.2/LT

※書き込む際の注意事項はこちら

※画像アップローダーはこちら

（画像を表示できるのは「画像リンクのサムネイル表示」がオンの掲示板に限ります）