Mostrar imagen con radiobutton, y al actualizar pagina sigan activos

Alexand3r · #1 (**permalink**) 13/10/2009, 19:05

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.

monxas · #2 (**permalink**) 14/10/2009, 07:06

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?

monxas · #3 (**permalink**) 14/10/2009, 07:36

mejor aun:
haz una variable session que guardes el mapa que estuviese seleccionado.
consultas la variable y pista

Alexand3r · #4 (**permalink**) 14/10/2009, 19:42

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.