Campo com descrição

[ersime 0]

Boa tarde, pessoal certa vez vi um formulario que ao posicionar o cursor no campo, era exibido uma caixa amarela ao lado, dando uma descrição do preenchimento do campo, alguem sabe como é isso?obrigado

[ersime 0]

Eu tinha visto um, que era bem simples de fazer, mas nao me lembro em que site foi, era um retangulo amarelo que aparecia ao lado do campo

[ersime 0]

como se faz pelo title

[ersime 0]

fiz como você disse,mas não aconteceu nada

[sauloreis 0]

voce pode usar o seguinte :

 

<style type="text/css">#dhtmltooltip{	position: absolute;	left: -300px;	width: 270px;	border: 1px solid black;	padding: 2px;	background-color: #00FF40;	visibility: hidden;	z-index: 100;	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);	font-family: Verdana;	font-size:7pt;}#dhtmlpointer{	position:absolute;	left: -300px;	z-index: 101;	visibility: hidden;}</style><script language="Javascript"><!--var offsetfromcursorX=12 var offsetfromcursorY=10 var offsetdivfrompointerX=10 var offsetdivfrompointerY=14 document.write('<div id="dhtmltooltip"></div>') document.write('<img id="dhtmlpointer">') var ie=document.allvar ns6=document.getElementById && !document.allvar enabletip=falseif (ie||ns6)var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""var pointerobj=document.all? document.all["dhtmlpointer"] : document.getElementById? document.getElementById("dhtmlpointer") : ""function ietruebody(){	return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}function ddrivetip(thetext, thewidth, thecolor){	if (ns6||ie){  if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"  if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor  tipobj.innerHTML=thetext  enabletip=true  return false	}}function positiontip(e){	if (enabletip){  var nondefaultpos=false  var curX=(ns6)?e.pageX : event.x+ietruebody().scrollLeft;  var curY=(ns6)?e.pageY : event.y+ietruebody().scrollTop;    var winwidth=ie&&!window.opera? ietruebody().clientWidth : window.innerWidth-20  var winheight=ie&&!window.opera? ietruebody().clientHeight : window.innerHeight-20  var rightedge=ie&&!window.opera? winwidth-event.clientX-offsetfromcursorX : winwidth-e.clientX-offsetfromcursorX  var bottomedge=ie&&!window.opera? winheight-event.clientY-offsetfromcursorY : winheight-e.clientY-offsetfromcursorY  var leftedge=(offsetfromcursorX<0)? offsetfromcursorX*(-1) : -1000  if (rightedge<tipobj.offsetWidth){ 	 tipobj.style.left=curX-tipobj.offsetWidth+"px" 	 nondefaultpos=true  }  else if (curX<leftedge) 	 tipobj.style.left="5px"  else{ 	 tipobj.style.left=curX+offsetfromcursorX-offsetdivfrompointerX+"px" 	 pointerobj.style.left=curX+offsetfromcursorX+"px"  }  if (bottomedge<tipobj.offsetHeight){ 	 tipobj.style.top=curY-tipobj.offsetHeight-offsetfromcursorY+"px" 	 nondefaultpos=true  }  else{ 	 tipobj.style.top=curY+offsetfromcursorY+offsetdivfrompointerY+"px" 	 pointerobj.style.top=curY+offsetfromcursorY+"px"  }  tipobj.style.visibility="visible"  if (!nondefaultpos) 	 pointerobj.style.visibility="visible"  else 	 pointerobj.style.visibility="hidden"  }}function hideddrivetip(){	if (ns6||ie){  enabletip=false  tipobj.style.visibility="hidden"  pointerobj.style.visibility="hidden"  tipobj.style.left="-1000px"  tipobj.style.backgroundColor=''  tipobj.style.width=''	}}document.onmousemove=positiontip// --></script>

Para chamar você utiliza assim:

 

<INPUT id="meucampo" name="meucampo"  size="10"  onMouseover="ddrivetip('VOCE ESCREVE AQUI SUA MENSAGEM');" onMouseout="hideddrivetip();" onclick="hideddrivetip();"  >

Espero ter ajudado.

 

Saulo

 

 

fiz como você disse,mas não aconteceu nada

<{POST_SNAPBACK}>

[ersime 0]

nada