Mudanças entre as edições de "Pagina de teste"
| Linha 52: | Linha 52: | ||
<head> | <head> | ||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> | <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> | ||
| + | <style type="text/css"> | ||
| + | #bubble_tooltip{ | ||
| + | width:147px; | ||
| + | position:absolute; | ||
| + | display:none; | ||
| + | } | ||
| + | #bubble_tooltip .bubble_top{ | ||
| + | background-image: url('../images/bubble_top.gif'); | ||
| + | background-repeat:no-repeat; | ||
| + | height:16px; | ||
| + | } | ||
| + | #bubble_tooltip .bubble_middle{ | ||
| + | background-image: url('../images/bubble_middle.gif'); | ||
| + | background-repeat:repeat-y; | ||
| + | background-position:bottom left; | ||
| + | padding: 18px 18px 68px 18px; | ||
| + | top: -150px; | ||
| + | left: 10px; | ||
| + | |||
| + | } | ||
| + | #bubble_tooltip .bubble_middle span{ | ||
| + | position:relative; | ||
| + | top:-8px; | ||
| + | font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; | ||
| + | font-size:11px; | ||
| + | } | ||
| + | #bubble_tooltip .bubble_bottom{ | ||
| + | background-image: url('../images/bubble_bottom.gif'); | ||
| + | background-repeat:no-repeat; | ||
| + | background-repeat:no-repeat; | ||
| + | height:44px; | ||
| + | position:relative; | ||
| + | top:-6px; | ||
| + | } | ||
| + | </style> | ||
| + | <script type="text/javascript"> | ||
| + | function showToolTip(e,text){ | ||
| + | if(document.all)e = event; | ||
| + | |||
| + | var obj = document.getElementById('bubble_tooltip'); | ||
| + | var obj2 = document.getElementById('bubble_tooltip_content'); | ||
| + | obj2.innerHTML = text; | ||
| + | obj.style.display = 'block'; | ||
| + | var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop); | ||
| + | if(navigator.userAgent.toLowerCase().indexOf('safari')>=0)st=0; | ||
| + | /*var leftPos = e.clientX - 100;*/ | ||
| + | var leftPos = 30 | ||
| + | if(leftPos<0)leftPos = 0; | ||
| + | obj.style.left = leftPos + 'px'; | ||
| + | obj.style.top = 70 + 'px' | ||
| + | /*obj.style.top = e.clientY - obj.offsetHeight -1 + st + 'px';*/ | ||
| + | } | ||
| + | |||
| + | function hideToolTip() | ||
| + | { | ||
| + | document.getElementById('bubble_tooltip').style.display = 'none'; | ||
| + | |||
| + | } | ||
| + | </script> | ||
</head> | </head> | ||
| Linha 58: | Linha 117: | ||
<img src="http://wiki.elitesoft.com.br/images/4/4f/Smile1.png" onmouseout="this.src='http://wiki.elitesoft.com.br/images/4/4f/Smile1.png';" onmouseover="this.src='http://wiki.elitesoft.com.br/images/3/33/Smile2.png';"/> | <img src="http://wiki.elitesoft.com.br/images/4/4f/Smile1.png" onmouseout="this.src='http://wiki.elitesoft.com.br/images/4/4f/Smile1.png';" onmouseover="this.src='http://wiki.elitesoft.com.br/images/3/33/Smile2.png';"/> | ||
| − | <b>Luciano</b> | + | <b>Luciano Afonso</b><br> |
| + | |||
| + | <img src="http://wiki.elitesoft.com.br/images/4/4f/Smile1.png" onmouseout="this.src='http://wiki.elitesoft.com.br/images/4/4f/Smile1.png';hideToolTip()" onmouseover="this.src='http://wiki.elitesoft.com.br/images/3/33/Smile2.png';showToolTip(event,'Este é apenas\ um exemplo!');return false"/> | ||
| + | <b>Luciano Afonso</b> | ||
Edição das 13h56min de 25 de abril de 2012
|
|
Através desta tela é possível consultar os dados cadastrais de planos e serviços, financeiros e de atendimento. |
|
|
|
Através desta tela é possível consultar os dados cadastrais de planos e serviços, financeiros e de atendimento. |
|
|
Através desta tela é possível exibir notas importantes. |
|
|
Através desta tela é possível informar telas bloqueadas. |
|
|
Através desta tela é possível exibir alertas na página. |
|
|
Através desta tela é possível exibir regras na página. |
Luciano Afonso
Luciano Afonso
