プロが教える店舗＆オフィスのセキュリティ対策術

JSFでJavaScriptを使用するには？

解決済

  • 質問者：freshjive
  • 質問日時：
  • 回答数：1件

JSF初心者の為、頓珍漢な質問で恐縮です。

以下のようなJSFタグを使用したJSPがあるとします。

<%@ page contentType="text/html;charset=Shift_JIS" %>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<html>
<head>
</head>
<body>
<f:view>
<h:form>
<h:inputText id="number" value="#{myBean.message}"/>
<h:commandButton action="#{myBean.doHoge}" value="送信"/>
</h:form>
</f:view>
</body>
</html>

このJSPに、以下の処理をJavaScriptで実装したいと思っています。
「送信ボタンのOnClickイベントでinputTextに入力された文字をJavaScriptのAlert()関数でポップアップ表示する。」

JSFタグがなければなんてことのない処理ですが、ＪＳＦタグを使用している状況でどのようにJavaScriptを使用していいものなのかがよくわかりません。


上記の処理はどのように実装すればいいのでようか？
JSFでJavaScriptを使用する方法について参考になるサイトがあれば教えてください。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (1件)

No.1ベストアンサー

  • 回答者： Kyon2_PaPa
  • 回答日時：

JSFでも、普通にJavaScriptは組み込めますよ。



<%@ page contentType="text/html;charset=Shift_JIS" %>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<html>
<head>
<script language="JavaScript">
function test(){
alert("Hello");
}
</script>
</head>
<body>
<f:view>
<h:form>
<h:inputText id="number" value="#{myBean.message}"/>
<h:commandButton action="" onclick="test()" value="送信"/>
</h:form>
</f:view>
</body>
</html>

こんな感じで、ボタンをクリックするとtest()が呼び出されると思います。onclickを使うならば、当然ですが同じコンポーネントのactionに設定したバインディングははずしておきます。
<h:commandButton>など、JSFのGUIコンポーネントには、onclickなどのJavaScriptイベント用の属性が用意されていますので調べてみるといいでしょう。
    • good
    • 1
    • 件
通報する
この回答へのお礼

なるほど、JSFでない場合と同じですね。
とても参考になりました！
ありがとうございます！

通報する
お礼日時：2006/01/16 13:59

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

Q質問する（無料）

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

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

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

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報