痔になりやすい生活習慣とは?

HTML、PHP、JavaScript等でサイトを作っているのですが・・・。

【実現出来ている例】
<form name="form1" method="post" action="Next.php" onSubmit="return InputCheck()">
 <input type="submit" value="送信">
</form>
 submitボタンを一つ置いて、それがクリックされた場合に
formの内容をPOSTで送信する。

【実現したい例】
<form name="form1 method="post">
 <a href="Next.php" onClick="???">???</a>
</form>
 formの中のリンクをクリックされた場合に、formの内容を
POSTで送信したいのですが、その実現方法がわかりません。
GETで送るという手もあり得ますが、今回はどうしてもPOST
したいのですが。

A 回答 (2件)

<form name="form1" method="post" action="Next.php">


<a href="#" onClick="document.form1.submit();">???</a>
</form>

onclick内の対象がform1としてあてているので、
アンカータグは別にform内に記述しなくても大丈夫です

form内にhidden等でnameとvalueを持ったパラメータがあればそれも送られます

アンカータグから動的にvalueを変更したい場合は、
document.form1.hogename.value = 'hoge';
等をsubmit()の前に行えば可能です

ただしform内に
<input type="hidden" name="hogename" value="">
を記述する等、変更先パラメータの元を用意する必要がありますのでご注意下さい

この回答への補足

ご回答ありがとうございます。

何となくイメージがつかめてきましたので、
現在実験中です。

そこで、ひとつ追加質問させて下さい。

<a href="#"~

このシャープ記号は、文字通り"#"なのでしょうか?
それとも何か別の物を表しているのでしょうか。

補足日時:2007/02/28 12:53
    • good
    • 0

> <a href="#"~


>
> このシャープ記号は、文字通り"#"なのでしょうか?
> それとも何か別の物を表しているのでしょうか。

文字通りです
アンカータグ(<a>)はhref属性があることで文字色が変わりアンダーラインが付き、
カーソルがポインターになるという動作・レンダリングが適用されます
それを適用させるために # を入れてあげています

href属性のシャープそのものはページ内移動として動作し、
また、href属性がなくてもonclick自体は動作します


他のやり方では

<a href="javascript:document.form1.submit();">???</a>

でhref属性に直接javascriptを入れたり、

<a onClick="document.form1.submit();" style="text-decoration:underline;color:#00f;cursor:pointer;">???</a>

として、href属性のないものにstyleを適用させて、
アンカーっぽく見せる等、やり方は多様です

href属性へ直にjavascriptを入れるのは、
リンク部分にカーソルを合わせた際、
ステータスバーにそのままjsの処理が表示されます

href="#" はonclickを使用する際に前途動作・レンダリングを適用させ、
尚且つステータスバーに処理を表示させないという一般的な方法です

href属性に直js or onclick + href属性#、ここは好みかなと思います
(style設定でする方は恐らく少数派でしょう)
    • good
    • 3
この回答へのお礼

>href="#" はonclickを使用する際に前途動作・レンダリングを適用させ、
尚且つステータスバーに処理を表示させないという一般的な方法です

 ご回答ありがとうございました。
 おかげさまで実現する事が出来ました。

お礼日時:2007/03/05 22:30

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

QリンクでPOSTデータを送信することは可能ですか?

はじめまして。
Submitボタンを使用せずに<A>リンクでFORMのPOSTメソッドデータを送信することは可能でしょうか?
やはりURLにデータを付加して送信するしかないのでしょうか?
ご教授よろしくお願い致します。

Aベストアンサー

javascript を使えば可能です。大雑把にはこんな感じ。

・パラメータが全部 hidden な form を記述しておく(ブラウザでは表示されない)
・<a href> では、その form を submit するように javascript を記述する

試してないですけど、こんな感じ。

<form name=f method=POST action="http://どこか">
<input type=hidden name=x1 value=v1>
</form>

<a href="javascript:document.f.submit()">リンクから submit</a>

QPOSTで

POSTで
<a href=sample.cgi?md=aa&tx=zz~>hoge</a>
<a href=sample.cgi?md=bb&tx=yy~>hoge2</a>
<a href=sample.cgi?md=cc&tx=xx~>hoge3</a>
<a href=sample.cgi?md=dd&tx=ww~>hoge4</a>

を送る方法でjavascriptとの組み合わせで出来るのかな?
と思い検索したら

<form action="./sample.cgi" method="POST" name="post">
<input type="hidden" name="md" value="aa">
<input type="hidden" name="tx" value="zz">
          :
<a href='#' onClick="document.post.submit();return false">hoge</a>
<form action="./sample.cgi" method="POST" name="post2">
<input type="hidden" name="md" value="bb">
<input type="hidden" name="tx" value="yy">
          :
<a href='#' onClick="document.post2.submit();return false">hoge2</a>

このような手法が見つかりました
これだと行数が多くなり、なんとなくすっきりしません
どなたかいい解決方法を教えてください
よろしくお願いします

POSTで
<a href=sample.cgi?md=aa&tx=zz~>hoge</a>
<a href=sample.cgi?md=bb&tx=yy~>hoge2</a>
<a href=sample.cgi?md=cc&tx=xx~>hoge3</a>
<a href=sample.cgi?md=dd&tx=ww~>hoge4</a>

を送る方法でjavascriptとの組み合わせで出来るのかな?
と思い検索したら

<form action="./sample.cgi" method="POST" name="post">
<input type="hidden" name="md" value="aa">
<input type="hidden" name="tx" value="zz">
          :
<a href='#' onClick="document.post.submit();return...
続きを読む

Aベストアンサー

JavaScriptオフの場合を考えないなら、このように書けます。


<!-- フォーム -->
<form action="sample.cgi" method="post" name="form1">
<input type="hidden" name="md">
<input type="hidden" name="tx">
</form>


<!-- スクリプト -->
<script type="text/javascript"><!--
function Post(md, tx) {
  form1.md.value = md;
  form1.tx.value = tx;
  form1.submit();
}
//--></script>


<!-- リンク -->
<a href="javascript:Post('aa', 'zz')">hoge</a>
<a href="javascript:Post('bb', 'yy')">hoge2</a>

QJSPでリンクを利用してパラメータを次画面に渡す方法について。

一覧表示されているデータのNOをクリックすると、二つのパラメータでデータベースへアクセスし、該当データの詳細画面に遷移する、というプログラムを作っています。

データベースへアクセスする際に必要なIDは2つで、仮にID_A、ID_Bとします。
リンク部分のソースは

---------------------------------------------------------------------
<a href = "update_form.jsp?ID_A=<%= rs.getString("ID_A") %>">番号</a>
<input type="hidden" name="ID_B" value="<%= rs.getString("ID_Bcat_id") %>">
---------------------------------------------------------------------

としておりますが、次画面へ遷移すると、ID_Bの値はnullとなってしまうために、正常にデータの取得ができません。

二つのパラメータを使用する場合のパラメータを渡す方法を教えて頂きたいと思います。よろしくお願いします。

一覧表示されているデータのNOをクリックすると、二つのパラメータでデータベースへアクセスし、該当データの詳細画面に遷移する、というプログラムを作っています。

データベースへアクセスする際に必要なIDは2つで、仮にID_A、ID_Bとします。
リンク部分のソースは

---------------------------------------------------------------------
<a href = "update_form.jsp?ID_A=<%= rs.getString("ID_A") %>">番号</a>
<input type="hidden" name="ID_B" value="<%= rs.getString("ID_Bcat_id") %>">...続きを読む

Aベストアンサー

<a href = "update_form.jsp?ID_A=<%= rs.getString("ID_A") %>&ID_B=<%= rs.getString("ID_Bcat_id") %>">番号</a>

としてID_Bを&で繋げればMethod="get"で送れますね。
inputタグで送る場合はformタグでactionアトリビュートに飛ぶjspを指定してsubmitボタンかJavaScriptでsubmitさせなければならないと思います。

Q【FORM】 リンク文字で submit したい

<FORM METHOD="post" ACTION="tbl_admin.html">
<A HREF="#" onClick="fnc.value='abc'; this.form.submit();">リンク文字</A><BR><BR>
<INPUT TYPE="hidden" NAME="fnc" VALUE="">
<INPUT TYPE="submit" VALUE="aaa">
</FORM>

と書いてみたのですが
エラー:'this.form' は Null またはオブジェクトではありません。
としまいました。
<SELECT>のonChangeで同じような事は出来たのですが、
単なるリンク文字クリックでこのようなことはできないのでしょうか。

可否をご存知の方、また実現方法等ご存知の方
いらっしゃいましたらご教示願います。
よろしくお願い致します。

Aベストアンサー

#1さんの補足ですが、アンカー(a)要素はformの中に入れても
従属関係にはないので上位のformにアクセスすることはできません。
#1さんの解説ではformにformという名前をつけていますが、
場合によっては名前の競合が発生するのでなるべくタグ名と
同じ名前を使わない方がよいでしょう。
また、allでアクセスするのはあまりお勧めできませんので、
やるならdocument.forms[フォーム名]もしくはdocument.フォーム名
でやるか、nameではなくidをつかってdocument.getElementById(id名)
でやるとよいでしょう。

<FORM METHOD="post" ACTION="tbl_admin.html" name="form1">
<A HREF="#" onClick="f=document.form1;f.fnc.value='abc'; f.submit();">リンク文字</A><BR><BR>
<INPUT TYPE="hidden" NAME="fnc" VALUE="">
<INPUT TYPE="submit" VALUE="aaa">
</FORM>

#1さんの補足ですが、アンカー(a)要素はformの中に入れても
従属関係にはないので上位のformにアクセスすることはできません。
#1さんの解説ではformにformという名前をつけていますが、
場合によっては名前の競合が発生するのでなるべくタグ名と
同じ名前を使わない方がよいでしょう。
また、allでアクセスするのはあまりお勧めできませんので、
やるならdocument.forms[フォーム名]もしくはdocument.フォーム名
でやるか、nameではなくidをつかってdocument.getElementById(id名)
でやるとよいでし...続きを読む

QテキストリンクをPOST送信したい

「自由に入力できる任意の値」ではなく、「常に固定な値」をPOST送信するにはどうすればよいでしょうか?

■現状
<a href="index.php?hoge=1">hoge</a>
・テキストリンク形式
・このままだと、GET送信で、URLにパラメータが表示されてしまう。
 ↓
■やりたいこと
・URLにパラメータを表示させたくない
・クリックした時点で、常に「hoge=1」をパラメータとして送りたい

■知りたいこと
・遷移前(パラメータを送る側のページ)の書き方を教えてください

Aベストアンサー

デザインとしてボタンを嫌う場合に良くつかわれるのが下記方法です。
普通にFORMを組んで、SUBMITボタンではなくテキストリンクでSUBMITするだけです

<FORM NAME="form" METHOD="POST" ACTION="index.php">
<A HREF="javascript:document.form.submit()">SUBMIT</A>
<input type="hidden" name="hoge" value="1">
</FORM>

QonClickに複数の関数を挿入する方法

初心者なのですがアニメーションの関数anime1、anime2、anime3を作成し、onClickに下記のように設定しました。
クリックするとアニメーション2つの設定ではは動くのですが、3つ目を設定すると動かなくなります。
通常はこのような設定はしないものなのでしょうか?
教えてください。
よろしくお願いします。
<INPUT type="button" value="START" onClick="anime1(), anime2()">・・・OKです。
<INPUT type="button" value="START" onClick="anime1(), anime2(),anime3()">・・・動きません。

Aベストアンサー

セミコロンでつなぐのが常道ですが、3つ以上なら
別途function化したほうが、可読性が高くなると
思います。

Aベストアンサー

hogehoge.phpで値を受け取りたいということでしょうか。
それでしたら

引数の数が決まっていないのでしたら
<a href="hogehoge.php?30,60…">login</a>
という形にリンクを造り
hogehoge.phpで
<?
//explode関数は「,」で区切り順番に配列に格納する
//$_SERVER['QUERY_STRING']はURLの?の後に付けられた
//文字列(引数)を取得できます。

$intArray = explode(",",$_SERVER['QUERY_STRING']);


print_r($intArray); //変数の内容を表示します
?>

とすれば変数$intArrayに配列で投げ込まれます。

受け取る値の数が決まっているのであれば

<a href="hogehoge.php?a=30&b=40">login</a>
という形にリンクを造り
hogehoge.phpで
<?

echo $_GET['a']."<BR>\n";
echo $_GET['b']."<BR>\n";

?>

とすればGETメソッドで投げられた引数を
$_GET[リンク時に設定した変数名]で引数が取得できます。

取得した引数は正規表現などでチェックしないと
思わぬセキュリティーホールを造ってしまったりして危険ですので
気を付けて下さい。
例えば数字のみの入力を許したいなら
if(!ereg("^[0-9]*$",評価する変数)) die("不正な引数が含まれています。");
とエラー終了させることができます。

hogehoge.phpで値を受け取りたいということでしょうか。
それでしたら

引数の数が決まっていないのでしたら
<a href="hogehoge.php?30,60…">login</a>
という形にリンクを造り
hogehoge.phpで
<?
//explode関数は「,」で区切り順番に配列に格納する
//$_SERVER['QUERY_STRING']はURLの?の後に付けられた
//文字列(引数)を取得できます。

$intArray = explode(",",$_SERVER['QUERY_STRING']);


print_r($intArray); //変数の内容を表示します
?>

とすれば変数$intArrayに配列で投げ込まれ...
続きを読む

QボタンをクリックでPHP文を実行

ボタンをクリックしたときのみPHP文を実行したいのですが・・・

<input type="button" onClink="<?php~?>">
でいけるかと思ったのですが、
ページ表示時に<?php~?>が実行されてしまい、うまくいきませんでした。

onClink="window.open(test.php)"
という方法以外でお願いします。

Aベストアンサー

AjaxはもともとJavaScriptの機能である非同期通信をつかったもので。Ajaxという言語があるわけではありません

Ajaxを利用するのであれば、JavaScriptのXMLHttpRequestを使って非同期通信できるような実装をしなくてはなりません
簡単にサンプルコードで書けるほど単純なものでもありません

一般的なサーバーサイドスクリプトの動作として、
ボタンを押す->サーバーへリクエストする->サーバーが処理する->クライアントに何かしらの結果を返す(出力する)です
つまり、PHP等のサーバーサイドスクリプトは、遷移させることが大前提で動作します

ですから、ボタンを押してその場でJavaScriptと同じようにPHPが動くなんてことはありえません。
ボタンを押したらサーバーにリクエストする という動作ならば可能です。

つまり
質問で言われているような
onClink="window.open(test.php)"

<form name="f1" action="test.php" method="post">
<input type="submit" name="submit" value="submit" />
</form>
等のような形になります

こういった一般的な方法だと いちいち画面が切り替わったようになってしまうのを嫌って Ajaxでコレと同じことを、画面を切り替えずに行っているだけに過ぎません

AjaxはもともとJavaScriptの機能である非同期通信をつかったもので。Ajaxという言語があるわけではありません

Ajaxを利用するのであれば、JavaScriptのXMLHttpRequestを使って非同期通信できるような実装をしなくてはなりません
簡単にサンプルコードで書けるほど単純なものでもありません

一般的なサーバーサイドスクリプトの動作として、
ボタンを押す->サーバーへリクエストする->サーバーが処理する->クライアントに何かしらの結果を返す(出力する)です
つまり、PHP等のサーバーサイドスクリプトは、...続きを読む

QHTMLフォームのSELECTの幅を一定にするためには?

HTMLフォームのSELECTの幅を一定にするためにはどのようにすれば
いいのでしょうか?

CSS等で設定できるとありがたいのですが、やり方がわかりません。

Aベストアンサー

<select style="width: 200px">

QonClickで関数呼出し後に、結果に応じてsubmitを実行する方法

JavaScriptで、
function func() {
 if (a==0) {
  alert("処理しない");
  return false;
 }
 return true;
}
と、a=0ならfalseを返し、それ以外ならtrueを返す関数を定義しています。

そして、FORMタグで
<FORM NAME="FormName" ACTION="next.html">
<INPUT TYPE="button" VALUE="next" NAME="button1" onClick="return func();submit();">
</FORM>
と記述しています。
要は、ボタンを押下した際にfunc関数がtrueを返せば、next.htmlに
遷移させたいのですが、上記記述では、遷移しません・・・
onClick部分にonClick="return func(),submit();"と記述した場合、
func関数の実行結果がtrueでもfalseでも遷移してしまいます。
そこで、なんとなくonClick="return func()&&submit();"と記述してみたところ、
func関数がtrueの時のみうまく遷移するようになりました。

これは偶然そう動作しているのでしょうか、それとも上記は正しい記述方法なのでしょうか?
正しい記述方法ならいいのですが、上記以外に正式な記述方法があれば
教えていただけないでしょうか?

※TYPE="submit"にすればいいとは思うのですが、buttonで実現したいと
考えております。

JavaScriptで、
function func() {
 if (a==0) {
  alert("処理しない");
  return false;
 }
 return true;
}
と、a=0ならfalseを返し、それ以外ならtrueを返す関数を定義しています。

そして、FORMタグで
<FORM NAME="FormName" ACTION="next.html">
<INPUT TYPE="button" VALUE="next" NAME="button1" onClick="return func();submit();">
</FORM>
と記述しています。
要は、ボタンを押下した際にfunc関数がtrueを返せば、next.htmlに
遷移させたいのですが、上記記述では、遷移しませ...続きを読む

Aベストアンサー

3つのパターンをみる限り、理由は以下の通りと思います。
1.セミコロン(;)で区切った場合、
この場合、「return func();」と「submit();」とは別の文です。returnはその時点の値を戻して、それ以降の動作を打ち切ってしまいます。よって、onClickイベントはfuncメソッドの戻り値(true/false関係なく)を戻して、そこで終了、それ以降のsubmitは実行しないとなります。

2.カンマ(,)で区切った場合、
この場合、「return func(),submit();」が1つの文となります。この「,」は、左右の式を評価して、右式を結果とする演算子です。よって、funcメソッド、submitメソッド両方を評価するため、funcメソッドの戻り値に関係なく、submitされます。

3.&&で区切った場合、
論理演算子「&&」は、左右ともにtrue(0以外)の場合のみtrueとする演算子です。また、2項論理演算子は左式から評価し、左式だけで全体の結果がわかる場合、右式を評価しません。よって、funcメソッドがfalseを戻した場合、その時点でsubmitを評価しなくても演算結果は必ずfalseとなるのでそこで打ち切られ、trueを戻した場合、submitを評価しないと演算結果を得られないため、遷移したわけです。「&&」を「||(論理和)」に変更すると逆の結果得たと思います。

さて、では3の「&&」が正しいかと言われたら、文法上は正しいです。ただし、他人がみてわかるとは思えません。
そこで、以下の記述はいかがでしょう。読んでみてソースを理解できますか。


<FORM NAME="FormName" ACTION="next.html">
<INPUT TYPE="button" VALUE="next" NAME="button1" onClick="func()">
</FORM>

(中略)

// funcの定義
function func() {
 if (a==0) {
  alert("処理しない");
  return ;
 }
 document.FormName.submit();
}

要は、ボタンを押されたら、funcを呼び出せ。
funcでは、aが0ならば、そこで終了しろ。
そうでなければ、documentオブジェクト内のFormNameと言う名前のオブジェクトのsubmitメソッドを呼べ。
です。

3つのパターンをみる限り、理由は以下の通りと思います。
1.セミコロン(;)で区切った場合、
この場合、「return func();」と「submit();」とは別の文です。returnはその時点の値を戻して、それ以降の動作を打ち切ってしまいます。よって、onClickイベントはfuncメソッドの戻り値(true/false関係なく)を戻して、そこで終了、それ以降のsubmitは実行しないとなります。

2.カンマ(,)で区切った場合、
この場合、「return func(),submit();」が1つの文となります。この「,」は、左右の式を評価して、右...続きを読む


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング