Caracteres HTML generados por script
Para escribir determinados símbolos en una web a veces hace falta su código html.
Con este script se generan de 100 en 100. El código html aparece al hacer clic en el carácter que quieres usar. Aunque no aparece la mano clásica si funcionan los caracteres y la navegación de la tabla.
También se puede destacar la parte que hace refrescar el contenido del div al hacer click en la navegación.
<form name="formu">
<b>Código HTML</b>
<input type="text" id="c" value='' size="7" readonly>
<input type="hidden" id="v" value='1'>
</form>
<div id="caracteres"></div>
<script type="txt/javascript" language="JavaScript">
<!--
function traduce(dato11) {// encargada de mostrar el codigo html
var codigo="&#"+dato11+";"
document.formu.c.value=codigo;
}
function cambia(como){ // encargada de la navegacion
if (como=='M'){document.formu.v.value=((document.formu.v.value)*1)+1;escribeme();}
if (como=='m'){document.formu.v.value=((document.formu.v.value)*1)-1;escribeme();}
if (como=='i'){document.formu.v.value=1;escribeme();}
}
function escribeme(){ //crea la tabla
var mivalor;
mivalor=((document.formu.v.value)*100)-99;
eltexto="<p>Desde "+mivalor+" hasta "+(mivalor+99)+"</p>";
eltexto=eltexto+"<TABLE BORDER=1 cellpadding=1 cellspacing=0><tr>";
for (i=mivalor ; i<=mivalor+99 ;i++) {
eltexto=eltexto+"<td><p onclick='traduce("+i;eltexto=eltexto+")'> &#"+i;
eltexto=eltexto+"</p></td>";
if (i%10==0){ eltexto=eltexto+"</tr><tr>"; }
}
eltexto=eltexto+"</tr><tr>";
eltexto=eltexto+"<td colspan='3'><p onclick=\"cambia('m');\">Anterior</p></td>";
eltexto=eltexto+"<td colspan='4'align='center'><p onclick=\"cambia('i');\">Inicio</p></td>";
eltexto=eltexto+"<td colspan='3'align='right'><p onclick=\"cambia('M');\">Siguiente</p></td>";
eltexto=eltexto+"</tr></table>";
document.getElementById("caracteres").innerHTML = eltexto;
}
escribeme();
//-->
</script>
Aviso el div caracteres tiene que existir antes de “llamarle” con el script, vamos, que hay que ponerle antes.
No hay comentarios »
Aún no hay comentarios.
RSS feed para los comentarios de esta entrada. TrackBack URL





![Validate my RSS feed [Valid RSS]](http://www.zancajo.com/wordpress/wp-content/themes/z11/images/valid-rss.png)