ZanCajO.com

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>

(más…)

Tabla de colores generada por script
<script language=”JavaScript” type=”text/javascript”>

<!--
//creamos los arrays
   var r = new Array("00","33","66","99","CC","FF");
   var g = new Array("00","33","66","99","CC","FF");
   var b = new Array("00","33","66","99","CC","FF");
document.write("<table><tr>");
          for (i=0;i<r.length;i++) {
                    for (j=0;j<g.length;j++) {
                              for (k=0;k<b.length;k++) {
                                        //creamos el color
                                        var cdc ="#" + r[i] + g[j] + b[k];
                                        document.write("<td bgcolor="+cdc+ " ><font"+cdc+"</td>");
                                        if (k==5){if(j%2>0){document.write("</tr><tr>");}}
                              }
                    }
          }
document.write("</tr></table>");
//-->

</script>
En el ejemplo la línea
if (k==5){if(j%2>0){document.write(“</tr><tr>”);}} la he modificado para mostrar las líneas (<tr>) más cortas.
if (k==5){if(j%1==0){document.write(“</tr><tr>”);}} (más…)