Algo Simple... Archivo que se actualize cada segundo

[MoDoRrO]

&ola Amigos, bueno, este es mi primer POST en Ajax, ya que, creo que necesito saber Ajax para empezar (como empeze con Php)

d
e buscado mucho, y a lo que veo, no es necesario tener nada instalado el PC local para correr AJAX (ya que depende del navegador)

se PHP al 90%

ahora quiero hacer algo creo que es sencillo, es algo similar a lo de google gmail, que actualiza la quota cada segundo incrementando 0.04 bytes / segundo

Bueno, el caso es similar, quiero crear un Archivo

quota.php
este mostrara con un echo la cuota actual, y hara un UPDATE cada que se corrar quota.php

lo que quiero, es implementar esto en una pagina que no necesite recargarse, que la informacion "quota.php" se actualize internamente cada segundo

me di cuenta que esto es con AJAX

pero no e encontrado nada :S

y quiero saber si alguien de ustedes me ayuda solo a inplementar el pequeño codigo

Gracias

PD- e leido tutoriales, igual que con PHP, pero no me sirven, aprendi php siguiendo ejemplos, no tutoriales, quiro iniciar igual con AJAX

Gracias

[GatorV]

Hola MoDoRrO,

Te recomiendo que utilizes la libreria prototype.js, ya que con ella puedes usar el AjaxPeriodicalUpdate que sirve para lo que requieres.

Saludos.

[MoDoRrO]

Gracias GatorV, tu siempre tan bueno ;)

mira, encontre esto

Código:

new Ajax.PeriodicalUpdater('idMiElemento', 'elementos.php', { 
  method: 'get', frequency: 3, decay: 2 
});

pero no se como ponerlo, ya que lo pongo en un archivo .php y me sale lo mismo, quiza debo agregarle una etiqueta para convertirlo en invisible y luego una funcion para llamarlo.. per

como??

Saludos y gracias

[GatorV]

Hola MoDoRrO,

Ese código debe de ir entre etiquetas <script> en tu documento HTML.

Saludos.

[MoDoRrO]

perfecto!

y como lo llamo?

<div name='Ajax.PeriodicalUpdater'>

???

[GatorV]

El div tiene que tener un atributo id que sea igual al primer parámetro que tienes en tu constructor de Ajax.PeriodicalUpdater.

Por otro lado name no es un atributo valido para un <div>.

Saludos.

[MoDoRrO]

http://radiofresno.sytes.net/AJAX/ajax.php

Código PHP:

   
<script> 
new Ajax.PeriodicalUpdater('idMiElemento', 'elementos.php', {  
  method: 'get', frequency: 3, decay: 2  
}); 
</script> 
 
<div id='Ajax.PeriodicalUpdater'>  
  

no me tira error, solo dice Listo pero con errores en la pagina

[spider_boy]

Iniciado por MoDoRrO

http://radiofresno.sytes.net/AJAX/ajax.php

Código PHP:

  
<script>
new Ajax.PeriodicalUpdater('idMiElemento', 'elementos.php', { 
  method: 'get', frequency: 3, decay: 2 
});
</script>

<div id='Ajax.PeriodicalUpdater'>  
  

no me tira error, solo dice Listo pero con errores en la pagina

, el idMiElemento debe ser el id del div

Código PHP:

  <script>
new Ajax.PeriodicalUpdater('idMiElemento', 'elementos.php', { 
  method: 'get', frequency: 3, decay: 2 
});
</script>

<div id='idMiElemento'>  
  

Espero te funcione. Nos vemos.

[MoDoRrO]

Código PHP:

  <script> 
new Ajax.PeriodicalUpdater('idMiElemento', 'elementos.php', {  
  method: 'get', frequency: 3, decay: 2  
}); 
</script> 
 
<div id='idMiElemento'>  
  

muchas gracias por contestar a los 2, pero... sigo con el mismo problema, IE me tira error... =(

http://radiofresno.sytes.net/AJAX/ajax.php

alguna soculion extra???

Saludos y muchas tgracias

[GatorV]

Tienes que incluir la librería prototype.js antes de poderla usar, adicionalmente te recomiendo uses un documento html completo.

Saludos.

[Erid]

Ya me funciona, pero parece que me carga la página dentro del elemento o_o!!

Creo que tengo que cargar un elemento externo que sólo contenga el contenido que debe cargarse xD, bueno, luego lo pruebo... No pude borrar el mensaje por algo lo rellené con esto xD

[MoDoRrO]

:p

y como agrego la libreria :S

Saludos

[GatorV]

La librería la agregas con un tag <script> con el atributo "src" apuntando al path donde tienes la librería, te recomiendo que leas un manual de HTML básico para que sepas que tags puedes usar ya que tu primer problema es el HTML mal formado.

Saludos.

[Erid]

<script language="javascript" src="protoype.js"></script>

Eso funcionaría o.o, igual, yo tengo otro problema, no me funciona en IE, sólo Firefox x3!, otra cosa, sólo de esta manera se puede hacer esto o.O?, es que me gustaría averiguar como se hace sin depender de otras cosas ^^.

Hablando aparte hay una forma de hacer que un formulario(de método post) envíe los datos y sin tener que recargar la página o enviarlo a otra, que se lean y se guarden sin recargar, y si te da pereza decirme podrías decirm si es posible, por medio de JavaScript guardar datos en una base de datos SQL?

[NUCKLEAR]

Iniciado por Erid

<script language="javascript" src="protoype.js"></script>

Eso funcionaría o.o, igual, yo tengo otro problema, no me funciona en IE, sólo Firefox x3!, otra cosa, sólo de esta manera se puede hacer esto o.O?, es que me gustaría averiguar como se hace sin depender de otras cosas ^^.

Hablando aparte hay una forma de hacer que un formulario(de método post) envíe los datos y sin tener que recargar la página o enviarlo a otra, que se lean y se guarden sin recargar, y si te da pereza decirme podrías decirm si es posible, por medio de JavaScript guardar datos en una base de datos SQL?

Si, eso se llama ajax, prototype incluye una clase ajax, para eso, los datos se envian por post o get, luego la pag que esta detraz es la que toma las variables para hacer lo que quieras con ellas.
Una preg, espero que no te moleste, por que no te lees un manual tutorial de ajax, o javascript, asi me parece que vas a aprender mas rapido y usa el foro para preguntas especificas con problemas especificos...
Digo, me parece....

[MoDoRrO]

Iniciado por NUCKLEAR

por que no te lees un manual tutorial de ajax, o javascript, asi me parece que vas a aprender mas rapido y usa el foro para preguntas especificas con problemas especificos...
Digo, me parece....

si va para mi esa pregunta =(

la razon por la cual no utilizo Tutoriales es por que no logro razonar, me falta concentracion, y como dije en el #1 de este post, aprendo mucho mejor con Ejemplos Practicos que con un Manual

Saludos y Gracias

sigo probando...