por que no se selecciona?

zyon · #1 (**permalink**) 18/09/2007, 10:01

que tal, estoy creando una lista de radios dinamicamente asi:

Código PHP:

  var elemento=document.createElement('INPUT'); 
    if(numFun==1){ 
        elemento.type='radio'; 
        elemento.value=obj; 
        //elemento.id="Hit_"+num; 
        elemento.name="radios"; 
        elemento.onclick=function(){document.getElementById('valorRelacion').value=this.value;};     
        //elemento.title=elemento.id; 
        celda=document.getElementById('cellH_'+num+'_0'); 
        num2++; 
    }

entonces si me los crea y ejecuta bien lo que requiero, pero no se queda seleccionada la opcion que elija, alguna idea del por que no puedo seleccionar ningno?

zyon · #2 (**permalink**) 18/09/2007, 10:54

aqui les pongo el ejemplo ya separado...

Código PHP:

  function radioSeleccionado(){ 
 
alert('clave es : ' + document.getElementById('valorRadio').value); 
 
} 
 
function creaRadios(){ 
    divCheck = document.getElementById('check'); 
    for(a=0;a<5;a++){ 
        var elemento=document.createElement('INPUT'); 
        elemento.type='radio'; 
        elemento.value=a; 
        //elemento.id="pruaba_"+a; 
        elemento.name="radios"; 
        elemento.onclick=function(){document.getElementById('valorRadio').value=this.value;};     
        //elemento.title=elemento.id; 
        divCheck.appendChild(elemento); 
         
    } 
}

y

Código PHP:

  <DIV style="width:146px; height : 125px;  z-index : 7000; 
             border:inset; border-width=2; background:#e6f2ff; 
     overflow=auto; position : absolute; top:115px ; left:400px; visibility:visible" id='check'> 
     </div> 
 
<input type=hidden id='valorRadio'/> 
 
<input type=button value='crea Radios' onclick="creaRadios();"/> 
<input type=button value='Muestra Selección' onclick="radioSeleccionado();"/>

no entiendo por que no me los marca....

zyon · #3 (**permalink**) 19/09/2007, 06:01

realmente nadie sabe por que al crear esos radios dinamicamente no me permite seleccionarlo y que se marquen? auxilio porfavor!!!!

tunait · #4 (**permalink**) 19/09/2007, 06:56

Qué curioso el asunto este

Tu código es correcto pero IE parece que pierde agua por ahí.

No sé si esto es aplicable a IE posterior a la versión 6 (tal vez para la 7 esto esté corregido)

Parece ser que los campos creados dinámicamente en IE no pueden establecer un atributo name. Este atributo es necesario para que se active/desactive un campo de tipo radio.

En la web de microsoft propone al respecto el crear el campo usando createElement de la siguiente forma

Código:

 var elemento=document.createElement('<input type="radio" name="pepe">')

Funciona bien en IE y selecciona correctamente los campos al hacer click. Pero en otros navegadores (al menos en FF) deja de funcionar.

Podrías comprobar el navegador y crear el elemento de una u otra forma dependiendo de si es IE o no.

Otra cosa que podrías hacer (tal vez lo más simple) sería asignarle el comportamiento con javascript al crear el elemento

Código:

elemento.onclick=function(){document.getElementById('valorRadio').value=this.value; 
		this.checked =true
		};

Un saludo

zyon · #5 (**permalink**) 19/09/2007, 07:39

Muchas muchas gracias por responderme, y es curioso, io uso el IE 7 y he creado checkBox igual como lo hago con radios y con la propiedad de id y name y no me dio ningun solo problema, no crei que al querer hacerlo con radio pasara esto, probe con this.checked pero me seleccionaba todos, despues probe con la primera opcion que me das y con eso si funciono, lo implementare donde lo requiero y vere como se comporta, gracias de nuevo tunait!

caricatos · #6 (**permalink**) 19/09/2007, 08:19

Hola:

Una chapuza, pero que funciona en explorer y que sin probarlo, afirmaría que también en los demás, es clonar un input con el name que quieras que no necesariamente tenga que pertenecer a un form (incluso oculto):

Código:

<html>
<head>
<script>
function radioSeleccionado(){ 

alert('clave es : ' + document.getElementById('valorRadio').value); 

} 

function creaRadios(){ 
    divCheck = document.getElementById('check'); 
    for(a=0;a<5;a++){ 
        var elemento=document.getElementById("unRadio").cloneNode(true); 
//        elemento.setAttribute("type", 'radio'); 
        elemento.value=a; 
        elemento.style.display = 'inline';
        //elemento.id="pruaba_"+a; 
//        elemento.NAME = "radios"; 
        elemento.onclick=function(){document.getElementById('valorRadio').value=this.value;};     
        //elemento.title=elemento.id; 
        divCheck.appendChild(elemento); 
        // if (a == 0) elemento.checked = true;
    } 
}  

</script>
</head>
<body>
<DIV style="width:146px; height : 125px;  z-index : 7000; 
             border:inset; border-width=2; background:#e6f2ff; 
     overflow=auto; position : absolute; top:115px ; left:400px; visibility:visible" id='check'> 
     </div> 
<input type="radio" id='unRadio' name="radios" style="display: none"/> 

<form action="">
<input type=hidden id='valorRadio'/> 


<input type=button value='crea Radios' onclick="creaRadios();"/> 
<input type=button value='Muestra Selección' onclick="radioSeleccionado();"/> 
</form>
</body>
</html>

Saludos

zyon · #7 (**permalink**) 20/09/2007, 06:17

que tal caricatos te agradesco tabien tu respuesta, solo una cosa, en la propiedad display pusiste como valor 'inline', me preguntaba si no tendras por hay alguna liga en donde vengan todos los valores con una pequeña explicación de la propiedad display, siempre las paginas que ustedes encuentran son muy buenas :P por eso te la pido, no por flojera de buscar en google jeje Saludos y gracias de nuevo.

caricatos · #8 (**permalink**) 20/09/2007, 08:49

Cita:

Iniciado por zyon

que tal caricatos te agradesco tabien tu respuesta, solo una cosa, en la propiedad display pusiste como valor 'inline', me preguntaba si no tendras por hay alguna liga en donde vengan todos los valores con una pequeña explicación de la propiedad display, siempre las paginas que ustedes encuentran son muy buenas :P por eso te la pido, no por flojera de buscar en google jeje Saludos y gracias de nuevo.

Hola:

Aunque hay varios valores posibles para la propiedad display, las que siempre uso son block, inline y none.

Sobre referencias, hice un volcado de los elementos de una página en está: Etiquetas, atributos, estilos y eventos... donde también añadí las fuentes de la w3.org (sin dudas, la mejor referencia)

Saludos

zyon · #9 (**permalink**) 21/09/2007, 09:06

hye gracias, le hechare un vistazo!