diseño y desarrollo

Tips y Ayudas de programación follow us in feedly

[Google][HTML]Crear eventos de Google Calendar desde un enlace

Nota 5 (1 voto/s )

Introducción

Hoy tenemos una “utilidad” que nos vendrá bien si tenemos algún tipo de evento en nuestra Web y queremos que los usuarios puedan agregárselo a su cuenta de Google de una manera muy sencilla.

Aquí vemos un ejemplo de como crear un evento en Google Calendar
http://www.google.com/calendar/event?action=TEMPLATE&text=Titulo%20del%20evento%20que%20queremos%20crear&dates=20141114T220000/20141115T221500&details=Observaciones:%20Esto%20son%20unas%20observaciones%20:)&location=Plaza Consistorial, S/N 31001 Pamplona Navarra, España&trp=true&sprop=name:http%3A%2F%2Fwww.albertogon.com

[JQuery][HTML][PHP] Como hacer un formulario de contacto amigable con HTML, JQuery y PHP

Nota 5 (1 voto/s )

Introducción

Hoy os traigo un básico que debería estar en cualquier pagina web, el formulario de contacto.

Las características que tiene este formulario de contacto son:

  • Adaptable a dispositivos moviles.
  • Datos validados correctamente.
  • Fácil adaptación para añadir mas campos.

Para ello vamos a utilizar JQuery, PHP, CSS3 y por su puesto HTML.

 

undefined

[JQuery][HTML] Como mostrar un calendario amigable con HTML y JQuery

Nota 5 (1 voto/s )

Introducción

Uno de los problemas cuando empiezas a hacer formularios para paginas web en los que necesitas que se ingresen fechas es que no hay un objeto de formulario con un calendario, en HTML5 ya se ha introducido pero no funciona con IE.

La solución que yo utilizo es JQuery + JQuery UI, ya que uno de los Widgets que integra es el Datepicker (http://jqueryui.com/datepicker/).

Ya que con unas pocas lineas de HTML y Javascript tenemos un calendario personalizable y amigable.

<html>
<head>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
  <script>
    $(function() {
      $( "#datepicker" ).datepicker();
    });
  </script>
</head>
<body>
....
<p> Fecha: <input type="text" id="datepicker"> </p>
...
</body>

 

Pagina de inico

Tarjeta de visita

Pinche en la imagen para añadir a sus contactos

Consúltame

Consultas o Sugerencias

Ir a Consultar