- ベストアンサー
文字列とJavascriptを使用したテキストフォームの間にスペースがはいってしまう
先ほどJavascriptのほう http://oshiete1.goo.ne.jp/kotaeru.php3?q=2193527 で本題は解決したのですが <strong>What'new</strong> <BODY onLoad="SL();"> <SCRIPT Language="JavaScript"> <!-- CO=0; HC=3; TE=new Array(HC); //↓[\n］は改行 TE[0]="みんなの疑問 \n"; TE[1]="みんなで解決！ \n"; TE[2]="教えてgoo \n"; function SL(){ document.FO.TB.value=TE[CO]; CO++; if(HC<=CO){CO=0;} //↓スクロールスピード setTimeout('SL()',750); } document.write('<CENTER><FORM name="FO">'); document.write('<input type="text" name="TB" size="82" readonly>'); document.write('</CENTER>'); // --> </SCRIPT> </BODY> とするとWhat's newとテキストフォームとの間にスペースができてしまいます。 CSSで修正してもできなかったので質問させていただきました。 どなたかよろしくお願いします。
- gfgaaa
- お礼率78% (312/397)
- HTML
- 回答数3
- ありがとう数2
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
苦肉の策（単純な策）ですが、テーブルに入れてみるというのはどうでしょう。 <table align="center"> <tr><td>わっつにゅう</td></tr> <tr><td align="center">テキストフォーム</td></tr> </table>
その他の回答 (2)
こんばんは～。 ↓これではまずいんですか？ <BODY onLoad="SL();"> <SCRIPT Language="JavaScript"> <!-- CO=0; HC=3; TE=new Array(HC); //↓[?n］は改行 TE[0]="みんなの疑問 ?n"; TE[1]="みんなで解決！ ?n"; TE[2]="教えてgoo ?n"; function SL(){ document.FO.TB.value=TE[CO]; CO++; if(HC<=CO){CO=0;} //↓スクロールスピード setTimeout('SL()',750); } document.write("<CENTER><FORM name='FO'><strong>What'new</strong><input type='text' name='TB' size='82' readonly></cente>"); // --> </SCRIPT> </BODY>
- abacabu
- ベストアンサー率37% (250/663)
テーブルについて補足 what'newは、題名ですよね？ それなら<td>よりも<th>ですね！ <tr> <th>What'new</th> </tr> <tr> <td>コメント</td> </tr> 文字の感じが強調されます。
お礼
どういう意味でしょうか？ <td>でWhat's newは囲んでいませんけど。 <strong>で囲むとちょうど良くなりますが。
関連するQ&A
- このスクリプトを修正したいのですが
この下のやつを自分が使いやすいように修正しているのですがこのままだと文章の上下に改行が入っていて文章が表示されるまでに時間がかかってしまいます。(デザイン上1行で使用したいので複数行にして解決というのはNGです) どこをどう修正すればいいのでしょうか？ よろしくお願いします。 <BODY onLoad="SL();"> <SCRIPT Language="JavaScript"> <!-- CO=0; HC=3; TE=new Array(HC); //↓[\n］は改行 TE[0]="みんなの疑問 \n"; TE[1]="みんなで解決！ \n"; TE[2]="教えてgoo \n"; TE2=new Array(); for(i=0;i<=4;i++){TE2[i]="\n";} m=0; for(i=5;i<=HC+4;i++){TE2[i]=TE[m];m++;} for(i=HC+5;i<=HC+14;i++){TE2[i]="\n";} function SL(){ TEXT=""; for(i=0;i<=4;i++){TEXT=TEXT+TE2[i+CO];} document.FO.TB.value=TEXT; CO++; if(HC+10<=CO+1){CO=0;} //↓スクロールスピード setTimeout('SL()',750); } document.write('<CENTER><FORM name="FO">'); document.write('<TEXTAREA name="TB" rows="1" cols="45" readonly style="overflow-y: hidden;"></TEXTAREA>'); document.write('</CENTER>'); // --> </SCRIPT> </BODY> このスクリプトの本はhttp://www.moon.sannet.ne.jp/redcap/html/TB-SCLLO.htmにあります。
- ベストアンサー
- JavaScript
- 文字列を点滅させたい
JavaScriptを勉強しているのですが、文字を点滅させたいので下記の様なプログラム作成したのですがELSE文に絡む事ができません。 どうして動作しないのか？わからず投稿しました。 どうすればよいのでしょうか？ 宜しくお願い致します。 <script language="JavaScript" type="text/javascript"> <!-- var flg=1; function test() { if (flg==1) { document.write("元気？"); flg=0; }else{ document.write(""); flg=1; } setTimeout("test()",2000); } // --> </script> <BODY onLoad="test()"></BODY>
- ベストアンサー
- JavaScript
- JavaScript 送信フォーム確認画面
始めまして、初心者で御座いますが、javascriptでチェックボックスで（複数選択可） チェックしたくだものだけ、送信ボタンクリック後の確認画面に出るようにしたいのですが、どうしたらよいのでしょうか、 宜しくお願いします。 下記抜粋いたしました。 <SCRIPT language=JavaScript> function SubmitCheck(){ if(document.Order.elements[a_fn].checked == "") if(document.Order.elements[b_fn].checked == "") if(document.Order.elements[c_fn].checked == ""){ alert("最低1つチェックして下さい"); return false; } if(document.Order.elements[d_fn].value == ""){ alert("購入日を入れてください"); return false; } var confirm_str = ""; confirm_str = "下記の事項をご確認ください。\n" + "正しければ、OKを押してください。\n" + "--------------------------------\n" + "選択：" + document.Order.elements[i].value + "\n" + "" + "購入日：" + document.Order.elements[d_fn].value + "\n\n"; temp = 0; confirm_str += "--------------------------------\n"; if(confirm(confirm_str)){ return true; } else return false; return true; } </SCRIPT> <FORM name=Order onsubmit="return SubmitCheck()" action=formmail.cgi method=post><INPUT type=hidden size=-1 value=×××@○○○.jp name=to_mail> <INPUT type=hidden size=-1 value=http://×××.jp/123.htm name=ok_page> <INPUT type=hidden size=-1 value=OrderJP name=sub> <FONT size=2 ><STRONG>選択</STRONG></FONT> <FONT size=2><STRONG><INPUT type=checkbox value=バナナ name=購入></STRONG></FONT> <FONT size=2><STRONG>バナナ</STRONG></FONT> <FONT size=2><STRONG><INPUT type=checkbox value=りんご name=購入></STRONG></FONT><FONT color=navy size=2><STRONG>りんご</STRONG></FONT> <FONT size=2><STRONG><INPUT type=checkbox value=みかん name=購入></STRONG></FONT> <FONT size=2><STRONG>みかん</STRONG></FONT> <FONT size=2 ><STRONG>購入</STRONG></FONT> <NOBR><INPUT style="WIDTH: 106px; HEIGHT: 22px" maxLength=22 size=14 name=購入><FONT size=2></FONT></FONT> </FONT></NOBR><BR> <CENTER><INPUT type=submit value=送信 name=Submit> </CENTER></FORM>
- 締切済み
- JavaScript
- javascriptでの大文字小文字の区別
前に質問をし、大文字と小文字の区別があることはわかりました。そこで、日にちを出すために <script language="javascript"> <!-- mydate=new Date(); ye=mydate.getFullYear()+"年"; mo=mydate.getMonth()+1+"月"; da=mydate.getDate()+"日"; day=mydate.getDay(); day2=new Array(7); day2[0]="日";day2[1]="月";day2[2]="火"; day2[3]="水";day2[4]="木";day2[5]="金"; day2[6]="土"; document.write("<font style='font-size : 16px; color : #666666'>"); document.write("本日は"+ye+mo+da+"("+day2[day]+") "); document.write("です</font>"); //--> </script> とすることはわかったのですが、一番初めの<script language="javascript">は物によって<SCRIPT LANGUAGE="JavaScript">や<SCRIPT language="Javascript">となっていたり、年数などのyeはYeとなっていたりします。javascriptにも大文字と小文字を区別しないものがあるということですか。もしそうならどういったものがどちらでもいいのですか。
- ベストアンサー
- JavaScript
- メールフォームの中身が文字化けする
携帯でホームページのＵＲＬを打つのはとても面倒なのでＰＣから任意の携帯へ特定ホームページのＵＲＬを送るスクリプトを組みました。 でもメールタイトルやメール本文の日本語が文字化けしてしまうのでローマ字でやっています。何かいい方法はありませんか？ <html> <head> <title>mail</title> <script language="JavaScript"> var atesaki; </script> </head> <body> <form name="form1"> ここに携帯のアドレスを入れてから送信画面へ進んでください。<br> <input type="text" size="50" maxlength="256" name="MAIL"> <br><br> <input type="button" value="送信画面へ進む" onClick="dainyuu()" > </form> <script language="JavaScript"> <!-- function dainyuu(){ atesaki=form1.MAIL.value; if(atesaki.indexOf("@")>0) { newpage() } } function newpage(){ document.write('<body>'); document.write("<form name='form2'><input type='button' value='戻 る' onClick='history.back()'></form><BR>"); document.write('<form action=mailto:'); document.write(atesaki); document.write("?Subject='URL WO OKURIMASU' method=POST enctype=text/plain name=form3><br>"); document.write("送信を押すと携帯の"); document.write(atesaki); document.write("にURL<br>http://xxxxxxxxxxxxが送信されます。<br>"); document.write("<input type=hidden size=50 maxlength=256 name=URL value=URL WA KORE DESU http://xxxxxxxxxxxx> <br><br>"); document.write('<input type="submit" value="送 信"></form>'); } //--> </script> </body> </html>
- 締切済み
- JavaScript
- javascript 計算フォーム
見積フォームを作っているのですがjavascript に精通してないので詳しい方教えて頂けますか。 下記のようにnew Arrayで値を取得してますが３つ目の項目”メーカー名”はどれを選んでも金額は同じなので簡単に記述出来ないでしょうか？ 合計金額取得後ＣＧＩに送信したいので項目名は必要です。 いろいろ検索してみましたが私のスキルでは解決できないのでよろしくお願いします。 ちなみにjavascriptの 計算フォームは部品の共存（セレクトメニューとラジオボタンなど）は出来ませんよね。 ======================================== <html> <head> </head> <script language="javascript"> <!-- n_table1 = new Array(30000,20000,18000,9000); n_table2 = new Array(8000,14800,6980); n_table3 = new Array(3000,3000,3000,3000,3000,3000,3000,3000,3000,3000,3000,3000); function keisan(obj) { var outStr=""; var total=0; total = total + n_table1[document.form1.koumoku1.selectedIndex]; total = total + n_table2[document.form1.koumoku2.selectedIndex]; total = total + n_table3[document.form1.koumoku3.selectedIndex]; outStr = "合計 : ￥" + total; document.form2.outbox.value=outStr; } // --> </script> <body> <center> <br> <form name="form1" METHOD="POST"> <table cellspacing="0" cellpadding="8" border="1" bordercolor="#FFA828"> <tr> <td>商品 Ａ</td> <td> <select name="koumoku1"> <option>Pentium <option>Celeron <option>Athlon <option>Duron </select> </td> </tr> <tr> <td>商品 Ｂ</td> <td> <select name="koumoku2"> <option>F2MX200 <option>LE Ultra <option>Kyro </select> </td> </tr> <tr> <td>メーカー名</td> <td> <select name="koumoku3"> <option>Ａ社 <option>Ｂ社 <option>Ｃ社 <option>Ｄ社 <option>Ｅ社 <option>Ｆ社 <option>Ｇ社 <option>Ｈ社 <option>Ｉ社 <option>Ｊ社 <option>Ｋ社 <option>Ｌ社 </select> </td> </tr> </table> <p> <input type="button" value="計算する" onClick="keisan(this.form)"> </form> <p><br> <form name="form2"> <TEXTAREA NAME="outbox" rows=1 cols=36 wrap="soft"> 計算結果表示 </textarea> </form> </center> </body> </html> ========================================
- ベストアンサー
- JavaScript
- JavascriptとJavaの文字列引き渡し
JSPを使ってJavaメソッドを呼び出しそのリターン値として文字列（String）を受け取るコードを動かしたのですが（ServerはTomcat8）、受け取り側のJavascriptでは、objectとなってしまい、toString()メソッドを通してもobjectのままになってしまいます（alert()関数で確認）。以下に関係コードの抜粋を "Member.java"のクラスメソッド部 public static ArrayList listup() throws Exception { ArrayList result = new ArrayList(); InitialContext initCon; DataSource ds; Connection con; Statement stmt; ResultSet rs; try { initCon = new InitialContext(); } catch(Exception e) { throw(new Exception("Can\"t get legal context.")); } ds = (DataSource)initCon.lookup("java:comp/env/jdbc/bar"); con = ds.getConnection(); stmt = con.createStatement (); rs = stmt.executeQuery ("SELECT * FROM member ORDER BY id;"); Member aMember; while(rs.next()) { aMember = new Member(); aMember.setId(rs.getInt("id")); aMember.setFirst_name(rs.getString("first_name")); aMember.setLast_name(rs.getString("last_name")); aMember.setBirthday(rs.getString("birthday")); result.add(aMember); } rs.close(); stmt.close(); con.close(); return result; } public static String tojson(ArrayList list) { String result = new String(); int i = 0; result = result + "{\"member\":["; while( i<list.size()) { Member aMember = (Member)list.get(i++); result = result + "{"; result = result + "\"id\" : \"" + aMember.getId() + "\"," ; result = result + "\"first_name\" : \"" + aMember.getFirst_name() + "\"," ; result = result + "\"last_name\" : \"" + aMember.getLast_name() + "\"," ; result = result + "\"birthday\" : \"" + aMember.getBirthday() + "\"}" ; } result = result + "]}"; return result; "index.jsp" <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ page import="com.silane.*" %> <!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=UTF-8)"> <title>メンバー一覧</title> <script type="text/javascript"> <!-- function showMember(list) { var obj = JSON.parse(list); // var obj = JSON.parse('{"member":[{"id" : "0","first_name" : "name","last_name" : "hogehoge","birthday" : "19841116"}]} '); alert("reach"); alert(obj.member.length); for( i=0; i<obj.member.length; i++) { document.write("<TR>"); document.write("<TD>"+obj.member[i].id+"</TD>"); document.write("<TD>"+obj.member[i].last_name+"</TD>"); document.write("<TD>"+obj.member[i].first_name+"</TD>"); document.write("</TR>"); } } // --> </script> </head> <body> <%=Member.tojson(Member.listup()) %> <TABLE> <TR><TH>ID</TH><TH>姓</TH><TH>名</TH></TR> <script type="text/javascript"> var list="'"+<%=Member.tojson(Member.listup()) %>+"'"; showMember(list); </script> </TABLE> </body> </html> 結果としてですが、alert("reach");まで行かないのJSON.parese()がうまく実行できていないのだと考えています。 どうすればよいでしょうか？ご教授をお願いいたします。
- 締切済み
- JavaScript
- テキストフォームの内容をページ内に表示する方法
初めて質問します。 JavaScriptも初心者です。 初めてづくしで見苦しい点もあるかと思いますが、よろしくお願いします。 複数のテキスト入力欄に書き込まれた内容をページ内に表示したいと思い、下のようなコードを書いています。 ---------- <head> <title>test</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Script-Type" content="text/javascript"> </head> <body> <script type="text/javascript"> <!-- function output(){ document.write(document.forms[0].text1.value); document.write("<br>"); document.write(document.forms[0].text2.value); document.write("<br>"); } // --> </script> <form action="#" name="form1"> <input type="text" name="text1"> <input type="text" name="text2"> <input type="button" value="output" onclick="output()"> </form> </body> </html> ---------- forms[0]以降、forms[1]、forms[2]…と同様に続けたいと思ってこのようにしたのですが、 function output()内の3行目でつまってしまうようです。 入力欄オブジェクトの指定方法がまずいのかも、とも思うのですが… Statement on line 6: Cannot convert undefined or null to Object というエラーメッセージが出ています。 自分で使うためのプログラムで、体裁にこだわるつもりはありません。 何かよい解決方法はないでしょうか。 どうかよろしくお願いします。
- ベストアンサー
- JavaScript
- セレクトボックスの内容に応じウインドウを書き換え、さらにセレクトボックスを設置したい
web上のjavascript入門ページなどを参照しながら学習中ですが詰まってしまいました。よろしくお願いします。 1. topページにセレクトボックスを設置。 2. セレクトされた内容に応じて、現在のウインドウを書き換えた後topページと同じセレクトボックスを設置。 3. 2を繰り返す。 このような動作をさせたいのですが、現在のウインドウを書き換えることは出来るのですがセレクトボックスを設置しようとするとエラーになります。 script_test01.htmlの内容 -------------------------------------------------- <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=EUC-JP"> </head> <body> <script type='text/javascript' src='script_test01.js'> </script> <br> <form name='form_0'> <select onchange='rewrite()' name='sel_0'> <option>A or B</option> <option>A</option> <option>B</option> </select> </body> </html> -------------------------------------------------- script_test01.jsの内容 -------------------------------------------------- function rewrite() { var sel_in =document.form_0.sel_0.options.selectedIndex; var sel_name = document.form_0.sel_0.options[sel_in].text; document.write('<html>\n'); document.write('<head>\n'); document.write('<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP">\n'); document.write("<script type='text/javascript' src='script_test01.js'>\n"); document.write("</script>\n"); document.write('</head>\n'); document.write('<body>\n'); document.write(sel_in,' : ',sel_name,'<br>\n'); /* ↓この部分がうまくいかない document.write('<br>\n'); document.write('<form name='form_0'>\n'); document.write('<select onchange='rewrite()' name='sel_0'>\n'); document.write('<option>A or B</option>\n'); document.write('<option>A</option>\n'); document.write('<option>B</option>\n'); document.write('</select>\n'); /* ↑この部分がうまくいかない document.write('</body>\n'); document.write('</html>\n'); } -------------------------------------------------- script_test01.jsのコメントアウトをはずすとエラーになります。 script_test01.js内でさらに自分自身を記述している部分辺りなど、なにかおかしなことをやっていのではという自覚はありますが、よくわかりません。 あわせて質問ですが、.htmlと.jsはEUCで作成しcharsetもEUC-JPを指定しています。 topページをブラウザのエンコードで確認すると当然「日本語[EUC]」となっていますが、セレクトボックス選択後書き換えられたページを確認すると、「Unicode」なっていますがなぜでしょうか？「日本語[EUC]」に出来ないでしょうか？
- ベストアンサー
- JavaScript
- javascriptで取得した値をテキストボックスに・・・
IE5.5です。 javascriptで取得した値をテキストボックスに格納したいのですが、 うまくいきません。 <SCRIPT language="javascript"> var varVal=true </script> <form> document.write("<input type='hidden' name='myVal' vaue="+varVal+">"); </form> javascriptが初心者でよくわからないのですが、 例えば <input type="hidden" name="myVal" value=varValに格納された値> といった書き方もできるのでしょうか？ よろしくご教授願います。
- ベストアンサー
- JavaScript
お礼
ありがとうございます。 少しstrongで囲んだ文字が小さくなってしまいましたが何とかできました。