Conflicto de codigo
Publicado por Mario (1 intervención) el 25/03/2011 23:01:13
Tengo este codigo para esconder/mostrar un elemento al dar click en un falso link.. ahora lo que busco es que al dar click en el link muestre una imagen que estaba escondida y funciona bien, si vuelves a dar click el elemento se vuelve a esconder; quiero poner varios links falsos y que al dar click en uno muestre su respectivo elemento escondido y al dar click en cualquier otro falso link se vuelva a esconder el que esta mostrandose y se muestre el que le corresponde a ese link, espero haberme explicado.
Ahora mi problema es este, por el momento como podran ver en el codigo que pondre abajo, tengo dos falsos links con un elemento cada uno, al dar click en "Mi Formacion" aparecen los dos elementos escondidos... al dar click en "Mis Datos" solo aparece el elemento que corresponde a ese codigo y si doy click en el otro link, si hace lo que quiero, que se vuelva a esconder un elemento y se muestre el otro.. pero al dar click de nuevo en "Mi Formacion" el otro elemento no se esconde y el que se muestra aparece encimado..
AYUDAA!!!
y gracias...
<script>
function changeme(id, action) {
if (action=="hide") {
document.getElementById(Id).style.display = "none";
} else {
document.getElementById(Id).style.display = "block";
}
}
</script>
</head>
<body background="Imagenes/fondoPagina.png" class="Textos">
<div id="apDiv9"><img id="MisDatos" style="display:none" src="Imagenes/Imagen_Datos.png" name="MisDatos" width="600" height="300" id="MisDatos" /></div>
<span onclick="if(document.getElementById('MisDatos').style.display=='none') {document.getElementById('MisDatos').style.display='block';} else {document.getElementById('MisDatos').style.display='none';}" style="color: blue; text-decoration: underline; cursor: pointer;">
Mis Datos
<span/>
<div id="apDiv10"><img id="MiFormacion" style="display:none" src="Imagenes/Imagen_Facadémica.png" name="MiFormacion" width="600" height="300" id="MiFormacion" /></div>
<span onclick="if(document.getElementById('MiFormacion').style.display=='none') {document.getElementById('MiFormacion').style.display='block';} else {document.getElementById('MiFormacion').style.display='none';}" style="color: blue; text-decoration: underline; cursor: pointer;">
Mi Formación
<span/>
<span/>
</body>
</html>
Ahora mi problema es este, por el momento como podran ver en el codigo que pondre abajo, tengo dos falsos links con un elemento cada uno, al dar click en "Mi Formacion" aparecen los dos elementos escondidos... al dar click en "Mis Datos" solo aparece el elemento que corresponde a ese codigo y si doy click en el otro link, si hace lo que quiero, que se vuelva a esconder un elemento y se muestre el otro.. pero al dar click de nuevo en "Mi Formacion" el otro elemento no se esconde y el que se muestra aparece encimado..
AYUDAA!!!
y gracias...
<script>
function changeme(id, action) {
if (action=="hide") {
document.getElementById(Id).style.display = "none";
} else {
document.getElementById(Id).style.display = "block";
}
}
</script>
</head>
<body background="Imagenes/fondoPagina.png" class="Textos">
<div id="apDiv9"><img id="MisDatos" style="display:none" src="Imagenes/Imagen_Datos.png" name="MisDatos" width="600" height="300" id="MisDatos" /></div>
<span onclick="if(document.getElementById('MisDatos').style.display=='none') {document.getElementById('MisDatos').style.display='block';} else {document.getElementById('MisDatos').style.display='none';}" style="color: blue; text-decoration: underline; cursor: pointer;">
Mis Datos
<span/>
<div id="apDiv10"><img id="MiFormacion" style="display:none" src="Imagenes/Imagen_Facadémica.png" name="MiFormacion" width="600" height="300" id="MiFormacion" /></div>
<span onclick="if(document.getElementById('MiFormacion').style.display=='none') {document.getElementById('MiFormacion').style.display='block';} else {document.getElementById('MiFormacion').style.display='none';}" style="color: blue; text-decoration: underline; cursor: pointer;">
Mi Formación
<span/>
<span/>
</body>
</html>
Valora esta pregunta
0