What is Smarty?
Why use it?
Use Cases and Work Flow
Syntax Comparison
Template Inheritance
Best Practices
Crash Course
You may use the Smarty logo according to the trademark notice.
For sponsorship, advertising, news or other inquiries, contact us at:
Nombre del Atributo | Tipo | Requerido | Default | Descripción |
---|---|---|---|---|
text | string | Si | n/a | El text/html para mostrar en la ventana popup |
trigger | string | No | onMouseOver | El que va a ser usado para que aparezca la ventana. Puede ser onMouseOver u onClick |
sticky | boolean | No | false | Hace que el poppup se quede cerca hasta que se cierre |
caption | string | No | n/a | Defíne el texto para el título |
fgcolor | string | No | n/a | El color que va a ser usado dentro de la caja popup |
bgcolor | string | No | n/a | El color del borde de la caja popup |
textcolor | string | No | n/a | Defíne el color del texto dentro de la caja popup |
capcolor | string | No | n/a | Defíne el color del título de la caja |
closecolor | string | No | n/a | Defíne el color del texto para cerrar |
textfont | string | No | n/a | Defíne el color del texto para ser usado en el texto principal |
captionfont | string | No | n/a | Defíne el tipo de letra para ser usado en el Título |
closefont | string | No | n/a | Defíne el tipo de letra para el texto "Close" |
textsize | string | No | n/a | Defíne el tipo de letra del texto principal |
captionsize | string | No | n/a | Defíne el tamaño del tipo de letra del título |
closesize | string | No | n/a | Defíne el tamaño del tipo de letra del texto "Close" |
width | integer | No | n/a | Defíne el ancho de la caja |
height | integer | No | n/a | Defíne la altura de la caja |
left | boolean | No | false | Hace que el popups vaya para la izquierda del ratón |
right | boolean | No | false | Hace que el popups vaya para la derecha del ratón |
center | boolean | No | false | Hace que el popups vaya al centro del ratón |
above | boolean | No | false | Hace que el popups vaya por encima del rató. NOTA:solamente es posible si el height fue definido |
below | boolean | No | false | Hace que el popups vaya por abajo del ratón |
border | integer | No | n/a | Torna en gruesos o finos los bordes del popups |
offsetx | integer | No | n/a | A que distancia del ratón aparecera el popup, horizontalmente |
offsety | integer | No | n/a | A que distancia del ratón aparecera el popup, verticalmente |
fgbackground | url to image | No | n/a | Defíne una imagen para usar en vez del color del popup. |
bgbackground | url to image | No | n/a | defíne una imagen para ser usada como borde en vez de un color para el popup. NOTA:Usted debe definir bgcolor como "" o el color aparecera también. NOTA: Cuando tuviera un link "Close", el Netscape rediseñara las celdas de la tabla, haciendo que las cosas aparezcan incorrectamente |
closetext | string | No | n/a | Defíne el texto "Close" a otra cosa |
noclose | boolean | No | n/a | No muestra el texto "Close" pegado con el título |
status | string | No | n/a | Defíne el texto en la barra de estado del navegador |
autostatus | boolean | No | n/a | Defíne el texto en la barra de estado para el texto del popup. NOTA: sobreescribe la definición del status. |
autostatuscap | string | No | n/a | Defíne el texto de la barra de estado como el texto del título NOTA: sobreescribe el status y autostatus |
inarray | integer | No | n/a | Indica al overLib desde que índice de la matriz ol_text debe leer el texto, localizada en overlib.js. Este parámetro puede ser usado en vez del texto |
caparray | integer | No | n/a | Indica al overLib a partir de que índice de la matriz ol_caps leer el título |
capicon | url | No | n/a | Muestra la imagen antes del título |
snapx | integer | No | n/a | Instantanea el popup a una posición constante en una cuadricula horizontal |
snapy | integer | No | n/a | Instantanea el popup a una posición constante en una cuadricula vertical |
fixx | integer | No | n/a | Cierra el popups en una posición horizontal Nota: pasa por encima de otros colocados horizontal |
fixy | integer | No | n/a | Cierra popups en posición vertical Note: pasa por encima de otros colocados vertical |
background | url | No | n/a | Defíne una imagen para ser usada como fondo en vez de la tabla |
padx | integer,integer | No | n/a | Rellena el fondo de la imagen con espacios en blanco horizontal para colocar el texto. Nota: este es un comando de dos parámetros |
pady | integer,integer | No | n/a | Rellena el fondo de la imagen con espacios en blanco vertical para colocar el texto. Nota: este es un comando de dos parámetros |
fullhtml | boolean | No | n/a | Permite a usted controlar completamente el html sobre la figura de fondo. El código HTML es esperado en el atributo "text" |
frame | string | No | n/a | Controla popups en frames diferentes. Para mayores informes sobre esta función vea la pagina de overlib |
timeout | string | No | n/a | LLama especificamente a una función javascript y toma el valor que retorna, como el texto que se va a mostrar en la ventana popup |
delay | integer | No | n/a | Hace que el popup funcione como un tooltip. Este aparecera solo con un retraso en milesimas de segundo |
hauto | boolean | No | n/a | Determina automáticamente si el popup debe aparecer a la izquierda o a la derecha del ratón. |
vauto | boolean | No | n/a | Determina automáticamente si el popup debe aparecer abajo o arriba del ratón. |
{popup} es usado para crear ventanas popup con javascript. {popup_init} DEBE ser llamado primero para poder trabajar.
Example 8.22. popup
{* popup_init debe ser llamado una vez hasta arriba de la pagina *} {popup_init src="/javascripts/overlib.js"} {* crea un link con una ventana popup que aparece cuando se pasa el mouse sobre este *} <a href="mypage.html" {popup text="This link takes you to my page!"}>mypage</a> {* usted puede usar html, links, etc en el texto del popup *} <a href="mypage.html" {popup sticky=true caption="mypage contents" text="<ul><li>links</li><li>pages</li><li>images</li></ul>" snapx=10 snapy=10}>mypage</a>
Ver también {popup_init} y overLib.