Detectar ancla en la url con javascript

La propiedad document.location.hash. obtiene la parte de la url después de #. Con esto podemos obtener el nombre de un elemento el cual podemos modificar con javascript

< script languaje = "javascript" > 
// verificar si viene un ancla 
if (document.location.hash != "") 
{    
 var elemento = document.location.hash.replace("#",""); 
 document.getElementById(elemento). style.color= '#fff'; 
} 
 

En este caso el elemento que pasemos por la URL le cambiamos el color

Activar todos los checkbox de una página

<a href="#" onclick="activar(1); return false;" >Marcar todos</a> /
<a href="#" onclick="activar(0);return false;" >Desmarcar todos</a>
 

Javascript
function activar(activado){

var todos=document.getElementsByTagName("input");
var a=new Array();
 
for(x=0;x<todos.length;x++){ 
   if(document.getElementsByTagName("input")[i].type == "checkbox") {
      if(todos[x].type == "checkbox"){
 todos[x].checked=activado
      }
   }
}>

Función para crear thumbnail en php

Función para crear thumbnail con las dimensiones deseadas en PHP

function subirImagenRecortada($imagen,$rutaImg,$nombre,$alturaMaxima,$anchuraMaxima){
$varrand = $nombre;   //nombre aleatorio
$varallw = array("image/jpeg","image/pjpeg");  //tipo de imagnes
if (is_uploaded_file($imagen["tmp_name"])) { 
     $varname = $imagen['name']; 
     $vartemp = $imagen['tmp_name']; 
     $vartype = $imagen['type']; 
     $ext = strrchr($imagen['name'],'.');  
     //Comprueba que el archivos subir es JPG
     if (in_array($vartype, $varallw) && $varname != "") { 
     $varname = "p_".$varrand.$ext; 
     $varpath=$rutaImg;
     if (copy($vartemp, $rutaImg.$varname)) { 
 $filename = $varpath.$varname;
 list($width, $height) = getimagesize($filename);
   
    
 /* Recortar con lado de 90 px */
 $ancho=$anchuraMaxima;
 $alto=$alturaMaxima;
 list($width, $height) = getimagesize($filename);
 $diferencia_ancho = $width/$ancho;
 $diferencia_alto = $height/$alto;

 if($diferencia_ancho < $diferencia_alto) {
     $nuevo_ancho = $ancho;
     $prop = $nuevo_ancho/$width;
     $nuevo_alto = round($height*$prop);
     $dist_x = 0;
     $dist_y = ($alto-$nuevo_alto)/2;
 }else {
     $nuevo_alto = $alto;
     $prop = $nuevo_alto/$height;
     $nuevo_ancho = round($width*$prop);
     $dist_x = ($ancho-$nuevo_ancho)/2;
     $dist_y = 0;
 }
  $thumb = imagecreatetruecolor($ancho, $alto);
 imagealphablending($thumb, false);
 $source = imagecreatefromjpeg($filename);
 imagecopyresampled($thumb, $source, $dist_x, $dist_y, 0, 0, $nuevo_ancho, $nuevo_alto, $width, $height);
 imagejpeg($thumb, $varpath.$varname);
 imagedestroy($thumb);
   
 return $varname;
     } else { 
          echo  "Error al subir el archivo"; 
        } 
   }else { 
   echo  "No se puede subir ese archivo"; 
   }
}
return $nameold;
}

Cambiar hoja de estilos sin refrescar

Para poder cambiar la hoja de estilo lo primero es indica varias hojas de estilos alternitivas, para se una hoja de estilo alternativa debe tener un title y el atributo rel="stylesheet"

<link  href="css/estilos.css" rel="stylesheet" type="text/css"/>
<link  href="css/blanco.css" rel="stylesheet" type="text/css" title="hojaBlanco"/> 
<link  href="css/negro.css" rel="stylesheet" type="text/css" title="hojaNegro"/>

Después tenemos que llamar a la función activarCSS

<a href="#" onClick="activarCSS('hojaBlanco');return false" id="btnBlanco">

En el javascript se debe incluir la función activarCSS

function activarCSS(title) {
   var i, a, main;
   for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
       if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
            a.disabled = true;
     if(a.getAttribute("title") == title) a.disabled = false;
 }
    }
return false;
}




Chuleta MySQL

Una chuleta MySQL con los tipos de datos de MySQL y las funciones más comunes en PHP

HR, linea con color

El elemento HTML HR no se muestra en todos los navegadores igual para conseguir un resultado idéntico debemos obviar la height y utilizar el color en el borde como mostramos a continuación. Se ve perfectamente en todos los navegadores

<hr style="border:none;border-top: 1px solid rgb(118, 169, 72); height: 0px; margin: 0pt auto; width: 90%;">

---

Problemas de cache con Internet Explorer

Un problema clásico de Intenet Explorer es que cuando realizamos una petición AJAX, aunque se modifique los datos en la base de datos, el navegador siempre nos muestra la misma página. Esto es debido a que Internet Explorer tiene una caché interna que no se carga como debiera.

Vamos a mostrar dos posibles soluciones un en la lado de cliente y en otro en lado del servidor

header('Expires: Sun, 19 Nov 1978 05:00:00 GMT');
header('Last-Modified: '.gmdate('D, d M Y H:i:s').' GMT');
header('Cache-Control: no-store, no-cache, must-revalidate');
header('Cache-Control: post-check=0, pre-check=0', false);
header('Pragma: no-cache');

Con estas lineas no aseguramos que no se guarde la cache y que en cada petición tenga que pedir los datos.

 
var num=Math.random();
ajax=objetoAjax();
ajax.open("GET", "archivo.php?aleatorio="+aleatorio, true);
ajax.onreadystatechange=function() {
if (ajax.readyState==4)
{ 
     document.getElementById("resultado").innerHTML=ajax.responseText;
} 
}
ajax.send(null);

Otro posible solución es enviar una variable con un dato diferente cada vez ya sea con random o la hora actual