Diferència entre revisions de la pàgina «Exercici 4 Events»
De wikiserver
| (3 revisions intermèdies per un altre usuari que no es mostra) | |||
| Línia 1: | Línia 1: | ||
Es mostra la part corresponent al tag Script de Javascript: | Es mostra la part corresponent al tag Script de Javascript: | ||
| − | < | + | <source lang="java"> |
<script type="text/javascript"> | <script type="text/javascript"> | ||
window.onload=function(){ | window.onload=function(){ | ||
| − | + | document.getElementById("enlace_1").addEventListener('click', ()=>{mostraOculta("contenidos_1");}, false); | |
| − | + | document.getElementById("enlace_2").addEventListener('click', ()=>{mostraOculta("contenidos_2");}, false); | |
| − | + | document.getElementById("enlace_3").addEventListener('click', ()=>{mostraOculta("contenidos_3");}, false); | |
} | } | ||
| − | function mostraOculta(id){ | + | function mostraOculta(id){ //e.target.id podemos obtener el id |
var nombre = id; | var nombre = id; | ||
var link_nombre = "enlace_" + nombre.split("_")[1]; | var link_nombre = "enlace_" + nombre.split("_")[1]; | ||
| Línia 22: | Línia 22: | ||
} | } | ||
</script> | </script> | ||
| − | </ | + | </source> |
| − | |||
| + | <!-- | ||
'''ALTRA FORMA''' | '''ALTRA FORMA''' | ||
| Línia 45: | Línia 45: | ||
} | } | ||
</source> | </source> | ||
| + | ->> | ||
Revisió de 19:06, 26 gen 2024
Es mostra la part corresponent al tag Script de Javascript:
<script type="text/javascript">
window.onload=function(){
document.getElementById("enlace_1").addEventListener('click', ()=>{mostraOculta("contenidos_1");}, false);
document.getElementById("enlace_2").addEventListener('click', ()=>{mostraOculta("contenidos_2");}, false);
document.getElementById("enlace_3").addEventListener('click', ()=>{mostraOculta("contenidos_3");}, false);
}
function mostraOculta(id){ //e.target.id podemos obtener el id
var nombre = id;
var link_nombre = "enlace_" + nombre.split("_")[1];
var parrafo = document.getElementById(nombre);
var link = document.getElementById(link_nombre);
if(parrafo.style.display == "none"){
parrafo.style.display = "block";
link.innerHTML = "Oculta contenido";
}
else{
parrafo.style.display = "none";
link.innerHTML = "Muestra contenido";
}
}
</script>
