Desarrollo WEB.


Las practicas de programación orientadas a la web son muy cambiantes en el tiempo. Es necesario conocer e implementar tecnologías, conocer lenguajes,integrar comunidades,usar Ides, etc, recientes, para responder al mercado que se acerca.

Mostrando entradas con la etiqueta html. Mostrar todas las entradas
Mostrando entradas con la etiqueta html. Mostrar todas las entradas

domingo, 31 de marzo de 2013

Capturar valores de un select múltiple con jquery y enviar a pagina PHP

index.html
fragmento javascript.
 
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script> 
    <script type="text/javascript">//  <![CDATA[
!window.jQuery && document.write('<script src="jquery.min.js" mce_src="jquery.min.js"> <\/script>')
// ]]></script>
 <script type="text/javascript">
  function cargarPaginaPHP(pagina, contenedor, data) {
   var selected = $("#numeros").val();
      var content = $('#' + contenedor);
      $.ajax({
          type: "GET",
          url: "" + pagina,
          data: "selected=" + selected,
          success: function(data) {
              content.html(data);
          }
      });
  }
 </script>
fragmento HTML.
    <form id="formulario">
        <select multiple id="numeros" name="numeros">
            <option>uno
            <option>dos
            <option>tres
            <option>cuatro
            <option>cinco
        </select>
        <input type="button" onclick="cargarPaginaPHP('recibeParametro.php','contenedor','')" >
    </form>

 <div id="contenedor">
 </div>
recibeParametro.php
<?php
 $seleccionados = explode(',',$_GET['selected']); // convierto el string a un array.

    for ($i=0;$i<count($seleccionados);$i++) { 
    echo "<br> Numero Seleccionado " . $i . ": " . $seleccionados[$i]; 
    } 
?>

lunes, 25 de marzo de 2013

Jquery layout y carga dinámica de paginas mediante Ajax.!

Jquery layout es un plugin para simular un conjunto de marcos, incluso el uso de templates como usa zend o simphony o algunos frameworks jsf. Plasmo esta sencilla técnica para realizar pequeñas aplicaciones web usando cargas de paginas dinámicas sin mayores conocimientos de código complejo.


El código fuente se encuentra en el siguiente enlace. descargar codigo fuente

sábado, 2 de febrero de 2008

Formulario HTML dentro de una JSP

Html es el lenguaje primario de la web sin ninguna duda. su contenido nos permite crear componentes como botones para acciones, áreas de texto para la entrada de datos, campos de texto, menús de selección, listas etc, básicos para la elaboración de formularios.

Pretendo realizar un script resultado de una combinación de jsp y html.
Componentes html que envían datos a un script jsp.
Dividiere este proceso en dos pasos empezare desde la lógica del script jsp hasta llegar a la simplicidad en un formulario html Dinámico.

  • Empezaremos por Crear un archivo con extensión.jsp de nombre formulario.jsp. la extensión .jsp es propia de la web pues es reconocida por servidores web-java y es enviada al navegador web en etiquetas html.
  • El siguiente paso es crear un script jsp dentro de nuestra pagina.jsp condiciones para poder recibir de manera dinamica de un evento de action de form ejecutado por un submit, parámetros de componentes html que crearemos paso siguiente a este.
  • Ahora diseñaremos el formulario y lo dejaremos listo para copilar y enviar los datos a través del evento post del action que retorna a la misma pagina.

  • Presentacion visual del formulario.