[Php-avanzado] alguien puede explicar esto??

Dom Oct 19 03:36:22 ART 2008

Hola Lucas,

	es porque usaste botones de tipo submit, entonces al presionarlos,
llamás de nuevo al HTML porque recargás la página.
	Al llamarlo de nuevo, todo vuelve a empezar y se ve como cuando lo
cargaste.
	La sensación que te da de aparecer y desaparecer es la página
recargando. Como es local, no ves demora y parece más un parpadeo.

PD: el tag del final debería ser </html>
PPD: el título de la página dice "ajax" pero si no usás el objeto
XMLHttpRequest no es de ninguna manera "ajax".
PPPD: sugerencia: si armás la definición de estilos al principio del
script en vez de en cada componente, queda igual de cómodo porque tenés
todo a la vista, pero además de acostumbrarte a centralizar la
decoración, el código HTML queda más limpio y legible.

El sáb, 18-10-2008 a las 20:00 -0300, unes pacio escribió:
> no entiendo que pasa, cuando hago click en el link, este llama a la
> funcion y todo funciona barbaro, pero cuando hago lo mismo con un
> boton que llama a la misma funcion el texto aparece y desaparece, o
> permanece constante solo luego de hacer click dos veces consecutivas
> (no necesariamente doble click) sobre el mismo boton, y si luego hago
> click sobre otro boton el texto desaparece. No lo entiendo y me parece
> fundamental para entender el funcionamiento de javascript.
> 
> Paso el codigo:
> 
> 
> 
> <!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" xml:lang="es" lang="es">
> <head>
>     <title>ajax 01</title>
>     <meta http-equiv="Content-Type" content="text/html;
> charset=utf-8" />
>     <script language="JavaScript">
> function tim(){
>     var ti = new Date();
>     var hora = ti.getHours();
>     var minutos = ti.getMinutes();
>     var HoraCompleta;
>     HoraCompleta = hora + ":" + minutos;
>     document.getElementById('ref').value = HoraCompleta ;
> }
> function bus(){
> document.getElementById('main').innerHTML = 'no entiendo esto';
> }
> 
> </script>
> </head>
> <body onLoad="tim()" style="text-align:center;vertical-align:middle">
> 
> <form action="#" id="f">
> <div style="background-color:#862">
> <a href="#" id="link" onClick="bus()">link</a>
> 
> <input type="text" name="q" id="q" size="31" value="" />
> <input type="submit" name="aa" id="aa" onMouseDown="bus()"
> value="aaaa" />
> <input type="submit" name="bb" id="bb" onClick="bus()" value="bbbb" />
> <input type="submit" name="cc" id="cc" onClick="bus()" value="cccc" />
> <input type="submit" name="dd" id="dd" onClick="bus()" value="dddd" />
> 
> </div>
> <br />
> <div style="background-color:#303;width:100%;min-height:200px">
> <textarea id="ref" cols="100" rows="10"></textarea>
> </div>
> <br />
> <div style="background-color:#055;width:100%;min-height:200px"
> id="main">
> 
> </div>
> </form>
> 
> <body>

> Saludos. Lucas

-- 
Leonardo Tadei
leonardot en pegasusnet.com.ar
http://blog.pegasusnet.com.ar
Firma pública: http://www.pegasusnet.com.ar/LeonardoTadei-public.key