dijit.layout.TabContainer+mbMenu.js
<%@ page pageEncoding="gb2312"%>
<%@ page contentType="text/html; charset=gb2312"%>
<%@ page buffer="32kb"%>javascript
<jsp:useBean id="JSONRPCBridge" scope="session"
class="org.jabsorb.JSONRPCBridge" />
<jsp:useBean id="menumodel" scope="session" class="ocn.share.jabsorb.TestModel" />
<%
JSONRPCBridge.registerObject("menumodel", menumodel);
%>
<style type="text/css">
@import "js/dojo/dojo/resources/dojo.css";
@import "js/dojo/dijit/themes/nihilo/nihilo.css";
@import "js/dojo/dijit/themes/soria/soria.css";
@import "css/1.css";
</style>css
<script type="text/javascript" djConfig="parseOnLoad: true, isDebug: false" src="js/dojo/dojo/dojo.js"></script>html
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
<script type="text/javascript" src="js/jsonrpc.js"></script>
<script type="text/javascript" src="inc/jquery.metadata.js"></script>
<script type="text/javascript" src="inc/mbMenu.js"></script>
<script type="text/javascript" src="inc/styleswitch.js"></script>
<script type="text/javascript" src="inc/jquery.hoverIntent.js"></script>
<link rel="stylesheet" type="text/css" href="css/menu.css" title="styles1" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="css/menu1.css" title="styles2" media="screen" />
<script type="text/javascript">
dojo.require("dijit.Toolbar");
dojo.require("dijit.Tree");
dojo.require("dijit.layout.TabContainer");
dojo.require("dijit.layout.ContentPane");
dojo.require("dojo.data.ItemFileReadStore");
dojo.require("dijit.form.ComboBox");
dojo.require("dojo.parser");
</script>
<script>
$(function(){
jsonrpc = new JSONRpcClient("/Share2011/JSON-RPC");
var data=jsonrpc.menumodel.reValue();
$("#tag").html(data);
$(".myMenu").buildMenu(
{
template:"menuVoices.html",
additionalData:"pippo=1",
menuWidth:200,
openOnRight:false,
menuSelector: ".menuContainer",
iconPath:"ico/",
hasImages:true,
fadeInTime:100,
fadeOutTime:300,
adjustLeft:2,
minZindex:"auto",
adjustTop:10,
opacity:.95,
shadow:true,
closeOnMouseOut:true,
closeAfter:1000
});java
});
function test(modelname,url)
{
var tmpdiv=document.createElement("div");
var tmp = new dijit.layout.ContentPane({title:modelname,closable:true},tmpdiv);
tmp.setContent("<iframe style='width:100%;height:100%;' frameborder='0' src="+url+"></iframe>");
dijit.byId("mainTabContainer").addChild(tmp);
dijit.byId("mainTabContainer").selectChild(tmp);
}
function testForContextMenu(el){
if (!el) el= $.mbMenu.lastContextMenuEl;
alert("the ID of the element is: "+$(el).attr("id"));
}
</script>jquery
<body class="nihilo">
<table width="100%" border="0" height="700">
<tr>
<td class="myMenu" align="left">
<div id="headDiv" style="width:100%;height: 50;">
<table class="rootVoices" cellspacing='0' cellpadding='0' border='0'>
<tr align="center">
<td class="rootVoice {menu: 'menu'}" >目錄</td>
<td class="rootVoice {menu: 'info'}" >我的信息</td>
<td class="rootVoice {menu: 'date'}" >日曆</td>
<td class="rootVoice {menu: 'search'}" >搜索</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td>
<div id="mainTabContainer" dojoType="dijit.layout.TabContainer" style="width:100%;height:840;z-index:0;" >
</div>
</td>
</tr>
</table>json
<div id="tag">session
<div id="menu" class="menu"> jsp
<a>菜單一</a> ui
</div>
</body>url
-
每一个你不满意的现在，都有一个你没有努力的曾经。