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!!!!

3 comentarios:

  1. estimado consulta..
    es posible cerrar la ventana modal desde la pagina llamada rutaenlaventana.html?

    ResponderEliminar
  2. si señor claro con la funcion

    close();

    solo debes tener en cuenta
    que como la ventana esta en una pagina de jerarquia superior en el DOM

    Debes hacerlo atraves de PARENT

    o sea algo asi desde Jasvascript en la pagina llamada

    parent.win.close()

    espero te sirva!!

    ResponderEliminar
  3. Este comentario ha sido eliminado por el autor.

    ResponderEliminar