Buona Sera.
ho aperto questo post in html perchè credevo di risolvere con i soli tag html, ma mi hanno suggerito di utilizzare i tooltip javascript+css ma non riesco ad adattare la soluzione alla mia necessita.
Vi spiego prima la necessità:
Semplicemente devo inserire una frase in stile (grassetto) nel "title" di una option di una select:
Ma chiaramente così non interpreta il tag "[b]" e me lo scrive dentro. Ho chiesto e mi hanno suggerito i tooltip che funzionano così sui link:Codice PHP:<select name="ciao" multiple>
<option title="[b]suggerimento[/b]" value="d">ciao ciao</option>
</select>
Se a questo punto effettuo le seguenti sostituzioni:Codice PHP:<html>
<head>
<script>
window.onload=enableTooltips;
function enableTooltips(){
var links=document.getElementsByTagName("a");
alert(links.text);
for(i=0;i<links.length;i++){
t=links[i].getAttribute("title");
if(t!=""){
links[i].removeAttribute("title");
links[i].style.position="relative";
tooltip=document.createElement("em");
tooltip.className="tooltip";
tooltip.style.display="none";
tooltip.appendChild(document.createTextNode(t));
links[i].appendChild(tooltip);
links[i].onmouseover=showTooltip;
links[i].onmouseout=hideTooltip;
}
}
}
function showTooltip(event){
this.style.zIndex="25";
this.getElementsByTagName("em")[0].style.display="block";
}
function hideTooltip(event){
this.style.zIndex="24";
this.getElementsByTagName("em")[0].style.display="none";
}
</script>
<style>
.tooltip{ /*il resto è compito di javascript */
position:absolute;
top: 2em; left: 2em; width: 15em;
border: 1px solid #69C; background-color: #A8F8D0; color:#000;
font-size: 80%;text-align: center}
</style>
</head><body>
<a title="Suggerimento">ciao ciao</a>
</body>
non funziona. E' una cosa impossibile o sbaglio sintassi?Codice PHP://sostituisco
var links=document.getElementsByTagName("a");
//con
var links=document.getElementsByTagName("option");
//e sostituisco
<a title="Suggerimento">ciao ciao</a>
//con
<select name="ciao" multiple>
<option title="suggerimento" value="d">Ciao ciao</option>
</select>
Grazie Angelo
Rispondi quotando
