Curioso pero no entiendo pq

vili86 · #1 (**permalink**) 27/10/2009, 09:54

Me baje este codigo es un generador de numeros aleatorios lo raro es que tiene dos opciones boton y un link cuando estan los dos funcionan correctamente pero cuando borro el boton y solo queda el link para generar no me funciona PQ

Código javascript:

Ver original<body>
<p>Código que mediante un botón o enlace permite actualizar un valor aleatoriamente.</p>
 
Número aleatorio: <span id="temp">No disponible</span>    <a href="javascript:void(null);" id="texto">generar</a>
 
 
<br /><input type="button" id="boton" value="generar" />
</body>
</html>

David · #2 (**permalink**) 27/10/2009, 09:58

¿Y el código Javascript cuál es?

vili86 · #3 (**permalink**) 27/10/2009, 10:03

Gracias David este es el codigo

Código javascript:

Ver original<!-- http://www.lawebdelprogramador.com -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>AJAX: Número aleatorio</title>
 
<script type="text/javascript">
<!--
var Servidor="aleatorio.php";
 
function Conectar()
{
    if(window.XMLHttpRequest)
    Conexion=new XMLHttpRequest(); //mozilla
    else if(window.ActiveXObject)
    Conexion=new ActiveXObject("Microsoft.XMLHTTP"); //microsoft
}
 
function Contenido()
{
    if(Conexion.readyState!=4) return;
    
 
    if(Conexion.status==200) // Si conexion HTTP es buena !!!
    {
        
            document.getElementById("temp").innerHTML=Conexion.responseText;
    }else{
        document.getElementById("temp").innerHTML=Conexion.status+"-"+Conexion.statusText;
    }
    
    Conexion=false;
}
 
function Solicitud()
{
    if(Conexion) return; // Previene uso repetido del boton.
    Conectar();
    if(Conexion)
    {
        
        Conexion.open("POST",Servidor,true);
 
        Conexion.onreadystatechange=Contenido;
        
    }else
        document.getElementById("temp").innerHTML="No disponible";
}
 
 
window.onload=function()
{
    Solicitud(); // Inicializa el numero aleatorio al cargar la pagina
    document.getElementById("boton").onclick=Solicitud;
 
}
//-->
</script>
 
</head>
<body>
<p>Código que mediante un botón o enlace permite actualizar un valor aleatoriamente.</p>
 
Número aleatorio: <span id="temp">No disponible</span>    <a href="javascript:void(null);" id="texto">generar</a>
 
 
<br /><input type="button" id="boton" value="generar" />
</body>
</html>

David · #4 (**permalink**) 27/10/2009, 10:07

Es que si quitas el botón también tienes que borrar esta línea:

Código Javascript:

Ver originaldocument.getElementById("boton").onclick=Solicitud;

vili86 · #5 (**permalink**) 27/10/2009, 10:14

Gracias David hice esto
Quite esto el boton y esto:

Código javascript:

Ver originaldocument.getElementById("boton").onclick=Solicitud;

Y aumento el link mas esto:

Código javascript:

Ver originaldocument.getElementById("texto").onclick=Solicitud;

Muchas Gracias David pero tengo una pequeña preguntita inocente
Como puedo poner esto valores generados dentro de un input estoy haciendo esto pero la verdad todavia no le encuentro la respueta:

Código html:

Ver original<tr>
              <td id="carlos" style="text-align:left">Nº Registro:</td>
             <td> <input name="registro_fbf" type="text" size="10" readonly="true" /> <span id="temp">No disponible</span> <a href="javascript:void(null);" id="texto">generar</a>
             </tr>

David · #6 (**permalink**) 27/10/2009, 10:30

En lugar de asignar el id="temp" al <span />, asígnalo al input. Y en lugar de usar innerHTML usa value.

vili86 · #7 (**permalink**) 27/10/2009, 10:38

Muchisimas gracias David eres todo un tigre