![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
javaの初心者です。
eclipse で、フレームワークはspringを使って開発しています。
cssが適用されないページがあって、悩んでいます。
ソース(jsp)は下記です。
出荷日の「入力ボックス(from)~入力ボックス(to)」をテーブルの1つのセルの中に改行せずに表示させたいのですが、なぜか~の前で改行されてしまいます。
カラムの幅を1500と指定していますが、適用されていないようです。
初回に表示をされると適用されませんが、入力ボックスをクリックすると、改行されなくなります。
どなたか、常に改行されないよう表示する方法をご教授いただければ幸いです。
<!DOCTYPE html>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<html>
<head>
<style>
h1 { font-size:16pt; background-color:#CCCFF; padding:3px; }
p { color: #000066; }
.sampleTable{
table-layout: fixed;
white-space: nowrap;
}
</style>
<meta charset="utf-8">
<title>${title}</title>
<script src="<c:url value="/js/jkl-calendar.js" />" type="text/javascript"></script>
<script>
var cal2 = new JKL.Calendar("caldiv2","formid","Date_From");
cal2.setStyle( "frame_color", "#3333CC" );
var cal3 = new JKL.Calendar("caldiv3","formid","Date_To");
cal3.setStyle( "frame_color", "#CC3333" );
</script>
<script type="text/javascript">
function onLoad(){
if("${ErrorMessage}" != ""){
alert("${ErrorMessage}");
}
}
</script>
</head>
<body onLoad="onLoad()" bgcolor="#FFDAB9">
<h1>${title}</h1>
<p>${message}</p>
<form:form id="formid" modelAttribute="formSyukka">
※日付欄は、カーソルを置くとカレンダーが表示されるので、カレンダーから選択してください。<br>
<table class="sampleTable">
<%-- <colgroup> --%>
<%-- <col style='width:200px;'> --%>
<%-- <col style='width:1500px;'> --%>
<%-- </colgroup> --%>
<tbody>
<tr>
<td width="200"><B>出荷日:</B></td>
<td width="1500" style="white-space: nowrap;">
<form:input type="text" path="Date_From" name="Date_From" onClick="cal3.hide(); cal2.write();"
onChange="cal2.getFormValue(); cal2.hide();"/><div id="caldiv2"></div>~
<form:input type="text" path="Date_To" name="Date_To" onClick="cal2.hide(); cal3.write();"
onChange="cal3.getFormValue(); cal3.hide();"/><div id="caldiv3"></div>
</td>
</tr>
<tr><td width="200"><B>コード1:</B></td><td width="1500" style="white-space: nowrap;"><form:input path="Code" onClick="cal2.hide(); cal3.hide();" />※あいまい検索も可能です<br></td></tr>
<tr><td width="200"><B>コード名:</B></td><td width="1500" style="white-space: nowrap;"><form:input path="mei" onClick="cal2.hide(); cal3.hide();" />※あいまい検索も可能です<br></td></tr>
<tr><td width="200"><B>図1:</B></td><td width="1500" style="white-space: nowrap;"><form:input path="Zu" onClick="cal2.hide(); cal3.hide();" />※あいまい検索も可能です<br></td></tr>
<tr><td width="200"><B>端末ID:</B></td><td width="1500" style="white-space: nowrap;"><form:input path="TermID" size="3" maxlength="3" onClick="cal2.hide();" /><br><br></td></tr>
</tbody>
</table>
<input type="submit" name="syukka_search1" value="検索" ><br><br>
<input type="button" value="戻る" onClick="javascript:history.back()">
</form:form>
</body>
</html>
No.2ベストアンサー
- 回答日時:
>divがあると駄目なのでしょうか。
divはブロックタグなので無理です。
h1やpと同じといえば分かりますか?
再度、回答をありがとうございます!
そうなんですね!
ということは、divはカレンダーを表示させるために必要なので、上記のやり方で改行を防ぐことはできないということですね。
他の方法を考えます。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
フォーム上で押されたボタンに...
-
「<c:forEach タグが終了し...
-
リクエストに応じたselectedの...
-
フォームで同じ複数のnameで違...
-
java フレームワーク:spring e...
-
int型の内容をbyteの配列にコピー
-
JSPでのリストボックス表示
-
Strutsで、どのRadioボタンが選...
-
strutsのリストボックスで、複...
-
JSPでのサブミット判定
-
テキストボックスへの値の代入...
-
struts iterateタグ内のデータ...
-
struts bean:defineについて
-
サーブレットからJSPへの変数受...
-
HashMapで、valueにマッピング...
-
JSPで複数テーブルのSQL実行後...
-
jspの文字化けの解消方法を教え...
-
Struts2のifタグについて
-
Strutsでの入力データチェック...
-
Iterateタグ内で複数のリスト要...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
フォーム上で押されたボタンに...
-
「<c:forEach タグが終了し...
-
リクエストに応じたselectedの...
-
JSPでのリストボックス表示
-
フォームで同じ複数のnameで違...
-
jspファイルで注文フォームの合...
-
javaでDBから取得したデータのJ...
-
ラジオボタンの選択肢をサーブ...
-
int型の内容をbyteの配列にコピー
-
EL式 true falseを表示
-
JSPとサーブレット間での画面遷...
-
Strutsで、どのRadioボタンが選...
-
strutsを使用したjspでjavascri...
-
JSPでのサブミット判定
-
動的に作成したラジオボタンの...
-
Struts2のタグについて
-
htmlからjspへ処理を移す方法が...
-
jspの文字化けの解消方法を教え...
-
JSP+Servletで終了ボタン
-
StrutsでPOSTのデータ(リクエ...
おすすめ情報