Foros del Web - Ver Mensaje Individual

juanlaborde · #1 (**permalink**) 01/04/2014, 18:51

Hola: He estado buscando cómo reemplazar el texto ENVIAR de un formulario por una imagen con roll over.
Llevo un par de semanas buscando y he encontrado algunas cosas que se acercan, llegué a lograr que lo envíe con una imagen, pero necesito que sea con una imagen de sustitucuón y ademas que lo valide.

Debido al manoseo del código comparto una versión del mismo en el punto que inicié a investigar este tema. y adjunto una liga con el formulario en linea ya validado y funcionando al presionar ENVIAR, pero la imagen de sustitución no está integrada al form, si alguno puede ayudarme o si sabe de algún tut sobre esto le agradeceré la info.

Desde ya muchas gracias

FORM EN LÍNEA:
http://www.juanlaborde.com/form/

<INDEX.PHP>


<?php
$result = isset($_POST['error5']) ? $_POST['error5'] : null ;
$error1 = isset($_POST['error1']) ? $_POST['error1'] : null ;
$error2 = isset($_POST['error2']) ? $_POST['error2'] : null ;
$error3 = isset($_POST['error3']) ? $_POST['error3'] : null ;
$error4 = isset($_POST['error4']) ? $_POST['error4'] : null ;
$error5 = isset($_POST['error5']) ? $_POST['error5'] : null ;

$asunto = "ASUNTO DEL CORREO";

if(isset($_POST['boton'])){
if($_POST['nombre'] == '' or $_POST['nombre'] == 'Nombre'){
$error1 = '<span class="error_a">Ingrese su nombre</span>';
}

else if($_POST['email'] == '' or $_POST['email'] == 'Correo' or !preg_match("/^[a-zA-Z0-9_\.\-]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-\.]+$/",$_POST['email'])){
$error2 = '<span class="error_b">Ingrese un email correcto</span>';
}

// else if($_POST['telefono'] == '' or $_POST['telefono'] == 'Teléfono' or !preg_match("/^[0-9\s\+\-\.]*$/",$_POST['telefono'])){
// $error3 = '<span class="error_c">Ingrese un telefono</span>';
// }

else if($_POST['pais'] == '' or $_POST['pais'] == 'País'){
$error4 = '<span class="error_d">Ingrese un pais</span>';
}

else if($_POST['mensaje'] == '' or $_POST['mensaje'] == 'Mensaje'){
$error5 = '<span class="error_e">Ingrese un mensaje</span>';
}

else{
$dest = "[email protected]";
$nombre = $_POST['nombre'];
$email = $_POST['email'];
$telefono = $_POST['telefono'];
$pais = $_POST['pais'];
$cuerpo = $_POST['mensaje'];

$headers = "From: $email\r\n";
$headers .= "X-Mailer: PHP5\n";
$headers .= 'MIME-Version: 1.0' . "\n";
$headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n";

$mje = "NOMBRE: " . $nombre . "\r\n";
$mje .= "<br/>CORREO: " . $email . " \r\n";
$mje .= "<br/>TELÉFONO: " . $telefono . " \r\n";
$mje .= "<br/>PAÍS: " . $pais . " \r\n";
$mje .= "<br/><br/>MENSAJE: " . $_POST['mensaje'] . " \r\n <br/><br/>";
$mje .= "<br/>Enviado el " . date('d/m/Y', time()) . "<br/><br/>";

if(mail($dest,$asunto,$mje,$headers)){
$result = '<div class="result_ok">Su mensaje ha sido enviado.</div>';
$_POST['nombre'] = '';
$_POST['email'] = '';
$_POST['telefono'] = '';
$_POST['pais'] = '';
$_POST['mensaje'] = '';
}else{
$result = '<div class="result_fail">Hubo un error al enviar el mensaje :(</div>';
}
}
}
?>


<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>form</title>

<link href="css/contacto.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">

</script>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<link rel='stylesheet' href='css/formulario.css'>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js'></script>
<script src='js/funciones_contacto.js'></script>

</head>

<body>
<div id="contenedor">

<div id="recuadro_contacto">
<div class="contactenos"></div>
<div id="contenedor_formulario">

<form method='POST' action='' id="fcontacto" name="fcontacto">

<?php if( isset($_POST['nombre']) ){echo $_POST['nombre'];}else { echo "Nombre";} ?>

<div class="campos_div campo_nombre"><input type='text' class="campos_datos" name='nombre' onblur="if (this.value == '') {this.value = 'Nombre';}" onfocus="if (this.value == 'Nombre') {this.value = '';}" value='<?php if( isset($_POST['nombre']) ){echo $_POST['nombre'];}else { echo "Nombre";} ?>'><?php echo $error1 ?></div>

<div class="campos_div campo_correo"><input type='text' class="campos_datos" name='email' onblur="if (this.value == '') {this.value = 'Correo';}" onfocus="if (this.value == 'Correo') {this.value = '';}" value='<?php if( isset($_POST['email']) ){echo $_POST['email'];}else { echo "Correo";} ?>'><?php echo $error2 ?></div>

<div class="campos_div campo_telefono"><input type='text' class="campos_datos" name='telefono' onblur="if (this.value == '') {this.value = 'Teléfono';}" onfocus="if (this.value == 'Teléfono') {this.value = '';}" value='<?php if( isset($_POST['telefono']) ){echo $_POST['telefono'];}else { echo "Teléfono";} ?>'><?php echo $error3 ?></div>

<div class="campos_div campo_pais"><input type='text' class="campos_datos" name='pais' onblur="if (this.value == '') {this.value = 'País';}" onfocus="if (this.value == 'País') {this.value = '';}" value='<?php if( isset($_POST['pais']) ){echo $_POST['pais'];}else { echo "País";} ?>'><?php echo $error4 ?></div>

<div class="campos_div campo_mensaje"><textarea rows='6' class="campos_texto" name='mensaje' onblur="if (this.value == '') {this.value = 'Mensaje';}" onfocus="if (this.value == 'Mensaje') {this.value = '';}"><?php if( isset($_POST['mensaje']) ){echo $_POST['mensaje'];}else { echo "Mensaje";} ?></textarea><?php echo $error5 ?></div>

<div class="etiqueta boton_envio"><input class='bt_transparente' type="submit" name='boton' src="img/avion_papel.jpg" value="ENVIAR">
<a href="#" onclick="btnenviar();" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('avion_papel','','img/avion_papel_over.jpg',1)"><img src="img/avion_papel.jpg" alt="ENVIAR" width="185" height="98" id="avion_papel" /></a>
</div>
<?php echo $result; ?>

</form>
</div>
</div>

</div>

</body>
</html>

</INDEX.PHP>