Foros del Web - Ver Mensaje Individual

emprear · #2 (**permalink**) 24/12/2012, 20:17

Cita:

Iniciado por RedMew

Hola, estoy haciendo una pagina web y hace tiempo use un scrpit para poder hacer esto pero no recuerdo como era, la cosa es crear una lista con opciones de tipo radio, y segun se elija una aparezca su respectivo codigo
recuerdo que tambien ya en el body se colocaban como 3 lineas, pero no recuerdo como era, espero no ser muy ambiguo en lo que digo y que me puedan ayudar, desde ya gracias

Y si, un poco ambiguo es, lista o radios?
que vendría a ser "su respectivo código"

aqui una aproximación

Código HTML:

Ver original<!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">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<style type="text/css">
/*<![CDATA[*/
code{
display: none;
}
/*]]>*/
</style>
 
<script type="text/javascript">
//<![CDATA[
function mostrar(cual){
var capas = new Array("a", "b");
var i;
    for(i in capas){
        var e = document.getElementById(capas[i]);
        capas[i] == cual?e.style.display='block':e.style.display='none';
    }
}
//]]>
</script>
</head>
<body>
<form action="#">
<label for="oa">A</label><input type="radio" id="oa" value="a" name="opcion" onclick="mostrar(this.value);"/><br />
<label for="ob">B</label><input type="radio" id="ob" value="b" name="opcion" onclick="mostrar(this.value);"/>
</form>
<code id="a">a</code>
<code id="b">b</code>
</body>
</html>

Saludos