Entrar

Unificar dos scripts

javiergomez · · Solicitar retirada
Hola, tengo dos scrpit que separados funcionan correctamente:


Este es un formulario de contacto:


<!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>Documento sin título</title>
<script type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d)&&d.all) x=d.all; for (i=0;!x&&i<d.forms.length;i++) x=d.forms;
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_validateForm() { //v4.0
var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=MM_findObj(args);
if (val) { nm=val.name; if ((val=val.value)!="") {
if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
if (p<1 || p==(val.length-1)) errors+='- '+nm+' debe contener un email valido.\n';
} else if (test!='R') { num = parseFloat(val);
if (isNaN(val)) errors+='- '+nm+' Debe contener un número.\n';
if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
min=test.substring(8,p); max=test.substring(p+1);
if (num<min || max<num) errors+='- '+nm+' Debe contener un número entre'+min+' y '+max+'.\n';
} } } else if (test.charAt(0) == 'R') errors += '- '+nm+' es necesario.\n'; }
} if (errors) alert('El siguiente error(es) ha ocurrido:\n'+errors);
document.MM_returnValue = (errors == '');
}
//-->
</script>
</head>

<body>
<form method="post" action="contacto_envio.php" onsubmit="MM_validateForm('mensaje','','R','nombre','','R','email','','RisEmail','codigo_verificacion','','R','preparacion','','R');return document.MM_returnValue">
<table width="505" style="" align="center" >
<tr>
<td colspan="4"><div align="center" ><font color="#710000">Nombre:</font><br>
<input name="nombre" type="text" size="35" value="<? echo $_GET['nombre']; ?>"style="color:000000;font-weight:bold;border-style: outset; border-width: 4px; border-color:#710000;background:#ffffff;height:22px;font-size:12pt;text-align: center"/>
</div></td>


</tr>

<tr>

<td colspan="4">
<div align="center" >Email:<br>
<input name="email" type="text" size="35" value="<? echo $_GET['email']; ?>"style="color:000000;font-weight:bold;border-style: outset; border-width: 4px; border-color:#710000;background:#ffffff;height:22px;font-size:12pt;text-align: center"/>

</div></td>

</tr>
<tr>

<td colspan="4">
<div align="center" ><font color="#710000">Mensaje:</font> <br>
<textarea name="mensaje" cols="35" rows="6" style="color:000000;font-weight:bold;border-style: outset; border-width: 4px; border-color:#710000;background:#ffffff;font-size:12pt;text-align: center"><? echo $_GET['mensaje']; ?></textarea>

</div></td>

</tr>

<tr>
<td colspan="4"><br><br><div align="center" ><font color="#710000">Código de Verificación:</font><img src="captcha.php" align="middle"/>
<input type="text" name="codigo_verificacion" style="width: 50px;" />
</div>
<br><br>
</td>
</tr>

<tr>
<td colspan="2"><div align="center" >
<input type="reset" name="enviar2" value="Borrar datos" style="color:000000;font-weight:bold;border-style: outset; border-width: 4px; border-color:#710000;background:#ffffff;font-size:12pt;"/>

</div></td>
<td colspan="2"> <div align="center" >
<input type="submit" name="enviar" value="Enviar Mensaje" style="color:000000;font-weight:bold;border-style: outset; border-width: 4px; border-color:#710000;background:#ffffff;font-size:12pt;"/>

</div></td>

</tr>
</table>

</form>
</body>
</html>




Y este otro genera un calendario para denerar una fecha:

<head>
<script language="javascript" src="cal2.js">
/*
Xin's Popup calendar script- Xin Yang (http://www.yxscripts.com/)
Script featured on/available at http://www.dynamicdrive.com/
This notice must stay intact for use
*/
</script>
<script language="javascript" src="cal_conf2.js"></script>
</head>

<body>
<form name="sampleform">
<input type="text" name="firstinput" size=20> <small><a href="javascript:showCal('Calendar1')">Select Date</a></small>
<p><input type="text" name="secondinput" size=20> <small><a href="javascript:showCal('Calendar2')">Select Date</a></small>
</form>
</body>

Se trata de incluir en el calendario en el formulario de contacto.

Al hacerlo "sumando" los dos a lo bestia, no funciona.

Alguna idea?
Web-Freelance · · Solicitar retirada
El primero es un script bastante complejo autogenerado por dreamweaver, ya que es muy global y abarca muchos campos y opciones. El segundo no nos lo muestras, pero a grosso modo, lo que haría sería (ya que al final será un validador), es validar los campos dentro del propio script del calendario, pasando del script de DW, es decir, en el onclick del calendario. Eso si, para eso deberían estar los campos correctos antes de pulsar el calendario, no se si me explico.

Saludos!
javiergomez · · Solicitar retirada
Lo primero es agradecerte tu respuesta, a continuacion decirte que mis conocimientos no son grandes...

Por lo tanto, no te he entendido muy bien, creo que te refieres a unificar los on-click, pero no se como hacerlo.

Un saludo
Web-Freelance · · Solicitar retirada
Hacerlo yo me tiraría un buen rato, soy bastante lentito con javascript, pero básicamente es, meter dentro del script del calendario, el validador de campos que te hace DW, pero mas personalizado y sencillo. Es decir, cuando la gente vaya a elegir fechas, que compruebe si el resto de datos ya están correctos.

A ver si algún crack de JS te puede echar una manita.

Saludos!