yuyodesign: Programación

Mostrando entradas con la etiqueta Programación. Mostrar todas las entradas

Cómo corregir el mensaje "Notice: Undefined index:" en PHP

Si tenemos por ejemplo un formulario de contacto con las variables definidas así:

$name = $_REQUEST['name'];
$email = $_REQUEST['email'];
$subject = $_REQUEST['subject'];
$message = $_REQUEST['message'];
$spamcheck = $_REQUEST['spamcheck'];
$error = false;

Nos aparecerá el siguiente mensaje en nuestra web: "Notice: Undefined index:" porque que estamos accediendo a un array cuyo indice no existe. Lo solucionamos de esta forma:

if (isset($_REQUEST['name'])) {
$name = $_REQUEST['name'];
} else {
$name = "";
}

if (isset($_REQUEST['email'])) {
$email = $_REQUEST['email'];
} else {
$email = "";
}

if (isset($_REQUEST['subject'])) {
$subject = $_REQUEST['subject'];
} else {
$subject = "";
}

if (isset($_REQUEST['message'])) {
$message = $_REQUEST['message'];
} else {
$message = "";
}

if (isset($_REQUEST['spamcheck'])) {
$spamcheck = $_REQUEST['spamcheck'];
} else {
$spamcheck = "";
}

Crear un mensaje 404 not found personalizado

Lo primero es crear un archivo 404.html y editarlo con el diseño que queramos. Después creamos un archivo htaccess.txt, y pondremos lo siguiente:

ErrorDocument 404 http://www.misitio.com/404.html

Ahora subiremos el archivo htaccess.txt a nuestro sitio web y con un programa FTP lo renombramos como .htaccess

Ver ejemplos de 404 curiosos

Efecto mostrar/ocultar con Javascript

function muestra_oculta(id){
if (document.getElementById){ //se obtiene el id
var el = document.getElementById(id); //se define la variable "el" igual a nuestro div
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; //damos un atributo display:none que oculta el div
}}
/*Si se quiere que se muestre por defecto y luego ocultarlo, eliminar esta función*/
window.onload = function(){/*hace que se cargue la función lo que predetermina que div estará oculto hasta llamar a la función nuevamente*/
muestra_oculta('content1');/*nombre que le dimos al DIV */
}

Se llama desde el head:

<script type="text/javascript" src="function.js"></script>

Y por último colocamos el código par ocular/mostrar la capa div:

<div id="content1">
Contenedor de datos a ocultar/mostrar
</div>
<a style='cursor:pointer;' onclick="muestra_oculta('content1')">Mostrar / Ocultar</a>

Efecto subir progresivamente con Javascript

Este código se debe colocar en el head o por defecto en un archivo .js e invocarlo
<script type="text/javascript" src="function.js"></script>

<script type="text/javascript">
function subir(){
if( document.documentElement.scrollTop < 10 ){
window.scrollTo(0,0);
}else{
window.scrollBy(0,-10);
setTimeout("subir()",10);
}
}
</script>

Y colocamos esté código en donde queramos llamar a la funcón:

<a href="javascript:subir()" >Subir</a>

Código de ejemplo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>TITULO WEB</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="Author" content="Raúl Montero" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<script type="text/javascript" src="function.js"></script>
</head>
<body>
<div id="header">
</div>

<div id="content_wrapper">
</div>

<div id="footer"><a href="javascript:subir()" >TOP</a>
</div>

</body>
</html>

Formulario de contacto en PHP

Sencillo formulario de contacto en PHP. Primero declaramos las condiciones para poder enviar un mensaje (if / else) y si no se cumplen devuelven un error, entre ellas un control de SPAM. Podemos jugar con el estilo (CSS) para darle el aspecto deseado, os dejo un ejemplo al final de la entrada.

Para entender mejor la programación en PHP recomiendo visitar:

Aspecto básico de una página en HTML

Para iniciarnos debemos tener claro la plantilla básica de una página en HTML. (Para profundizar más os recomiendo visitar www.comocreartuweb.com y www.w3schools.com)

<html>
<head>
<title>prueba html</title> 
</head>
<body>

</body>
</html>