04/11/2005, 02:30
|
 | Moderador | | Fecha de Ingreso: abril-2002 Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 7 meses Puntos: 1284 | |
Hola:
Algo así:
Código:
<html>
<head>
<title>
explorar texto
</title>
<script type="text/javascript">
function explorar(){
var explorador = document.getElementById("explorando").firstChild.nodeValue;
temporal = document.createElement("span");
letras = new Array(explorador.length);
for (var i = 0, total = letras.length; i < total; i ++) {
letras[i] = document.createElement("span");
letras[i].appendChild(document.createTextNode(explorador.charAt(i)));
temporal.appendChild(letras[i]);
}
document.body.appendChild(temporal);
for (var i = 0, total = temporal.childNodes.length; i < total; i ++)
document.getElementById("resultado").value +=
explorador.charAt(i) + " = " + temporal.childNodes[i].offsetWidth + " px\n";
document.body.removeChild(temporal);
}
</script>
</head>
<body >
<div>
<button onclick="explorar()">
explorar
</button>...
<span id="explorando"> este texto</span>
</div>
resultado: </br/>
<textarea id="resultado" cols=30 rows=10>
</textarea>
</body>
</html>
Saludos 
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo |