Page 1 of 1

Crear Formularios personalizados para envío de correos-e

Posted: Sun Jun 06, 2010 11:48 am
by burbujitas
Hola a todos,

He creado un formulario desde un módulo personalizado con html y ahora necesito que al hacer clic en submit envíe los datos al correo establecido en Joomla.

¿Cómo puedo hacerlo?

¿Dónde puedo encontrar el archivo php que hace esto en Joomla?

Saludos

Code: Select all

<form method="post" action="cgi-bin/script.pl"> 
<table border="0">
<tbody>
<tr>
<td>Nombre</td>
<td><input name="nombre" type="text" /></td>
</tr>
<tr>
<td>Dirección</td>
<td><input name="direccion" type="text" /></td>
</tr>
<tr>
<td>E-mail</td>
<td><input name="email" type="text" /></td>
</tr>
<tr>
en action="" es donde tengo que indicar el script pero es lo que me falta.

Re: Crear Formularios personalizados para envío de correos-e

Posted: Sun Jun 06, 2010 4:11 pm
by hefesto
Pues creo que directamente desde un módulo HTML personalizado no se puede. Necesitas una extensión que reciba ese POST y procese el resultado. Podrías programarlo tú mismo, pero una de las grandes fortalezas de Joomla! es que no hay que andar reinventando la rueda a cada paso, especialmente para cosas relativamente usuales como la que propones.

¿Has probado usar alguna de las excelentes extensiones de gestión de formularios que hay en el JED? Yo te recomendaría Chronoforms, que la he usado bastante y es muy potente, aunque hay otras que también tienen buena pinta.

Re: Crear Formularios personalizados para envío de correos-e

Posted: Sun Jun 06, 2010 7:56 pm
by burbujitas
Gracias,

voy a ver si me resuelve

Saludos

Re: Crear Formularios personalizados para envío de correos-e

Posted: Wed Jun 09, 2010 9:33 pm
by burbujitas
Hola,

He usado Chronoforms para los formularios, solo que ahora quiero darle estilo.

Por ejemplo a "Nombre" quiero modificarle el tipo de letra, tamaño, color...

Al input que le corresponde quiero quitarle los bordes. Porque tengo una línea horizontal debajo de cada input (en una imagen que está debajo) y quiero que no se vea nada más que esa línea. que no se vea el borde y también me gustaría cambiar el texto de este input.

¿Cómo se podría hacer?

Saludos y gracias

Re: Crear Formularios personalizados para envío de correos-e

Posted: Wed Jun 09, 2010 9:45 pm
by carcam
En la configuración de cada formulario tienes una cajita para que pongas los estilos CSS que quieras ¿No la has visto?

También puedes incluir Javascript en otra de las cajitas ;o).

Re: Crear Formularios personalizados para envío de correos-e

Posted: Wed Jun 09, 2010 9:57 pm
by burbujitas
sísí, gracias

La acabo de ver, ya le he aplicado estilo y funciona.

Saludos

PD: cierto, se puede añadir codigo javascript para validar los formularios. ya he encontrado algún plugin en www.flowplayer.org en jQueryTools

Re: Crear Formularios personalizados para envío de correos-e

Posted: Wed Jun 09, 2010 10:11 pm
by carcam
¡¡Gracias por el enlace!!

Re: Crear Formularios personalizados para envío de correos-e

Posted: Wed Jun 09, 2010 11:21 pm
by burbujitas
De nada, gracias a vosotros

Me ha surgido otra duda dando estilo al formulario

El asunto es que quiero añadir una línea horizontal de unos 2px y color gris justo debajo de cada línea de label y input.

Como está en la imagen, lo que ocurre que en el de la imagen la línea ya está en una imagen de fondo, ahora quiero dejar la imagen de fondo en blanco y añadir las líneas horizontales con código.

¿Cómo lo puedo hacer?

Saludos y gracias

Este el código del HTMl:

Code: Select all

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 60px;">Nombre</label>
    <input class="cf_inputbox" maxlength="100" size="30" title="" id="text_0" name="text_0" type="text" />
  
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 60px;">Dirección</label>
    <input class="cf_inputbox" maxlength="100" size="30" title="" id="text_1" name="text_1" type="text" />
  
  </div>
  <div class="cfclear">&nbsp;</div>
</div>


<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 60px;">E-mail</label>
    <input class="cf_inputbox required validate-email" maxlength="100" size="30" title="" id="text_2" name="text_2" type="text" />
  
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 60px;">Perfil</label>
    <input class="cf_inputbox" maxlength="100" size="30" title="" id="text_e" name="text_3" type="text" />
  
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_fileupload">
    <label class="cf_label" style="width: 80px;"></label>
    <input class="cf_fileinput cf_inputbox" title="" size="20" id="file_3" name="file_3" type="file" />
    
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_button">
    <input name="button_4" type="image" src="images/stories/enviar.png" border="0" />
  </div>
  <div class="cfclear">&nbsp;</div>
</div>
y este el del CSS:

Code: Select all

.cf_label{
  color:#8B8B8B;
  font-weight:bold;
}

.cf_button{position: absolute; top: 150px; left: 400px; border: none;}

Re: Crear Formularios personalizados para envío de correos-e

Posted: Thu Jun 10, 2010 3:02 pm
by burbujitas
las cosas que uno pregunta cuando tiene prisas

con lo fácil que era añadir border-bottom:

Saludos