Códigos jQuery, CSS, HTML para páginas web

Entradas

Mostrando las entradas etiquetadas como javascript

HTML5. ¿Gráfico en un canvas usando javascript?

Para mi gusto no, ¿porqué?, porque me parece demasiado engorroso. Yo prefiero crear el dibujo en cualquier programa, Gimp por ejemplo que, además, es gratuito y cargarlo en la página. No obstante, para ilustrar el ejemplo de creación de dibujos en un canvas usando javascript , en la página Las Edades de la Tierra , en la sección "Enlaces de interés", abajo del todo tengo un enlace llamado "ver gráfico de escala geológica", si pincháis sobre él se abrirá una ventana, esta ventana es un canvas que contiene un gráfico realizado en javascript. Ahora os comento como se realiza esto. En primer lugar el código en HTML5 : <canvas id="migrafico"> Tu navegador no soporta Canvas </canvas> El HTML es así de sencillo, una sola línea. El texto " Tu navegador no soporta Canvas " sólo aparecerá en el caso de que el navegador no soporte esa función. Tenemos que darle un id para poder dibujar dentro del canvas y, en este caso, tamb...

Leer variables enviadas mediante los métodos POST y GET combinando PHP, javascript y jQuery

En este post voy a tratar de explicar como enviar y leer variables con los métodos $_POST y $_GET de PHP . Antes de nada deciros que tiene relación con los posts: problemas que surgen al recargar div contenedor y código PHP y javascript para redireccionar a otra página . Podéis echarle un vistazo si queréis. También está relacionado con la página del taller de mecánica que le he hecho a un amigo. Bueno, vamos al grano. En un post anterior ya comenté como, mediante el método load() de jQuery , enviábamos una variable a una página y la recogíamos con el método $_POST en PHP. Ahora voy a comentar como enviar una variable con el método $_GET y recogerla usando javascript . La siguiente línea, perteneciente al código que os comentaba del anterior post , nos puede ayudar: <?php if (!isset($_POST['primera']))echo "<SCRIPT>location.href='index.html?pag=2';</SCRIPT>"; ?> Como podéis ver, el anterior código c...

Leer un archivo XML con jQuery y javascript y modificar un HTML con su contenido

Una manera muy interesante y fácil de modificar los textos de tu página web. Si, por ejemplo, tenemos una página donde cambiamos a menudo unas noticias que tenemos en el margen derecho, podríamos tener un código HTML como este: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Manejar archivo XML</title> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="leerxml.js"></script> <link rel="stylesheet" href="estilos.css"> </head> <body> <h1>Titulo de la página</h1> <div id="derecha"> <div class="noticias"> <div class="prim...

Código php y javascript para redireccionar a otra página.

Este post es para dar solución a uno de los problemas planteados en " Problemas que pueden surgir al recargar div contenedor ". Así que os aconsejo que le hechéis un vistazo para saber de qué va la cosa. Esta puede ser una de las soluciones. Lo primero que tenemos que hacer es guardar en formato PHP esas páginas que queremos recargar dentro de nuestro div, ya que usaremos dicho lenguaje para solucionar el problema. Antes del código html tenemos que incluir el siguiente código: <?php if (!isset($_POST['primera'])) echo "<SCRIPT>location.href='index.html';</SCRIPT>"; if (isset($_POST['primera'])){ if ($_POST['primera']!='no') {echo "<SCRIPT>location.href='index.html';</SCRIPT>";} } ?> <y a partir de aquí el código html que queremos mostrar> Explico un poco el código. La primera linea comprueba si no existe ( !isset ) la variable llamada 'primera...

Llamar una función javascript desde flash

Como dije en el anterior post hoy voy a tratar de explicar cómo realizar una llamada a una función javascript, insertada en tu página web, desde flash. En la siguiente página: http://www.talleresguadamia.com , tengo un menú principal creado en flash. Creí conveniente modificarlo para que, al pinchar en los enlaces, no actualizase toda la página de nuevo, sino solamente el contenido. Para conseguir esto tenía que modificar los enlaces de forma que hiciesen un llamamiento a una función (en este caso hecha en jQuery) que realizasen dicha tarea. Para ello es necesario editar el código de flash y realizar el siguiente cambio: on (release) { getURL("javascript:refrescardiv(\'ubicacion.html\')", ""); } Como podéis ver, en lugar de incluir URL de la página que queremos ver, la pasamos como parámetro de la función que queremos que se ejecute (en este caso la función se llama "refrescardiv"). Para la edición y cambio del código (actionscr...