Foros del Web » Programando para Internet » Javascript »

Mostrar imagen con radiobutton, y al actualizar pagina sigan activos

Estas en el tema de Mostrar imagen con radiobutton, y al actualizar pagina sigan activos en el foro de Javascript en Foros del Web. Buenas. Tengo un problema, bueno, el primero es que no soy ningún gran experto en javascript. Pero a parte de eso, estoy tratando de hacer ...
  #1 (permalink)  
Antiguo 13/10/2009, 19:05
 
Fecha de Ingreso: abril-2009
Mensajes: 72
Antigüedad: 14 años, 10 meses
Puntos: 0
Pregunta Mostrar imagen con radiobutton, y al actualizar pagina sigan activos

Buenas.

Tengo un problema, bueno, el primero es que no soy ningún gran experto en javascript. Pero a parte de eso, estoy tratando de hacer una página en asp en la que quiero incluir tres radiobutton y que cada uno cargue una imagen (uno carga el mapa meteorológico de España en Visual, otro lo carga en Infrarrojo, y el otro carga el de Europa). El caso es que la página se actualiza cada X tiempo, por lo que necesito que cada vez que se actualice, mantenga el radiobutton marcado y el mapa correspondiente. He buscado mucho, he encontrado cosas para mostrar la imagen, y he encontrado también cosas para que se quede el radiobutton marcado, pero al intentar implementarlo todo junto a lo bruto, no consigo ni una cosa ni la otra.

Si pudierais echarme una mano, os lo agradezco.

Un saludo compañeros-as.

Alex.
  #2 (permalink)  
Antiguo 14/10/2009, 07:06
 
Fecha de Ingreso: mayo-2009
Mensajes: 201
Antigüedad: 14 años, 10 meses
Puntos: 9
Respuesta: Mostrar imagen con radiobutton, y al actualizar pagina sigan activos

y pasando un valor por get?

cuando selecciones un radio guardas una variable, y luego al racargar lo haces con la pagina con el parametro. es decir

tuweb.com/tupagina.asp
seria
tuweb.com/tupagina.asp?idmap=1

sabes por donde voy?
  #3 (permalink)  
Antiguo 14/10/2009, 07:36
 
Fecha de Ingreso: mayo-2009
Mensajes: 201
Antigüedad: 14 años, 10 meses
Puntos: 9
Respuesta: Mostrar imagen con radiobutton, y al actualizar pagina sigan activos

mejor aun:
haz una variable session que guardes el mapa que estuviese seleccionado.
consultas la variable y pista
  #4 (permalink)  
Antiguo 14/10/2009, 19:42
 
Fecha de Ingreso: abril-2009
Mensajes: 72
Antigüedad: 14 años, 10 meses
Puntos: 0
Respuesta: Mostrar imagen con radiobutton, y al actualizar pagina sigan activos

Buenas monxas.

Gracias por responder. Mmmm, uf, lo que pasa es que ya te digo que no tengo mucha idea, entonces no se si con un "get" lo haria bien o no.

Mira si quieres dejo el código que he encontrado por ahí despues de mucho buscar.

Código HTML:
<head>
<script language='JavaScript' type='text/javascript'>

    function check_value(fieldvalue)
    {    
        switch(fieldvalue)
        {
            case 1:

                document.getElementById("imagedest").innerHTML = "<img src='1.gif'>";
                    break;

            case 2:

                document.getElementById("imagedest").innerHTML = "<img src='2.gif'>"; 
                    break;

            case 3:

                document.getElementById("imagedest").innerHTML = "<img src='3.gif'>"; 
                    break;
        }
    }

</script>
</head>

<body>

<form name='test'>
    <input type="radio" name="field" value="1" onclick='check_value(1)'>Visual 
    <input type="radio" name="field" value="2" onclick='check_value(2)'>Infrarrojos 
    <input type="radio" name="field" value="3" onclick='check_value(3)'>Europa 
</form>

<div id='imagedest'>
</div>
</body> 
Este es para que pueda seleccionar una imagen y se mantenga hasta que seleccione otro radiobutton. Y funciona bien.

Y el que pongo a continuación, es para que cuando la página se refresque, siga marcado el radiobutton, este no termino de conseguir que funcione. Y menos cuando trato de juntarlo todo para que me haga ambas cosas.

Código HTML:
<head>
<script type="text/javascript" language="javascript">
function mostrar(frm,num) {
  for (i=0; im=frm.getElementsByTagName('img')[i]; i++)
    im.style.visibility = (i==num) ? 'visible' : 'hidden';
}
</script>
</head>

<body>
<form>
<input name="radio1" type="radio" value="1" <% if int(radio1) = 1 Then %>checked <% End If %> onChange="this.form.submit()">
<img src="1.gif" style="visibility:hidden" /><br />
<input name="radio2" type="radio" value="2" <% if int(radio2) = 2 Then %>checked <% End If %> onChange="this.form.submit()">
<img src="2.gif" style="visibility:hidden" /><br />
<input name="radio3" type="radio" value="3" <% if int(radio2) = 3 Then %>checked <% End If %> onChange="this.form.submit()">
<img src="3.gif" style="visibility:hidden" /><br />
</form>
</body> 
Espero que puedas echarme una mano, y si no, algun otro compi.

Gracias.

Alex.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:46.