Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

mateuscrocha

Alt text

Recommended Posts

Puts galera. Tem um dia que eu procuro isso e não acho. É o seguinte: eu estou precisando colocar um ALT TEXT em uma option (caixa de seleção). Ou seja, quando o mouse permanecer em cima do item, um texto é mostrado.Alguém sabe?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Seguinte.A tag <option> nao possui a propriedade alt... portanto nao vai ser tao simples assim, vou ver o que eu tenho guardado aqui que posso te ajudar, guenta a mão ai, fala para o seu chefe nao te mandar embora nao hehe

Compartilhar este post


Link para o post
Compartilhar em outros sites

Ae mateus,Eu arrumei como colocar o Alt Text na tag select do combo, na option nao rola.... se quizer coloco o codigo ai, mas acho que da para dar uma implementada no codigo...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Detalhe... eu criei uma tag span.. depois você adapta a função.. no caso aqui eh somente qndo você clica em cima do item...não fiz nada de passar o mouse... mas eh o caminho<form name="form1" method="post" action=""> <select name="produtos" onChange="desc_sp.innerHTML=this.options[this.selectedIndex].desc"> <option value='valor'>Selecione</option> <option desc='Aqui vai a Primeira descrição ' value='valor'>Opção 1</option> <option desc='Aqui vai a Segunda descrição' value='valor'>Opção 2</option> <option desc='Aqui vai a Terceira descrição' value='valor'>Opção 3</option> <option desc='Aqui vai a Quarta descrição' value='valor'>Opção 4</option> <option desc='Aqui vai a Quinta descrição' value='valor'>Opção 5</option> </select> <span id="desc_sp"></span> </form>

Compartilhar este post


Link para o post
Compartilhar em outros sites

<html><head><title>s</title></head><body><div id="toolTipLayer" style="position:absolute; visibility: hidden; width: 300px; height: 50px;"></div><table width="26%" border="0" cellspacing="2" cellpadding="2"> <tr> <td width="83%" class="Texto10"> <select name="select" onMouseOver="toolTip('jdljaslkdjqoiueroqjljasljdlkasj','0','0','hdkjhaskdhkasjhdkjahsdkjahskdj')" onMouseOut="toolTip()"> <option value="1" >Valor 4</option> <option value="2">Valor3</option> <option value="3">Valor2</option> </select></td> </tr></table></body></html><script language="JavaScript1.2">var ns4 = document.layers;var ns6 = document.getElementById && !document.all;var ie4 = document.all;offsetX = 0;offsetY = 20;var toolTipSTYLE="";function initToolTips(){ if(ns4||ns6||ie4) { if(ns4) toolTipSTYLE = document.toolTipLayer; else if(ns6) toolTipSTYLE = document.getElementById("toolTipLayer").style; else if(ie4) toolTipSTYLE = document.all.toolTipLayer.style; if(ns4) document.captureEvents(Event.MOUSEMOVE); else { toolTipSTYLE.visibility = "visible"; toolTipSTYLE.display = "none"; } document.onmousemove = moveToMouseLoc; }}function toolTip(msg, wd, hg, title){ if(toolTip.arguments.length < 1) // hide { if(ns4) toolTipSTYLE.visibility = "hidden"; else toolTipSTYLE.display = "none"; } else // show { if(toolTip.arguments.length > 2){ toolTipSTYLE.width = wd; toolTipSTYLE.height = hg; } if(toolTip.arguments.length < 4){ varTitle = "Ajuda"; }else{ varTitle = title; }content = '<table id="toolTipContent" border="0" cellspacing="0" cellpadding="0">' + '<tr><td class="ToolTipTitulo" align="center">' + varTitle + '</td></tr>' + '<tr><td width="100%"> ' + '<table border="0" cellspacing="0" cellpadding="0">' + '<td class="ToolTipTexto" width="100%">' + msg + '</td>' + '</table>' + '</td></tr>' + '</table>'; if(ns4) { toolTipSTYLE.document.write(content); toolTipSTYLE.document.close(); toolTipSTYLE.visibility = "visible"; } if(ns6) { document.getElementById("toolTipLayer").innerHTML = content; toolTipSTYLE.display='block' } if(ie4){ document.all("toolTipLayer").innerHTML=content; toolTipSTYLE.display='block' } if(ns4) refToolTipContent = document.toolTipContent; else if(ns6) refToolTipContent = document.getElementById("toolTipContent"); else if(ie4) refToolTipContent = document.all.toolTipContent; if(refToolTipContent){ toolTipSTYLE.width = parseInt(refToolTipContent.offsetWidth); toolTipSTYLE.height = parseInt(refToolTipContent.offsetHeight); } }}function moveToMouseLoc(e){ if(ns4||ns6) { x = e.pageX; y = e.pageY; } else { x = event.x + document.body.scrollLeft; y = event.y + document.body.scrollTop; } var docW = (parseInt(document.body.offsetWidth) ) - parseInt(toolTipSTYLE.width) + document.body.scrollLeft; var docH = (parseInt(document.body.offsetHeight)) - parseInt(toolTipSTYLE.height)+ document.body.scrollTop; if(x > docW) toolTipSTYLE.left = x - 5 - parseInt(toolTipSTYLE.width); else toolTipSTYLE.left = x + offsetX; if(y > docH) toolTipSTYLE.top = y - 5 - parseInt(toolTipSTYLE.height); else toolTipSTYLE.top = y + offsetY; return true;}initToolTips();</script>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.