Hola gente! aca termine de hacer mi form pero lo que quiero es que el preview que muestra al hacer clic en el boton me lo envie por mail ta cual esta, ya sea eligiendo negrita, cursiva y/o subrayado. O sea que me llegue por mail u otra forma creando un archivo pero que conserve el texto enriquecido y no quede texto plano. Aca le agrego el código html (clasificado.html) y javascript (clasificado.js).
Saludos. Gracias por su tiempo.
mazzy
---------------------------------- (clasificado.html) ----------------------
<html>
<head>
<style>
form, td, textarea, select{font:normal 12px/12px verdana;}
input, textarea, select{font:normal 12px/12px verdana;border:solid 1px black}
</style>
<title>Enviar clasificado</title>
<script language="Javascript" src="clasificado.js"></script>
</head>
<body onLoad="this.document.clasificado.nombre.focus()" bgcolor="#CCFF33">
<p align="center"><font size="4" face="Verdana">Ingresar clasificado</font>
<form name="clasificado" onsubmit="return comprobar()">
<table width="583"><tr><td width="136">nombre:</td><td width="200"><input type=text name=nombre size="20">
<font color="#FF0000" size="1">*</font></td><td style="font-style: normal; font-variant: normal; font-weight: normal; line-height: 15px; font-size: 10px; font-family: verdana; padding: 5px" valign="top" id="herror" rowspan="10" width="230"></td></tr>
<tr><td width="136">telefono:</td><td width="200"><input type=text name="telefono" size="20">
<font color="#FF0000" size="1">*</font></td></tr>
<tr><td width="136">e-mail:</td><td width="200"><input type=text name="email" size="20">
<font color="#FF0000" size="1">*</font></td></tr>
<tr><td width="136">clasificado:</td><td width="200"><textarea cols="30" rows="5" name="cuerpo" onKeyDown="limitarCaracteres()" onKeyUp="limitarCaracteres()" ></textarea></td></tr>
<tr><td width="136">caracteres restantes:</td><td width="200"><input type="text" name=caracteres size=4 value=100></td></tr>
<tr><td width="136"><b>negrita</b></td>
<td width="200"><input type="checkbox" name="estilo_negrita" value="negrita"></tr>
<tr><td width="136"><i>cursiva</i></td>
<td width="200"><input type="checkbox" name="estilo_cursiva" value="cursiva"></tr>
<tr><td width="136"><u>subarrayado</u></td>
<td width="200"><input type="checkbox" name="estilo_underline" value="underline"></tr>
<tr><td width="136">rubro:</td>
<td width="200"><select name="rubro" size="3">
<option value="autos" selected>Autos y motos</option>
<option value="muebles">Muebles</option>
<option value="casas">Casas/Deptos</option>
<option value="indumentaria">Indumentaria</option></tr>
<tr><td colspan=2 align="right" width="342">
<p align="right"><font color="#FF0000">*campos
obligatorios &n bsp; &nbs p;
</font><input type="submit" value="enviar">
<input type="submit" value="preview"></p>
</td></tr>
</table>
</form>
</body>
--------------------------(clasificado.js)----------------------------
var colorMal="#99FF66";
var colorBien="white";
var colorPrev="#99CC00";
var regla=new Array()
regla[0]="valor.length<3"; //
regla[1]="isNaN(valor) || valor<100000";
regla[2]="valor.lastIndexOf('@')!=valor.indexOf('@') || valor.indexOf('@')<2 || valor.lastIndexOf('.')<valor.length-4 || valor.lastIndexOf('.')>valor.length-3";
regla[3]="valor.length==0";
mensaje=new Array()
mensaje[0]="<li>"+"Por favor, introduzca el nombre"+"</li>";
mensaje[1]="<li>"+"TE inválido"+"</li>";
mensaje[2]="<li>"+"E-mail inválido"+"</li>";
mensaje[3]="<li>"+"Clasificado sin completar"+"</li>";
function comprobar(){
var errores="";
var mensaje2="";
for(i=0;i<regla.length;i++){
var valor=document.clasificado.elements[i].value;
if(eval(regla[i])){
mensaje2=(mensaje[i])?mensaje[i]:"Por favor, rellene el campo "+document.clasificado.elements[i].name;
errores+=mensaje2;
document.clasificado.elements[i].style.background=colorMal;
}
else{
document.clasificado.elements[i].style.background=colorBien;
}
}
herror.style.background=(errores!="")?colorMal:col orBien;
herror.style.border=(errores!="")?"solid 1px black":"none";
if (errores==""){ //preview del clasificado
if ((document.clasificado.estilo_negrita.checked)&&(! document.clasificado.estilo_cursiva.checked)&&(!do cument.clasificado.estilo_underline.checked))
errores="Vista previa del clasificado:"+"<br>"+"<br>"+"<b>"+document.clasifi cado.cuerpo.value+"</b>"; // SOLO NEGRITA
else
if ((document.clasificado.estilo_negrita.checked)&&(d ocument.clasificado.estilo_cursiva.checked)&&(docu ment.clasificado.estilo_underline.checked))
errores="Vista previa del clasificado:"+"<br>"+"<br>"+"<b>"+"<i>"+"<u>"+docu ment.clasificado.cuerpo.value+"</u>"+"</i>"+"</b>"; // NEGRITA + CUSRSIVA + SUBRAYADO
else
if ((document.clasificado.estilo_negrita.checked)&&(d ocument.clasificado.estilo_cursiva.checked))
errores="Vista previa del clasificado:"+"<br>"+"<br>"+"<b>"+"<i>"+document.c lasificado.cuerpo.value+"</i>"+"</b>"; //NEGRITA + CURSIVA
else
if ((document.clasificado.estilo_negrita.checked)&&(d ocument.clasificado.estilo_underline.checked))
errores="Vista previa del clasificado:"+"<br>"+"<br>"+"<b>"+"<u>"+document.c lasificado.cuerpo.value+"</u>"+"</b>"; // NEGRITA + SUBRAYADO
else
if ((document.clasificado.estilo_cursiva.checked)&&(d ocument.clasificado.estilo_underline.checked))
errores="Vista previa del clasificado:"+"<br>"+"<br>"+"<i>"+"<u>"+document.c lasificado.cuerpo.value+"</u>"+"</i>"; // CURSIVA + SUBRAYADO
else
if (document.clasificado.estilo_cursiva.checked)
errores="Vista previa del clasificado:"+"<br>"+"<br>"+"<i>"+document.clasifi cado.cuerpo.value+"</i>"; // SOLO CURSIVA
else
if (document.clasificado.estilo_underline.checked)
errores="Vista previa del clasificado:"+"<br>"+"<br>"+"<u>"+document.clasifi cado.cuerpo.value+"</u>"; // SOLO SUBRAYADO
else
errores="Vista previa del clasificado:"+"<br>"+"<br>"+document.clasificado.c uerpo.value; // SIN ESTILO
herror.style.background=colorPrev;
}
herror.innerHTML=errores;
return (errores=="");
}// END FUNCTION COMPROBAR()
function limitarCaracteres(){
var max=100; //cantidad máxima de caracteres permitidos para el clasificado
document.clasificado.caracteres.value=(max-document.clasificado.cuerpo.value.length);
}
