• ベストアンサー

複数の値を１つのフォームで受ける効率的な方法

１つのフォームに氏名・年齢・電話番号の３つの項目があり、それぞれ 検索用のテキストボックスと検索ボタンが配置されています。 氏名のテキストボックスと検索ボタンを"A" 年齢のテキストボックスと検索ボタンを"B" 電話番号のテキストボックスと検索ボタンを"C"として 検索キーを入力して検索ボタンを押下して次のフォームに移ります。 その受けるフォームを現在、作成しているのですが 受け取った値がAであれば氏名で、Bであれば年齢で、Cであれば電話番号で それぞれSQLにてデータベースのテーブルより検索して表示させるフォームを作りたいのですが 受け取った値がいずれの値なのかを判断して表示させる方法が思いつきません。 また、検索するテーブルも５つあります。 効率のいい記述をご教示願います。 ＡＳＰの時は以下の記述をしておりました。 長いのでRS1だけまで表記しました。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <%@ LANGUAGE="VBScript" %> <HTML> <HEAD> <TITLE>検索結果一覧</TITLE> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> </HEAD> <CENTER> <% If Request.Form("年齢") <> "" Then sqldata1 = "select * from テーブル１ where 年齢='" & Request.Form("年齢") & "' order by ファイル日付 desc" sqldata2 = "select * from テーブル２ where 年齢='" & Request.Form("年齢") & "' order by ファイル日付 desc" sqldata3 = "select * from テーブル３ where 年齢='" & Request.Form("年齢") & "' order by ファイル日付 desc" sqldata4 = "select * from テーブル４ where 年齢='" & Request.Form("年齢") & "' order by ファイル日付 desc" sqldata5 = "select * from テーブル５ where 年齢='" & Request.Form("年齢") & "' order by ファイル日付 desc" End If Dim Conn,SQL1,RS1,SQL2,RS2,SQL3,RS3 Set Conn = Server.CreateObject("ADODB.Connection") Conn.ConnectionTimeout = 5000 'Conn.open "driver={SQLServer};Server=raichou;UID=ID;PWD=PW;Database=NAME" Conn.open "NAME","ID","PW" SQL1 = sqldata1 Set RS1 = Server.CreateObject("ADODB.Recordset") RS1.Open SQL1, Conn,3,3 %> <span style="font-size:24pt;color:#ff0033"><B>検索結果一覧</B></span> <TABLE border="3" BORDERCOLOR="#9999ff" cellspacing="1" cellpadding="1"> <TR> <TD><span style="font-size:10pt;color:#993333">氏名</span></TD> <TD><span style="font-size:10pt;color:#993333">電話番号</span></TD> <TD><span style="font-size:10pt;color:#993333">年齢</span></TD> </TR> <% Do while Not RS1.EOF %> <TR> <TD><span style="font-size:10pt;color:#000000"><%=RS1("氏名")%></span></TD> <TD><span style="font-size:10pt;color:#000000"><%=RS1("電話番号")%></span></TD> <TD><span style="font-size:10pt;color:#000000"><%=RS1("年齢")%></span></TD> <TD align="center"> <FORM action="view.asp?table=テーブル１" method="post"> <input type="hidden" name="id" value="<%=RS1("ID")%>"> <input type="submit" value="詳細"> </form> </TD> </TR> <% RS1.MoveNext Loop RS1.close Set RS1=Nothing Conn.close Set Conn=Nothing %> </TABLE> <BR> <INPUT TYPE="button" value="戻る" onClick="javascript:history.back();"> </CENTER> </BODY> </HTML>

  • Java
  • 回答数5
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
  • NeilMania
  • ベストアンサー率30% (40/131)
回答No.5

３つのパラメーターに対してSQLの AND OR を使うのもいいと思います。 頑張ってください！

earlgyreprince
質問者

補足

３つのパラメーターに対してSQLの AND OR を作成して作ってみようと思います。ありがとうございました☆

その他の回答 (4)

  • NeilMania
  • ベストアンサー率30% (40/131)
回答No.4

String name = request.getParameter("氏名"); String year = request.getParameter("年齢"); String telephoneNumber = request.getParameter("電話番号"); で値を受け取り値があるかどうかをif,else if何かで チェックをする。 その際、値が０文字以上であればなどとする。 if(name.length() >= 0)をなど使えば出来るかと思います。 値があるのであれば、その値にマッチする値を ＤＢから引っ張り出す。 マッチした値を引っ張りだすのであれば、ループを使わず SQL like構文か何かを使えば出来るかと。 色々とやり方があると思いますが、Javaの知識がないので、俺が今イメージできるのはこれぐらいです。すいません。 JavaScriptを使わなくても出来ると思います。 あとは他の人の回答をお待ちくださいm(_ _)m

earlgyreprince
質問者

お礼

実はif(name.length() >= 0)が分かったので助かりました。 １度作成してみようと思います。 ありがとうございました☆

earlgyreprince
質問者

補足

アドバイスをヒントにJSPを作成してみましたがソースが長く記載出来なかった為、新しくQNo.3125889にて投稿させて頂きました。 宜しければご教示下さいませ。

  • momozange
  • ベストアンサー率67% (21/31)
回答No.3

画面設計に無理があるような気がしますが、そのまま実現するならば3つの入力項目のうち 値が取得できたものを使用すればよいでしょう。 入力フォームにそれぞれ 'name', 'age', 'tel' という名前を設定し、すべての項目に対しgetParameterした結果、1文字以上存在したものを使用すればよいと思います。 # その場合、2つ以上に値が入力されていた場合は最初に検査したパラメータになりますが。 もっともこの場合、入力フォームをひとつ用意し、ラジオボタンやコンボボックスで 「どの項目で検索するか」をユーザに選択させたほうが画面設計としてはスマートです。 その辺の設計変更は考慮できないのでしょうか。

earlgyreprince
質問者

お礼

アドバイスをヒントにJSPを作成してみましたがソースが長く記載出来なかった為、新しくQNo.3125889にて投稿させて頂きました。 宜しければご教示下さいませ。

earlgyreprince
質問者

補足

ありがとございます。 確かに画面設計に考慮が必要かと思います。 1文字以上存在したものを使用する方法も考えていたのですが、お恥ずかしいながら記述が分からなかったので。。。 少し考えてみますが思いつかなければ1文字以上存在したものを値として使用する方法でしよと思います。 ありがとうございました！

  • NeilMania
  • ベストアンサー率30% (40/131)
回答No.2

いまいちやりたい事がわかりませんが… <form action="次のページ" method="post"> 氏名:テキストボックス　検索ボタン 年齢:テキストボックス　検索ボタン 電話番号:テキストボックス　検索ボタン </form> この値を次のページで受け取る？　ＪＳＰなど。 String name =request.getParameter("氏名") String year = request.getParameter("年齢") String telephone = request.getParameter("電話番号") 受け取った値で SQL のlike構文か何かやりたいのでしょうか？ 俺もJavaをはじめたばかりなので、人に教える知識がないため あくまで俺の推測です。

earlgyreprince
質問者

補足

ありがとうございます。 記述している段階でわかりづらいとは思っていました。。。 すみません。 要はメインに検索ボタンとテキストボックスが３つあり、submitさせた 値を次のフォームで受け取り５つのテーブルで一致したデータをループさせて順に表示させるというのを作りたかったのですが。。。 分かりましたでしょうか？

  • STICKY2006
  • ベストアンサー率29% (1536/5269)
回答No.1

こんばんは。 。。。条件が曖昧すぎます。 投稿はJavaだし、でもJavaScriptでやりたさそうでし、でも、ASPとか書いてあるし。。。 とりあえず、「Java」と「JavaScript」は別物なので、勘違いされて覚えているのでしたら一度調べなおすことをオススメします。 正直、JavaScriptで。。。DBの接続やらなにやらは考えづらいのでJavaScriptとASPのコラボを増やしたいとかでしょうか？？？ それ前提で。 ボタン作ります。 <input type ="button" name ="bt1" value ="氏名検索ボタン" onClick ="next_page(1)"> <input type ="button" name ="bt2" value ="年齢検索ボタン" onClick ="next_pate(2)"> JavaScriptの処理作ります。 <script type ="text/JavaScript"> <!-- function next_pate(a){ document.form.action ="つぎのぺーじ?check=" + a; document.form.method ="post"; document.form.target ="_self"; document.form.submit(); } --> </script> でもって、後は、ASP側で、submitがかかった後の値を受け取ってSQLの処理に持っていってやるとかですね。 テーブルに関しては。。。ビューで全部くっつけておけば。。。？などでしょうかね。 不明点については formの属性だとか、methodのget、postだとか、submitあたりを調べてみてください。

earlgyreprince
質問者

補足

分かりづらくてすみません。 やりたい事はメインに検索ボタンとテキストボックスが３つあり、submitさせた値を次のフォームで受け取り５つのテーブルで一致したデータをループさせて順に表示させるというのを作りたいと思っています。 ASPの時に作っていたものをJSPに変更したいと思い、ASPの時のソースを載せました。 「Java」と「JavaScript」が違う事は存じております。 JAVAは経験が浅いのでどう記述を変えたらいいのか分らなかった次第です。 まず、前の値をどのボタンからsubmitされたかを判断する記述がIf Request.Form("年齢") <> "" Thenの部分ですが、これをJSPに変えたらどうゆう記述になるのか等のほとんどが分りかねる為、ご質問させて頂きました。 宜しくお願い致します。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. Java

関連するQ&A

  • ＪＳＰのＩＦ構文教えて下さい！

    こんにちわ。 現在、ログイン認証でＰＷによって次に表示するＪＳＰを作りたいのですが、お恥ずかしい事にＩＦ構文を差し込む所が分かりません。。。 <FORM method="post" action="view.jsp">と<FORM method="post" action="viewx.jsp">で分けるイメージです。 自分でもやってみましたが処理が分岐しません。 勉強不足ですみませんがお知恵をお貸し下さい！お願い致します。 <%@page contentType="text/html; charset=Windows-31J"%> <%@page import="java.sql.*"%> <%! // サーブレットのinitメソッドに相当 public void jspInit() { try { // JDBCドライバをロード Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver"); } catch (Exception e) { e.printStackTrace(); } } %> <html> <head> <title>検索結果一覧</title></head> <BODY bgcolor="#ffffcc"> <CENTER> <span style="font-size:24pt;color:#cc99cc"><B>検索結果一覧</B></span> <CENTER><%=request.getParameter("str")%></br> <br><br> <TABLE border="3" BORDERCOLOR="#9999ff" cellspacing="1" cellpadding="1"> <TR> <TD><span style="font-size:11pt;color:#336000">F1</span></TD> <TD><span style="font-size:11pt;color:#336000">F2</span></TD> <TD><span style="font-size:11pt;color:#336000">F3</span></TD> </TR> <% // データベースへのアクセス開始 Connection con = null; Statement stmt = null; ResultSet rs = null; try { // データベースに接続するConnectionオブジェクトの取得 con = DriverManager.getConnection("jdbc:sqlserver://localhost;DatabaseName=Name","ID","pw"); // データベース操作を行うためのStatementオブジェクトの取得 stmt = con.createStatement(); String param = (request.getParameter("param")); String pass = (request.getParameter("password")); // SQL()を実行して、結果を得る rs = stmt.executeQuery ("SELECT * FROM table where 番号='"+ param +"'"); // 得られた結果をレコードごとに表示 while (rs.next()){ %> <FORM method="post" action="view.jsp"> <input type="hidden" name="num" value="<%= rs.getString("id")%>"> <tr> <%-- レコードの区分フィールドはNull --%> <td></td> <%-- レコードのF1フィールドを表示 --%> <td><%= rs.getString("F1")%></td> <%-- レコードのF2フィールドを表示 --%> <td><%= rs.getString("F2")%></td> <%-- 詳細ボタンを表示 --%> <td><input type="submit" value="詳細表示"></td> </tr> </form> <% } } catch (Exception e) { e.printStackTrace(); // エラー表示プログラム out.write(e.getMessage()); } finally { // データベースとの接続をクローズ try { rs.close(); } catch (Exception e) {} try { stmt.close(); } catch (Exception e) {} try { con.close(); } catch (Exception e) {} } %> </table> <br></br> <center> <INPUT TYPE="button" NAME="btn3" value="戻る" onClick="JavaScript:history.back()"> </body> </html>

    • ベストアンサー
    • Java
  • タイムアウトして表示できません

    以下を実行すると数分かかった挙句タイムアウトします。 どう改善すれば表示できるでしょうか？ IIS 5.1 SQL Server 2005 DBへの接続はconfig.aspで設定してあり、以下とは別のスクリプトの時にconfig.aspを読み込んでのDB接続はできています。 <!--#include file="config.asp" --> <table> <tr> <td><span><b>最終10ログイン</b></span></td> </tr> <tr> <td><span>名前</span></td> <td><span>ログアウト時間</span></td> </tr> <% set rs = Server.CreateObject("ADODB.recordset") sql="select top 10 * from テーブルA, テーブルB where テーブルB.列A=0 AND テーブルA.Id=テーブルB.列1 order by 列B desc" rs.open sql,conn,1,1 do while not rs.eof %> <tr> <td height="19" align="middle"><%=rs("列2")%></td> <td align="middle"><%=rs("列B")%></td> </tr> <% rs.movenext rs.close loop set rs=nothing %>

  • JSPで複数テーブルのSQL実行後に値を送る方法を教えて下さい！

    いつもお世話になっております。 JSPにてUNION ALLを使用してSQLを実行します。 (ソースは必要部分のみ記載致します) SQL実行後にテーブルのカラムにある「番号」と「テーブル名」を <FORM method="post" action="Next_View.jsp?table=????"> <input type="hidden" name="num" value="<%= rs.getString("番号")%>"> の部分で送りたいのですがどの様に記述すればいいのか調べてみましたが 分かりませんでした。 説明が分かりにくいかもしれませんがどうかご教示下さいませ。 ちなみに番号はT_2005・T_2006・T_2007　共に１から順にオートナンバーで振られています。 String str = request.getParameter("Num"); rs = stmt.executeQuery ("SELECT * FROM T_2005 where ID='"+ str +"' union all SELECT * FROM T_2006 where ID='"+ str +"' union all SELECT * FROM T_2007 where ID='"+ str +"'"); while (rs.next()){ String year = rs.getString("年齢"); String number = rs.getString("電話番号"); String add = rs.getString("住所"); %> <TR> <FORM method="post" action="Next_View.jsp?table=????"> <input type="hidden" name="num" value="<%= rs.getString("番号")%>"> <TD><%= year %></TD> <TD><%= number %></TD> <TD><%= add %></TD> <%-- 詳細ボタンを表示 --%> <input type="submit" value="詳細"> </form> </TD> </TR>

    • ベストアンサー
    • Java
  • プルダウンで選択すると、DBの値を取得したい

    いつもお世話になっております。 プログラム初心者ですが、どうしても方法がわからないので質問させていただきます。 サーバー側　ASP(VBS)　クライアント側　ｈｔｍｌ　javascriptで作成しているのですが、 プルダウンを選択すると、そのテーブルの列にある値をテキストボックスにいれたいと思っています。 例えば、以下のようなテーブルがあって、 法人コード　|　会社コード |　法人名 ------------------------------ 　　　1　　　　|　　　aa　　　　|　トヨタ ------------------------------ 　　　2　　　　|　　　bb　　　　|　ニッサン ------------------------------ 　　　3　　　　|　　　cc　　　　|　ホンダ データベースから読み込んで、法人コードをプルダウンにセットします。 プルダウンが選択されると、その列の会社コードと法人名をテキストエリアに出力したいと思います。 ※例　法人コード「1」をプルダウンで選択すると、「aa」と「トヨタ」がテキストエリアに表示される。 連動プルダウンで、直接option value部分に書けばできそうですが、 データの量が膨大な為、直接コードに書くのは難しそうです。 form action　で、1度別のベージに飛ばして、 そこで、SＱＬ文にて、法人コードを条件にして出力しようともしましたが、 全体がformで囲まれているので、formの入れ子になりできませんでした。 おそらくjavascriptで、seｌect部分で、onchange="Selc(this)"とすれば、 その処理を行うと思うのですが、処理自体の書き方がわかりません。 プルダウン部分に法人コード一覧を表示させることは、できましたが、 その後の処理の書き方がわかりませんので、 ご存知の方がいらっしゃいましたら、ご回答宜しくお願いします。 一部ソースを載せます。 <% ' データベース接続の確立 Set Conn = ConnectDB(DSN) ' 法人マスタテーブルから値を取得 SQL = "Select 法人コード,会社コード,法人名称 From 法人マスタ ORDER BY 法人コード" Set Rs = ExecSql(Conn, SQL) %> <tr class="example"> <td style="width:300px; text-align:left; background-color: #00ff00;"> <b>法人コード</b> </td> <td> <select name = "houjin"> <option value=""/>--------法人コード選択--------</option> <% While Not Rs.EOF Response.Write"<option value=""" & Rs("法人コード") & """>" & Rs("法人コード") & "　" & "</option>" Rs.MoveNext Wend %> </select> </td> </tr> <tr class="example"> <td style="width:300px; text-align:left; background-color: #00ff00;"> <b>会社コード</b> </td> <td> <textarea name="kaisya" style="width:100%" rows=1 class="textbox"></textarea> </td> </tr> <tr class="example"> <td style="width:300px; text-align:left; background-color: #00ff00;"> <b>法人名</b> </td> <td> <textarea name="hmei" style="width:100%" rows=1 class="textbox"></textarea> </td> </tr> どうぞよろしくお願いします。

  • スタイルシートの書き方を教えてください！

    各文章の字間を空けるために部分的に <FONT style="line-height:150%"color="#c0c0c0"> </FONT> このようにしていしていたのですが、ページ全体にスタイルシートを使用して字間を調整するにはどのようなタグを書けばいいのでしょうか？色々と書き方があると思うのですが、素人にもわかりやすいように教えていただけますでしょうか、今現在使っているスタイルは以下の通りです。それをどのように書き換えればいいのでしょうか？どなたかおしえていただけますでしょうか。 <style type="text/css"><!-- body{ font-size : 10pt;color : #cccccc; background-color: #000000;} body{ font-face="MS UI Gothic, ヒラギノ明朝 Pro W3;} body{ font-style : "line-height:150%"; } TABLE { font-size : 10pt;color : #cccccc; } TABLE { font-face="MS UI Gothic, ヒラギノ明朝 Pro W3; } TABLE {font-style : "line-height:150%";} td{font-size : 10pt;color : #cccccc; } td{font-face="MS UI Gothic, ヒラギノ明朝 Pro W3;} td{font-style : "line-height:150%"; } --> </style>

    • ベストアンサー
    • HTML
  • フォームから送信した値とMySQLの値と比較したい

    PHP初心者です。 フォームから送信した値とMySQLの値を比較したいのですが、行き詰まっています。 以下の、”//(1)↓”のところが動作しません。どなたか助けていただけないでしょうか？ MYSQLの値は1レコードのみの抽出し、そのカラム”seikai”と、フォームから送信された”rad”と比較したいのです。 <?php //区画 $kukaku = "1"; // ファイルインクルード include("db.php"); // データベース接続 $conn = mysql_connect($host, $user, $pw) or die("データベース接続エラー"); mysql_select_db($db, $conn) or die("接続エラー"); // データ抽出 $sql = "SELECT * FROM $table where id = '$kukaku'"; $res = mysql_query($sql, $conn) or die("データ抽出エラー"); // データを受け取る $rad = @$_POST["rad"]; ?> <table width="200" border="1"> <?php while ($row = mysql_fetch_array($res, MYSQL_ASSOC)) { ?> <tr> <td>DBの正解<?php echo $row["seikai"]?><br> 送信された答え=<?php echo $rad?> </td> </tr> <?php } ?> </table> <?php if ($rad == ""){ echo "<p><font color=#FF0000><b>答えを選択して下さい!</b>"; echo "<p><a href=\"form.php\">戻る</a>"; exit (); } //(1)↓ if ($seikai == $rad){ echo "<p><font color=#FF0000><b>正解です!</b></font>"; exit (); } // 接続解除 mysql_close($conn); ?>

    • ベストアンサー
    • MySQL
  • マウスオーバーで複数の画像を切り替える

    こんにちわ、お知恵を拝借させて下さい。 1週間以上探していますが、なかなか答えに結びつきません。 現在下記の内容で<div id="photoAlbum"></div>内の二つの画像の同時切替を行なおうとおもっております。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title></title> <script type="text/javascript" src="main.js"></script> </head> <body> <table width="570"> <tr> <td><div id="photoAlbum"><img src="19.jpg" width="280" height="280"><img src="19pt01.jpg" width="280" height="280"></div></td> </tr> <tr> <td align="center"><img src="19.jpg" width="80" height="80" id="changeButton1">&nbsp;<img src="26.jpg" width="80" height="80" id="changeButton2">&nbsp;<img src="33.jpg" width="80" height="80" id="changeButton3">&nbsp;<img src="40.jpg" width="80" height="80" id="changeButton4">&nbsp;<img src="57.jpg" width="80" height="80" id="changeButton5">&nbsp;<img src="64.jpg" width="80" height="80" id="changeButton6"></td></tr> <tr> <td align="center">&nbsp;</td> </tr> <tr> <td><table width="438" border=0 cellpadding=3 cellspacing=1 bgcolor="#999999" style="FONT-SIZE: 9pt; LINE-HEIGHT: 100%"> <tr bgcolor=#e6e6e6> <td width="30%" nowrap><SPAN style="FONT-SIZE: 8pt">&nbsp;JAN</SPAN></td> <td width="46%" nowrap><SPAN style="FONT-SIZE: 8pt">&nbsp;型番</SPAN></td> <td width="24%" nowrap><SPAN style="FONT-SIZE: 8pt">&nbsp;カラー</SPAN></td> </tr> <tr bgcolor=#ffffff> <td><SPAN>&nbsp;19</SPAN></td> <td><SPAN>&nbsp;BK</SPAN></td> <td><SPAN>&nbsp;<a href="#" id="changeButton7">ブラック</a></SPAN></td> </tr> <tr bgcolor=#ffffff> <td><SPAN>&nbsp;26</SPAN></td> <td><SPAN>&nbsp;GY</SPAN></td> <td><SPAN>&nbsp;<a href="#" id="changeButton8">グレー</a></SPAN></td> </tr> <tr bgcolor=#ffffff> <td><SPAN>&nbsp;33</SPAN></td> <td><SPAN>&nbsp;NV</SPAN></td> <td><SPAN>&nbsp;<a href="#" id="changeButton9">ネイビー</a></SPAN></td> </tr> <tr bgcolor=#ffffff> <td><SPAN>&nbsp;40</SPAN></td> <td><SPAN>&nbsp;GR</SPAN></td> <td><SPAN>&nbsp;<a href="#" id="changeButton10">グリーン</a></SPAN></td> </tr> <tr bgcolor=#ffffff> <td><SPAN>&nbsp;57</SPAN></td> <td><SPAN>&nbsp;OR</SPAN></td> <td><SPAN>&nbsp;<a href="#" id="changeButton11">オレンジ</a></SPAN></td> </tr> <tr bgcolor=#ffffff> <td><SPAN>&nbsp;64</SPAN></td> <td><SPAN>&nbsp;RD</SPAN></td> <td><SPAN>&nbsp;<a href="#" id="changeButton12">レッド</a></SPAN></td> </tr> </table></td> </tr> </table> </body> </html> －－－－－－－－－－－－－－－－－－－－－－－－－－－－－ window.onload = function(){ document.getElementById("changeButton1").onmouseover = function() { album2.change(["19.jpg","19pt01.jpg"]); } document.getElementById("changeButton2").onmouseover = function() { album2.change(["26.jpg","26pt01.jpg"]); } ～中略～ document.getElementById("changeButton12").onmouseover = function() { album3.change(["64.jpg","64pt01.jpg"]); } } var album2 = { change : function(imageArray){ var imgTag = document.getElementById("photoAlbum").getElementsByTagName("img"); for (var i=1; i<imgTag.length; i++){ imgTag[i].src = imageArray[i]; } var album3 = { change : function(imageArray){ var imgTag = document.getElementById("photoAlbum.mainbody").getElementsByTagName("img"); for (var i=1; i<imgTag.length; i++){ imgTag[i].src = imageArray[i]; } } } －－－－－－－－－－－－－－－－－－－－－－－－－－－－ 上記内容で試していますが、changeButton7～12が入っているテーブルを削除すると動作するのですが、この状態ではどうしても動作させることができません。 何か、良い方法はないでしょうか

  • 自動的に空欄を埋めれるようにするには？

    お世話になります。 以下はテーブルを使ってつくられたものです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>index03のページ</title> <style type="text/css"> <!-- body { background-color: #FFFFCE; background-image: url(); } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; } .style132 {font-size: 14px; color: #CC6600; } .style153 {font-size: 16px; color: #9CCE39; font-weight: bold; } .unnamed1 { font-size: 16px; color: #FF0000; font-style: italic; font-weight: normal; } .unnamed2 { color: #FF6600; font-size: 16px; font-style: italic; } .unnamed3 { color: #CCCC00; font-size: 16px; font-style: italic; } .unnamed4 { color: #6B9C21; font-size: 16px; font-style: italic; } .unnamed5 { color: #006600; font-size: 16px; font-style: italic; } .unnamed6 { color: #55A0FF; font-size: 16px; font-style: italic; } .unnamed7 { color: #0000FF; font-size: 16px; font-style: italic; } .unnamed8 { color: #6600CC; font-size: 16px; font-style: italic; } .style1 {color: #FFFFCE} .style2 {color: #A9E2A9} --> </style> </head> <body bgcolor="#ECE9D8"> <a name="建設業"></a><br> <table width="746" height="26" border="1" bordercolor="#9CCE39" bordercolorlight="#9CCE39" bordercolordark="#9CCE39" bgcolor="#9CCE39"> <tr> <td width="736" height="20" align="left" valign="middle" background="color01.gif">　　<span class="style153">■</span>　<span class="style153">建設業</span>　<span class="style153">■</span></td> </tr> </table> <br> 　<span class="unnamed1">（あ行）</span> 　 <table width="740" cellspacing="0"> <tr valign="middle"> <td width="367"></td> <td></td> </tr> <tr valign="middle" bgcolor="FFFFCE"> <td>　　<a href="A073.htm" target="_parent" class="style132">・　あああ</a></td> <td>　　<a href="A017.htm" target="_parent" class="style132">・　いいい</a></td> </tr> <tr valign="middle" bgcolor="FFCCFF"> <td>　　<a href="A069.htm" target="_parent" class="style132">・　ううう</a></td> <td>　　<a href="A043.htm" target="_parent" class="style132">・　えええ</a></td> </tr> こちらはテーブルを使って書かれたものですが、 (1)テーブルを使わずに (2)「あああ」を消した場合 (3)自動的に「いいい」が「あああ」のあったところに移動 させるには、どうしたらよいでしょうか？ ヒントでもかまいませんので、ご協力よろしくお願いします。

  • IE6とFireFoxで表示が異なる。

    以下のような単純な作りのWEBサイト（一部を抜粋してます）なのですがIE6とFireFoxでは表示位置が異なり、IE6に合わせるとFireFoxで表示されず、FireFoxで合わせるとIE6に表示されなくなってしまいます。 <DIV>の指定などが間違っているのでしょうか？ IE6とFireFoxどちらも同じように表示するためにはどうしたらよいでしょうか？ <TABLE border="0" STYLE="position:absolute;left:0;top:0;width:778;height:790;" cellpadding="0" cellspacing="0" > <TBODY> <TR> <TD valign="top" align="center" > <DIV CLASS="F12" STYLE="position:absolute;left:140;top:13;width:110;height:27;"> <P class=MsoNormal style="MARGIN: 0mm 0mm 0pt"><SPAN style="text-fit: 52.25pt; mso-text-fit-id: -1204070143"><B style="mso-bidi-font-weight: normal"><SPAN style="COLOR: #c5525c; FONT-FAMILY: 'ＭＳ ゴシック'; LETTER-SPACING: 1.65pt; mso-bidi-font-size: 10.5pt; mso-font-kerning: 0pt"><FONT size=2>会社</FONT></SPAN></B></SPAN>&nbsp;</P> </DIV> <DIV CLASS="F12" STYLE="position:absolute;left:235;top:15;width:157;height:27;"> <SPAN style="text-fit: 52.25pt; mso-text-fit-id: -1204070143"><B style="mso-bidi-font-weight: normal"><SPAN style="COLOR: #c5525c; FONT-FAMILY: 'ＭＳ ゴシック'; LETTER-SPACING: 1.65pt; mso-bidi-font-size: 10.5pt; mso-font-kerning: 0pt"><FONT size=3> <P class=MsoNormal style="MARGIN: 0mm 0mm 0pt"><SPAN style="text-fit: 105.4pt; mso-text-fit-id: -1204068352"><B style="mso-bidi-font-weight: normal"><SPAN style="FONT-SIZE: 14pt; COLOR: #c5525c; FONT-FAMILY: HG丸ゴシックM-PRO; LETTER-SPACING: 2.1pt; mso-font-kerning: 0pt; mso-hansi-font-family: 'ＭＳ ゴシック'">サンプル</SPAN></B></SPAN><B style="mso-bidi-font-weight: normal"><SPAN lang=EN-US style="FONT-SIZE: 14pt; COLOR: #c5525c; FONT-FAMILY: HG丸ゴシックM-PRO; mso-hansi-font-family: 'ＭＳ ゴシック'"><?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /><o:p></o:p></SPAN></B></P></FONT></SPAN></B></SPAN> </DIV> </TD> </TR> </TBODY> </TABLE>

    • ベストアンサー
    • HTML
  • 作成したメールフォームの内容を送信する方法

    メールフォームを作成中なのですが、HTMLでのフォーム&チェックは作成できたのですが、それを送信する方法がわかりません。できるだけ簡単な方法を教えていただきたいのですが。 他サイトを見て記述したロジックもありますので、おかしな箇所もあると思います。 ネット検索で送信する為のCGIかPHPが必要？まではわかったのですが。 PHPなら、別PGを作成して、送信だけを行わせるには、どの部分を変更したらよいか？ 今後は、他のメールフォームも同じPGで送信できるようにしたい？ ※サーバーはCGIもPHPも使用可能です。 　 WWW--->xxx.jp このフォルダの中に全てのPGがあります 　　　　　+->cgi-bin に入れる必要があるそうです。 CGIは全然知識がありません。PHPなら多少の知識はあります。ただし、CGIの方が簡単にできるように思っているのですが。 質問の方法が下手ですいません。 作成したPG(mail_nquiry.html) 入力内容をチェックしてOKなら送信のロジック <script language=JavaScript> <!-- function send_mail() { var form = document.getElementById('inquiry_form'); var errMsg = ""; if (form.name.value.length == 0) { errMsg += 'お名前を入力して下さい\n'; } if (form.mail.value.length == 0) { errMsg += 'メールアドレスを入力して下さい\n'; } else { if (!(/^\w+([\.-/]?\w+)*@\w+([\.-/]?\w+)*(\.\w{2,3})+$/.test(form.mail.value))) { errMsg += 'メールアドレスの書式を確認して下さい\n'; } if (form.mail.value != form.mail2.value ) { errMsg += 'メールアドレス確認が一致しません\n'; } } if (form.contents.value.length == 0) { errMsg += 'お問合せ内容を入力して下さい\n'; } if (errMsg.length >= 1) { alert(errMsg); } else { form.submit(); <--- 意味がわからない？ } } --> </script> メールフォーム <form action="./mail_inquiry.html" method="post" name="inquiry_form" id="inquiry_form"> <input type="hidden" name="tomail" value="on">　　<--- 必要か？ <table width="400" border="1" cellspacing="0" cellpadding="3" style="margin-top: 10px; background-color: #CCCCCC;"> <tr> <td>お名前<br />（ニックネーム可）</td> <td style="text-align: left;"><input name="name" type="text" value="" size="30" style="ime-mode: active;" /></td> </tr> <tr> <td>メールアドレス</td> <td style="text-align: left;"><input name="mail" type="text" value="" size="40" style="ime-mode: disabled;" /><br /><span style="font-size: 11px;">半角英数字</span></td> </tr> <tr> <td>確認用<br />メールアドレス</td> <td style="text-align: left;"><input name="mail2" type="text" value="" size="40" style="ime-mode: disabled;" /><br /><span style="font-size: 11px;">確認のためメールアドレスを再度入力お願いします。</span></td> </tr> <tr> <td>お問い合わせ<br /><br />内　容</td> <td style="text-align: left;"><textarea name ="contents" cols ="35" rows ="10" wrap ="hard"></textarea></td> </tr> <tr> <td colspan="2"> <input type="button" value=" 送 信 " onclick="send_mail()" style="font-size : 12px;"> &nbsp;&nbsp;&nbsp; <input type="reset" value="リセット" style="font-size : 12px;"> </td> </tr> </table> </form>

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する