ZanCajO.com

Se está poniendo de moda crear una imagen que flote, normalmente, al final de la página.Es muy sencillo. (más…)

Para que alguna imagen o varias tengan el aspecto de un cuadro bastaría con añadirlas un borde. (más…)

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…)

El “padding”, que yo pensaba que es un espacio entre el borde del contenedor y el objeto, es un relleno acumulable al margen. Por eso si aumentamos el padding debemos revisar el margin, cosa que yo no suelo hacer, supongo que hasta hoy.