ドゥアイネットのプログラマー、湯川が開発日記を綴ります。

CALENDAR
S M T W T F S
    123
45678910
11121314151617
18192021222324
252627282930 
<< November 2018 >>
ARCHIVES
CATEGORIES
<< MySQLのFORCE INDEX | main | FenrirFS >>
a タグでの submit
 HTMLでFormを組み、「送信する」などのボタンをクリックして
値を送信するページを作りました。

初めはこのボタンを

<a href="javascript(0);" class="btn_submit" onClick="onBtnSubmitClick()" />

というようにしていました。
クリックしたときにJavascriptで作成した onBtnSubmitClick() を呼び出し、
その中で

document.formInput.submit();

を実行し、送信処理(画面遷移)を実行していました。

IE7や8だと問題なく動くのですが、これがIE6だと動きません。
submit 直前まではきちんと動いているようなのですが・・

急ぎだったので、全ての画面遷移用ボタンをinputタグに変更しました。

<input type="image" src="../img/btn_submit_off.gif"
 onmousedown="this.src='../img/btn_submit_active.gif'";
 onMouseOut="this.src='../img/btn_submit_off.gif'";
 onMouseOver="this.src='../img/btn_lsubmit_over.gif'";
 onclick="onBtnSubmitClick();">

これでうまくいったので良かったです。

その後ちょっと調べてみたところ、onclick に設定した関数のあとに
return false を追加したらうまくいくとありました。

<a href="javascript(0);" class="btn_submit" onclick="onBtnSubmitClick();return false;" />

まだ試していないですが、a タグのほうがすっきりと書けるので、
これから作成する際には活用してみようと思います。
| デザイン | 18:52 | comments(1) | - |
コメント
http://www.kd10-shoes.us.com/ kd 9
http://www.curry4-shoes.us.com/ curry 4 shoes
http://www.salomonspeedcross3.us.com/ salomon
http://www.adidas-ultraboost.us.com/ adidas ultra boost women
http://www.fitflopsshoes.us.com/ fit flops
http://www.lebron15-shoes.us.com/ basketball shoes
http://www.katespadepurses.us.com/ kate spade handbags
http://www.nikeairmax-90.us.com/ nike air max 90
http://www.pandora-jewelrysale.us.com/ pandora rings
http://www.yeezyboost350shoes.us.com/ yeezy boost 350 v2
http://www.longchampbag.us.com/ longchamp bag
http://www.jordan11spacejams.us.com/ jordan 4
http://www.jordans11shoes.us.com/ jordan 13
http://www.nikeairvapormaxflyknit.us.com/ nike vapor max
http://www.kyrie-4.us.com/ nike kyrie
http://www.hermesbirkin-handbags.us.com/ hermes birkin bag
http://www.adidasnmdrunnerr1.us.com/ adidas boost
http://www.pandorajewelryrings.us.com/ pandora jewelry
http://www.airmax90shoes.us.com/ nike flyknit
http://www.birkenstocksandalssale.us.com/ birkenstock clearance
http://www.fitflops-sale.us.com/ fitflop sandals
http://www.pumafentyrihannashoes.us.com/ puma running shoes
http://www.adidasyeezy-350.us.com/ yeezy 750
http://www.louboutinredbottoms.us.com/ christian louboutin mens
http://www.pandorajewelryscharms.us.com/ pandora jewelry official site
ドリフトliuyuzhen
| lebron shoes | 2018/03/25 1:10 PM |
コメントする