sábado, 10 de septiembre de 2016

javascript random color

<script>

function getRandomColor() {
    var letters = '0123456789ABCDEF'.split('');
    var color = '#';
    for (var i = 0; i < 6; i++ ) {
        color += letters[Math.floor(Math.random() * 16)];
    }
    return color;
}
  
  alert(getRandomColor());
  
 </script>

1and1 crear pagina 404 error 1&1

Crear un fichero .htaccess
Paso 1
Generar la página HTML deseada para cada mensaje de error y subirla al directorio home de su dominio. 
 
Paso 2
Crear un fichero .htaccess (use el NotePad o similar) y añadir las líneas correspondientes para especificar el fichero de error. A continuación encontrará ejemplos para especificar los error documents en los cuáles el nombre del fichero ser corresponde con el número del error (tenga en cuenta que puede usar rutas absolutas o relativas):
ErrorDocument 400 http://www.your_domain.com/400.html
ErrorDocument 403 http://www.your_domain.com/403.html
ErrorDocument 404 http://www.your_domain.com/404.html
ErrorDocument 500 http://www.your_domain.com/500.html

Paso 3
Suba el fichero .htaccess al directorio home. 
 
Paso 4
Compruebe el correcto funcionamiento. Acceda a una URL de su dominio que sepa que provoca un error, para comprobar que se muestra el fichero configurado a tal efecto.

miércoles, 7 de septiembre de 2016

javascript cargar imagen en un canvas desde input

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<script>
//*********************************
window.onload = function()
{
    var input = document.getElementById('fotos');
    input.addEventListener('change', handleFiles);
}

//*********************************
function handleFiles(e)
{
    var ctx = document.getElementById('canvas').getContext('2d');
    var img = new Image;
   
    img.src = URL.createObjectURL(e.target.files[0]);
   
    img.onload = function()
    {
        var MAX_WIDTH = 800;
        var MAX_HEIGHT = 600;
        var width = img.width;
        var height = img.height;

        if (width > height)
        {
            if (width > MAX_WIDTH)
            {
                height *= MAX_WIDTH / width;
                width = MAX_WIDTH;
            }
        }
        else
        {
            if (height > MAX_HEIGHT)
            {
                width *= MAX_HEIGHT / height;
                height = MAX_HEIGHT;
            }
        }

        canvas.width = width;
        canvas.height = height;

        ctx.drawImage(img, 0,0,width, height);
    }
   
   
}




</script>
</head>
<body>
<input type="file" id="fotos" multiple="multiple" />
<br>
<canvas width="400" height="300" id="canvas" style="border: 1px solid #000000;"/>

</body>
</html>

lunes, 5 de septiembre de 2016

PHP subir foto subir imagen limite tamaño no completar que no complete recortar foto cortar imagen validar formulario

<script>   

//***************
function validaForm()
{
    //** comprueba que no ocupen mas de 2 megas las fotos
    var f1=document.getElementById('foto1').value;
    var tam=0.0;
   
    document.getElementById('errorFotos').innerHTML="";

    if (f1 != "")
    {
        tam=(foto1.files[0].size / 1024 / 1024);
       
        if (tam>2)
        {
            document.getElementById("errorFotos").innerHTML='ERROR: foto 1 es mayor a 2 Mb.';
            document.getElementById("errorFotos").style.color = "#ff0000";
            document.getElementById("errorFotos").style.fontSize  = "10px";
            muestraCrear();
            return false;
        }
    }
}
</script>   


<div id="errorFotos"></div>


<form id="formuFotos" name="formuFotos" action="insertgaleria.php" method="post" enctype="multipart/form-data" onsubmit="return validaForm();">

Nombre <input autocomplete="off" type="text" id="galerianueva" name="galerianueva" value="" style="width: 250px;">
<br>
Foto <input type="file" name="foto1" id="foto1" accept=".jpg,.jpeg">
<br>

</form>


//******************************************************
//*******   finero    insertgaleria.php
//******************************************************

<?php


$fotoancho=190;
$fotoalto=131;


//##################################################################
function cortarFoto($img_original, $img_nueva)
{
list($w, $h, $type, $attr) = getimagesize($img_original);
$src_im = imagecreatefromjpeg($img_original);

global $fotoancho, $fotoalto;

$src_x = '0';   // comienza x
$src_y = '0';   // comienza y
$src_w = $fotoancho; // ancho
$src_h = $fotoalto; // alto
$dst_x = '0';   // termina x
$dst_y = '0';   // termina y

if ($h<$src_h)
    $src_h = $h;


$dst_im = imagecreatetruecolor($src_w, $src_h);
$white = imagecolorallocate($dst_im, 255, 255, 255);
imagefill($dst_im, 0, 0, $white);

imagecopy($dst_im, $src_im, $dst_x, $dst_y, $src_x, $src_y, $src_w, $src_h);
ImageJPEG($dst_im,$img_nueva,100);
}




$foto="";
if ($_FILES["foto1"]["name"]!="")
{
    $prefijo=date("YmdHis").$i;
    $prefijo.=(rand(10000,99999));

    $carpeta="fotos/galeria/";
    $nombre=$prefijo.".jpg";
   
   
    //***
    $foto=$carpeta.$nombre;
    $fotop=$carpeta."p".$nombre;
   
   
    $ori=$_FILES["foto1"]["tmp_name"];
   
    redimensionar($ori,$fotop);   
    cortarFoto($fotop, $fotop);

    move_uploaded_file($_FILES["foto1"]["tmp_name"], $foto);
}

(...)

.

PHP cambiar tamaño imagen redimensionar imagen

<?php

$fotoancho=800:
$fotoalto=600;

//##################################################################
function redimensionar($img_original, $img_nueva)
{
    global $fotoancho, $fotoalto;
   
    $anchurafinal=$fotoancho;
    $alturafinal= $fotoalto;

    // crear imagen desde original
    $img = ImageCreateFromJPEG($img_original);

    $anchura = imagesx($img);
    $altura = imagesy($img);
   
    $alturafinalAux=abs($anchurafinal*$altura/$anchura);
   
    if ($alturafinalAux >= $alturafinal)
    {
        $nueva_anchura = $anchurafinal;
        $nueva_altura = $alturafinalAux;           
    }
    else
    {
        $anchurafinal=abs($alturafinal*$anchura/$altura);
        $nueva_anchura = $anchurafinal;
        $nueva_altura = $alturafinal;   
    }
       

    // Se crea la mascara de la imagen nueva
    $dst_img = ImageCreateTrueColor($nueva_anchura,$nueva_altura);

    // redimensionar imagen original copiandola en la imagen
    ImageCopyResized($dst_img,$img,0,0,0,0,$nueva_anchura,$nueva_altura,ImageSX($img),ImageSY($img));

    // guardar la imagen redimensionada donde indicia $img_nueva
    $calidad=100;
   
    ImageJPEG($dst_img,$img_nueva,$calidad);   
}

?>




.

PHP variable global variables globales

<?php

$fotoancho=190;
$fotoalto=131;


//##################################################################
function sumar()

{
global $fotoancho, $fotoalto;


echo  ($fotoancho +  $fotoalto);
}

?>



.

sábado, 3 de septiembre de 2016

capturar pantalla PHP

<?php
function getScreenShot($url, $width)
{
$path = "http://s.wordpress.com/mshots/v1/";
return $path.urlencode($url)."?w=".$width;
}
?>

<img alt="" src="<?echo getScreenShot('http://www.vidadelprogramador.com', 300);?>" />





.