jueves, 30 de mayo de 2013

Como crear una ventana usando dhtmlxwindow de la manera mas sencilla



La manera mas sencilla de crear una ventana usando la libreria dhtmlxwindow es la siguiente

Primero se deben cargar las librerias necesarias
<link href="[ruta librerias]/dhtmlxwindows.css" rel="stylesheet" type="text/css"></link>
<link href="[ruta librerias]/dhtmlxwindows_dhx_skyblue.css" rel="stylesheet" type="text/css"></link>
<script src="[ruta librerias]/dhtmlxcommon.js"></script>
<script src="[ruta librerias]/dhtmlxcontainer.js"></script>
<script src="[ruta librerias]/dhtmlxwindows.js"></script>
Segundo se debe crear una funcion de Javascrip para crear ventana
 

function crearventana() // si tiene permisos de adicionar
{
   dhxWins = new dhtmlXWindows();
   dhxWins.enableAutoViewport(true);  
   dhxWins.setImagePath("/dhtmlxSuite/dhtmlxwindows/codebase/imgs/"); 
   var win = dhxWins.createWindow("miventana",110,250,700,350);    
   dhxWins.window("ven1").setText("Encabezado de la ventana");  
   dhxWins.window("ven1").denyResize();  //hace que laventana no sea posible cambiar su tamaño  
   dhxWins.window("ven1").attachURL("rutaenlaventana.html");
}
  
Tercero la función debe ser llamada desde algun objeto o metodo en el documento HTML
 
<input name="lanzaboton" onclick="crearventana()" type="button" value="Presione para lanzar ventana" /> 


Y listo es sencillo y ademas muy poderoso!!!!