WebUI Popover, ventanas con posición

DESCARGA : WebUI Popover

WebUI Popover, ventanas con posición, ¿necesitas un pop-up donde puedas manipular la posición de aparición y agregar otras acciones ?, este plugin tiene la ventaja de tener nuevas características impresionantes lo primero que hay que tener en cuenta es que necesita la versión de jQuery superior 1.7.

Las ventajas de este plugin:

1.- Rápido, ligero
2.- Apoya más en la implementación.
3.- Colocación autocalculable.
4.- Botón para cerrar.
5.- Multipules instancias.
6.- Diferentes estilos
7.- Url y uso de iframe.
8.- Modo asíncrono.

 

 

Para incluir en tu sitio:

<link rel="stylesheet" href="jquery.webui-popover.css">
...
<script src="jquery.js"></script>
<script src="jquery.webui-popover.js"></script>

Utilizar el plugin de la siguiente manera:

$('a').webuiPopover(options);

Algunos ejemplos:

  1. Crear más simple.
  2. Crear Pop-over por elemento DOM de datos * atributo.
  3. Crear Pop-over con la colocación inferior.
  4. Crear Pop-over trigged mouse.
  5. Crear Pop-over con ancho fijo y altura.
  6. Crear Pop-over con botón de cierre.
  7. Crear Pop-over con iframe.
  8. Crear Modo Pop-over Async.

También tienes que tener en cuenta que la creación de este plugin tiene como creacion por default.

{
 placement:'auto',//values: auto,top,right,bottom,left,top-right,top-left,bottom-right,bottom-left
 width:'auto',//can be set with number
 height:'auto',//can be set with number
 trigger:'click',//values:click,hover
 style:'',//values:'',inverse
 delay:300,//delay time of the popover, works only when trigger is 'hover'
 cache:true,//if cache is set to false,popover will destroy and recreate
 multi:false,//allow other popovers in page at same time
 arrow:true,//show arrow or not
 title:'',//the popover title ,if title is set to empty string,title bar will auto hide
 content:'',//content of the popover,content can be function
 closeable:false,//display close button or not
 padding:true,//content padding
 type:'html',//content type, values:'html','iframe','async'
 url:''//if not empty ,plugin will load content by url
}

Si quieres tener más documentación puedes visitar en este plugin: https://github.com/sandywalker/webui-popover

You may also like...