イントラネットのユーザーからのフィードバックを得るために、ポップアップまたはモーダル ウィンドウを表示するモーダル ウィンドウを作成する必要があります。このウィンドウには、「今後この質問をしないでください」というチェックボックスが必要です。jqueryを使用してこのウィンドウを作成しようとしましたが、その方法がわかりません。私もグーグルで検索しようとしましたが、適切な回答が得られませんでした。誰でもこれで私を助けてくれませんか。私はjqueryを初めて使用します。モーダルウィンドウを作成しているサイトをたくさん見てきましたが、それらはphpを使用していてできません。この目的のためにjquery、jsp、またはjavascriptコードを手伝ってください。ユース ケース ドキュメントのスクリーンショットが添付されています。どんな助けでも大歓迎です。前もって感謝します。ps websphere ポータルを使用しています。
申し訳ありませんが、画像は許可されていませんでした..
以下のコードも機能しません。助けてください。
<html>
<head>
<%@page session="false" contentType="text/html" pageEncoding="ISO-8859-1" import="java.util.*,javax.portlet.*,com.ibm.accessitservicesfeedbackpopup.*" %>
<%@ taglib uri="http://java.sun.com/portlet" prefix="portlet"%>
<%@taglib uri="http://www.ibm.com/xmlns/prod/websphere/portal/v6.1/portlet-client-model" prefix="portlet-client-model" %>
<portlet:defineObjects/>
<link rel="stylesheet" type="text/css" href="<%= renderRequest.getContextPath() %>/style.css"/>
<link rel="stylesheet" type="text/css" href="<%= renderRequest.getContextPath() %>/jqModal.css"/>
<script language="javascript" type="text/javascript" src="<%= renderRequest.getContextPath() %>/jqModal.js"></script>
<script language="javascript" type="text/javascript">
function confirm(msg,callback) {
$('#confirm')
.jqmShow()
.find('p.jqmConfirmMsg')
.html(msg)
.end()
.find(':submit:visible')
.click(function(){
if(this.value == 'yes')
(typeof callback == 'string') ?
window.location.href = callback :
callback();
$('#confirm').jqmHide();
});
}
$().ready(function() {
$('#confirm').jqm({overlay: 88, modal: true, trigger: false});
// trigger a confirm whenever links of class alert are pressed.
$('a.confirm').click(function() {
confirm('About to visit: '+this.href+' !',this.href);
return false;
});
});
</script>
</head>
<body>
<a href="#" class="jqModal">view</a> (confirm)
<!-- Confirm Dialog -->
<div class="jqmWindow" id="confirm">
<div id="ex3b" class="jqmConfirmWindow">
<div class="jqmConfirmTitle clearfix">
<a href="#" class="jqmClose"><em>Close</em></a>
</div>
<div class="jqmConfirmContent">
<p class="jqmConfirmMsg"></p>
<p>Continue?</p>
</div>
<input type="submit" value="no" />
<input type="submit" value="yes" />
</div>
</div>
</body>
</html>