Ciao a tutti...io hoc reato una barra di tabs con jquery-ui e vorrei che cliccando su uno di essi si aprisse un dialog box, sempre di jquery-ui. Ho provato col codice seguente, ma non funziona, come mai?
codice:
<head>
<title>xxx</title>
<script>
$(function() {
$( "#tabs" ).tabs();
$( "#tabs-3" ).click(function( event ) {
event.preventDefault();
$( "#dialog" ).dialog({
modal: true,
width: 300,
height: 300,
title: "Prova",
resizable: false
});
document.write('div id="dialog">dialog aperto premendo su tabs-3</div>');
});
});
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">xxxxx</a></li>
<li><a href="#tabs-2">yyyyy</a></li>
<li><a href="#tabs-3">zzzzz</a></li>
</ul>
<div id="tabs-1">tab 1</div>
<div id="tabs-2">tab 2</div>
<div id="tabs-3"></div>
</div>
</body>