$("#winSpan_Pro").dialog() not working
Take a look at my code and tell me what's wrong (it keeps opening the iframe in div winSpan_Pro without the dialog):
<html>
<head>
<link type="text/css" href="/jquery/css/custom-theme/jquery-ui-1.8.1.custom.css" rel="stylesheet" />
<script type="text/javascript" src="/jquery/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="/jquery/js/jquery-ui-1.8.1.custom.min.js"></script>
<link type="text/css" href="/meebohs/sys/navbar.css" rel="stylesheet" />
<script type="text/javascript">
$.winSpan_Pro = "#winSpanish_Project";
$.winMath_Ref = "#winMath_Reflection";
$.guiBegin_menu = "#guiBegin_menu";
$.guiAbout = "#guiAbout";
$.guiFilebrwsr = "#guiFilebrwsr";
$.guiApps = "#guiApps";
$.guiLogout = "#guiLogout";
$(document).ready(function() {
$(guiBegin_menu).dialog();
});
$(document).ready(function() {
$("#guiWelcome").dialog();
});
$(document).ready(function() {
$(guiAbout).dialog({ autoOpen: false });
});
$(document).ready(function() {
$(guiFilebrwsr).dialog({ autoOpen: false });
});
$(document).ready(function() {
$("button").button();
});
$(document).ready(function() {
$(guiLogout).dialog({ autoOpen: false });
});
$(document).ready(function() {
$(winSpan_Pro).dialog({ autoOpen: false });
});
$(document).ready(function() {
$(winMath_Ref).dialog({ autoOpen: false });
});
</script>
<body background="/meebohs/sys/-bg.jpg">
<ul id="navbar">
<li><a href="#"><button id="guiBegin_menu_button" style="margin:0">Begin</button></a><ul>
<li><button id="guiBegin_menu_button" onclick="jquery:$(guiBegin_menu).dialog('open')">Home</button></li>
<li><button id="guiAbout_button" onclick="jquery:$(guiAbout).dialog('open')">About</button></li>
<li><button id="sysLOGOUT" onclick="jqyery:$(guiLogout).dialog('open')">Logout</button></li></ul>
</li>
<li><a href="#"><button id="tb_guiFilebrwsr_button" style="margin:0">File Browser</button></a><ul>
<li><button id="open-tb_guiFilebrwsr_button" onclick="jquery:$(guiFilebrwsr).dialog('open')">Open</button></li>
<li><button id="close-tb_guiFilebrwsr_button" onclick="jquery:$(guiFilebrwsr).dialog('close')">Close</button></li></ul>
</li><li><a href="#"><button style="margin:0">Favorites</button></a><ul>
<li><a href="#">Favorites not enabled!</a></li></ul></li><li><a href="#"><button style="margin:0">Documents</button><ul>
<li><button onclick="jquery:$(winSpan_Pro).dialog('open');"><font face="Arial" size="3">^|$pan-pto.html</font></button></li>
<li><button onclick="jquery:$(winMath_Ref).dialog('open');"><font face="Arial" size="3">^|$ath-ref.html</font></button></li>
</ul></li>
<li><button style="margin:0"> </button></li>
</ul>
<div id="guiWelcome" title="Welcome!">Welcome to Meebohs (M.I.B.O.S)!</div>
<div id="guiBegin_menu" title="Home">
<button id="guiAbout_button" onclick="jquery:$(guiAbout).dialog('open')">About</button> <button id="guiFilebrwsr_button" onclick="jquery:$(guiFilebrwsr).dialog('open')">File Browser</button><br />
<a href="#" onclick="jquery:$(guiLogout).dialog('open')"><button id="sysLOGOUT">Logout</button></a><a href="/meebohs/sys/source.html" target="_blank"><button>Source</button></a>
</div>
<div id="guiAbout" title="About - Meebohs">
Meebohs (M.I.B.O.S) or Meebohs. Meebohs v1.1.4. (M)indos4 (I)nternet (B)ased (O)perating (S)ystem<br />
Copyright © Mindos4 and Matthew Caswell (2010-2011)<br />
Mindos4/MatthewCaswell
</div>
<div id="guiFilebrwsr" title="File Browser">
<iframe src="fbrowser.php"></iframe>
</div>
<div id="winSpan_Pro" title="Spanish-Project.html">
<iframe src="docsSpan_Pro.php" width="75%" height="90%" />
</div>
<div id="guiLogout" title="Logout">
Really logout?<br />
<button id="no" onclick="jquery:$(guiLogout).dialog('close')">No</button> <button id="yes" onclick="javascript:location.href='?sysLOGOUT'">Yes</button>
</div>
</body>
</html>
thnx in advance