Módulo de reserva - EditArea MX
 

Módulo de reserva

moduloreserva.jpg

Cómo incluir un "Módulo de reservas"

  1. crear un bloque en la página
  2. ir a la pestaña "cuerpo"
  3. pulsar en 
  4. introducir el siguiente código

Código HTML

<div class="eaKeep"><SCRIPT src="../../../third-parties/yav/js_compact/yav.js">&nbsp;</SCRIPT> <SCRIPT src="../../../third-parties/yav/js_compact/yav-config-es.js">&nbsp;</SCRIPT> <SCRIPT>
    var rules=new Array();
    rules[0]='email|required|e-mail';
    rules[1]='email|e-mail|e-mail: tiene que ser una direccion valida';
    rules[2]='nombre|required|Nombre';
    rules[3]='apellido|required|Apellido';
    rules[4]='telefono|required|Telefono';
    rules[5]='habitacion|required|habitacion';
    rules[6]='fechallegada|required|fechallegada';    
    rules[7]='fechasalida|required|fechasalida';

    function swapDisplay (id){
        if (getStyleObject(id).display=='block'){
            hideCompById(id);
        } else {
            showCompById(id);
        }
    }
    

</SCRIPT>                                         <style type="text/css">
                <!--
                .inputError { border:#FF8000 1px solid; background-color: #FFFFD7; }
                .contactTable { margin-top:10px; border:#999999 1px solid;}
                .contactTable th { background-color:#DDDDDD; font-weight:bold; text-align:left }
                .contactTable ol { padding-left:15px }
                -->
                </style>
<form class="fckForm" style="margin: 0pt;" onsubmit="return performCheck('contactForm', rules, 'classic');" action="../../../iw/core/main/sendForm.jsp" name="contactForm">
    <table width="460" class="fckTable">
        <tbody>
            <tr>
                <th colspan="4">Módulo de reserva</th>
            </tr>
            <tr>
                <td colspan="4"><strong>Datos personales</strong></td>
            </tr>
            <tr>
                <td width="80">Nombre*</td>
                <td>&#160;<input type="text" style="width: 150px;" name="nombre" /></td>
                <td width="80">Apellido*</td>
                <td>&#160;<input type="text" style="width: 150px;" name="apellido" /></td>
            </tr>
            <tr>
                <td width="80">Ciudad</td>
                <td>&#160;<input type="text" style="width: 150px;" name="ciudad" /></td>
                <td width="80">Nacionalidad</td>
                <td>&#160;<input type="text" style="width: 150px;" name="nacionalidad" /></td>
            </tr>
            <tr>
                <td width="80">Telefono*</td>
                <td>&#160;<input type="text" style="width: 150px;" name="telefono" />&#160;</td>
                <td width="80">Movil</td>
                <td>&#160;<input type="text" style="width: 150px;" name="movil" /></td>
            </tr>
            <tr>
                <td width="80">Fax</td>
                <td>&#160;<input type="text" style="width: 150px;" name="fax" /></td>
                <td width="80">E-mail*</td>
                <td>&#160;<input type="text" style="width: 150px;" name="email" /></td>
            </tr>
        </tbody>
    </table>
    <table width="460" class="fckTable">
        <tbody>
            <tr>
                <td colspan="2"><strong>Datos de la reserva</strong></td>
            </tr>
            <tr>
                <td width="150">Habitacion*</td>
                <td><select size="1" name="habitacion">
                <option value="individual">individual</option>
                <option value="doble">doble</option>
                <option value="triple">triple</option>
                </select></td>
            </tr>
            <tr>
                <td width="150">Fecha de llegada*</td>
                <td><input type="text" style="width: 150px;" name="fechallegada" /></td>
            </tr>
            <tr>
                <td width="150">Fecha de salida*</td>
                <td><input type="text" style="width: 150px;" name="fechasalida" /></td>
            </tr>
            <tr>
                <td colspan="2">Notas</td>
            </tr>
            <tr>
                <td colspan="2"><textarea name="Note" style="width: 500px; height: 100px;"></textarea>&#160;<input type="hidden" value="Reserva" name="formTitle" /></td>
            </tr>
            <tr>
                <td colspan="4">Los campos marcados con un asterísco (*) son obligatorios.</td>
            </tr>
            <tr>
                <td colspan="4">La reserva será efectiva solo después de nuestra confirmación telefónica, verificar que los números telefónicos sean correctos</td>
            </tr>
            <tr>
                <td colspan="4">
                <input type="submit" style="float: right;" value="envia" /></td>
            </tr>
        </tbody>
    </table>
</form>
</div>