<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>
sábado, 10 de septiembre de 2016
javascript random color
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
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>
<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);
}
(...)
.
//***************
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);
}
?>
.
$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);
}
?>
.
$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);?>" />
.
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);?>" />
.
Suscribirse a:
Entradas (Atom)
Archivo del blog
-
▼
2016
(30)
- ▼ septiembre (7)
-
►
2014
(13)
- ► septiembre (2)