problema jquery easyui window

luigi777

Utente Attivo
14 Feb 2008
1.086
1
38
42
Massa, Italy
Salve, sto seguendo questo tutorial : http://www.jeasyui.com/tutorial/win/win1.php
ma non riesco ad capire nel mio script perché viene lanciato anche se non è stato cliccato tramite pulsante.
Mi potete dirmi come posso fare per far che mi viene aperta la finestra con il click di un div?.
Io per ora ho fatto cosi:
PHP:
$(document).ready(function(){
    $("#start").click(function(){
      $('#win').window('open');
	 
    });
});

document.write("<div id=\"win\" class=\"easyui-window\" title=\"Basic Window\" data-options=\"iconCls:'icon-save'\" style=\"width:500px;height:200px;padding:10px;\">");
document.write("		The window content.");
document.write("	<\/div>");

essendo che sto imparando usare jquery per far un mini sistema operativo in javascript. che ho già fatto il core ed ora devo integrare le finestre
ed ho trovato jeasyui molto semplice al diffatto che non riesco ad far apparire la window quando voglio io.

la main principale è questa:
PHP:
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8" />
	<title>Amorfini OS</title>
	<link rel="stylesheet" href="css/general.css" type="text/css" media="screen" />
	<!--[if IE 7]>
		<link rel="stylesheet" href="css/ie7.css" type="text/css" media="screen," />
	<![endif]-->
	<!--[if IE 6]>
		<link rel="stylesheet" href="css/ie6.css" type="text/css" media="screen," />
	<![endif]-->
	
</head>
<body>
	<div id="main">
		<div id="home" class="icon">
			<div class="name">Home</div>
		</div>
		<div id="trash" class="icon">
			<div class="name">Trash</div>
		</div>
		<div id="taskbar">
			<div id="start"><img src="images/start.png"></div>
			<div id="clock">00:00:00</div>
		</div>
		</div>
		<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript" src="js/core.js"></script>
		<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="app/window_test.js"></script> // qui carico i programmi  fatti in js e richiamati alla main.
</body>
</html>

idee?

grazie mille.
 
vi allego un'immagine della finestra che mi parte da sola.
Immagine2.jpg

come posso fare?.

grazie mille.
 
Ciao, puoi provare cosi
HTML:
<script>
    $(document).ready(function(){
        $("#start").click(function(){
            $('#win').show();     
        });
    });
</script>
<style>
    div#win {
        width:500px;
        height:200px;
        padding:10px;
        display: none;
    }
</style>
<div id="win" class="easyui-window" title="Basic Window" data-options="iconCls:'icon-save'">
    The window content
</div>
<input id="start" value="Start" type="button"/>
 
niente, da fa..

ora il mio codice è scritto cosi ed scusa se ho rimesso lo stile con il tag style perché con il tuo non lo prendeva propio e lo ingnorava.
PHP:
$(document).ready(function(){
       $("#start").click(function(){
           $('#win').show();     
       });
});
	
document.write("<div id=\"win\" class=\"easyui-window\" title=\"Basic Window\" style=\"width:500px;height:200px;padding:10px;\" data-options=\"iconCls:'icon-save'\">");
document.write("The window content");
document.write("</div>");

solo che io non voglio il button ma voglio che faccia l'immagine vestita da pulsante.

come posso evitare document.write perché mi sa che è propio quello che fa apparire la finestra da sola.
nel $document come è la funzione che crea l'html?

grazie mille e buona serata.
luigi.
 
niente problema libreria .. perché anche i suoi esempi si apre la window da sola..

quindi cerco un'altra migliore.

saluti,
luigi.
 

Discussioni simili