現在、Confluence HTML マクロ内で jQuery を使用してダイアログを表示しています。
<input type="text" id="shortName" style="height: 18px; width: 50px;">
<input type="submit" id="submit" value="calendar">
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery("#calendarDialog").dialog({
modal: true,
autoOpen: false,
height: "600",
width: "800",
draggable: true,
resizeable: true
});
jQuery("#submit").click(
function() {
var emp = jQuery("#shortName").val().replace('.', '');
var url = <some-url>;
var dialogTitle = emp + "'s day calendar";
jQuery("#calendarDialog").dialog("open");
jQuery("#calendarDialog").dialog( "option", "title", dialogTitle );
jQuery("#calendarIFrame").attr("src", url);
return false;
});
jQuery("#shortName").focus();
});
</script>
<div id="calendarDialog" style="overflow: none;"><iframe id="calendarIFrame" width="100%" height="99%" frameBorder="0" title="dialogBox"></iframe></div>
Confluence 内に jQuery UI のものも含めるにはどうすればよいですか? 上記のコード ( http://code.jquery.com/ui/1.9.0/jquery-ui.jsを参照) に jQuery UI を含めると、マクロ内の jQuery コードが壊れます。