ciao a tutti,
ho un piccolo problema. all'interno di un iframe editabile, ogni volta che entra in gioco una piccola funzione che ho fatto per formattare determinate parole, il cursore del mouse mi torna all'inizio dell'iframe. come si può evitare questo effetto "indesiderato"?
se può servire, posto il codice:
<html>
<head>
<style type="text/css">
#mioIframe {
border: 3px solid #CCCCCC;
width: 400px;
height: 300px;
}
</style>
<script type="text/javascript">
function evidenziatore(){
var area = document.getElementById("mioIframe");
var testo = area.contentWindow.document.body.innerHTML;
var temp = new Array();
temp = testo.split(' ');
var trovato = false;
//RICERCA
for (i=0; i<temp.length; i++)
{
if (temp[i] == "ciao")
{
//alert("trovato ciao");
temp[i] = "CIAO";
trovato = true;
}
}
//SOSTITUZIONE
if (trovato)
{
var finale = "";
for (i=0; i<temp.length; i++)
{
finale = finale + temp[i] + " ";
}
area.contentWindow.document.body.innerHTML = finale;
}
}
function premi(){
var editor = document.getElementById("mioIframe");
editor.contentDocument.designMode = "on";
iFrameDoc = document.getElementById("mioIframe").contentWindow .document;
iFrameDoc.addEventListener("keyup", evidenziatore, true);
}
</script>
</head>
<body>
<iframe id="mioIframe" onload="premi();" width="300" height="300"></iframe>
</body>
</html>