Diferència entre revisions de la pàgina «Exercici1 Events»
De wikiserver
(Es crea la pàgina amb «Exercici Events. Pàgina web: <pre> <HTML> <HEAD> <TITLE> EXERCICI 1 </TITLE> <script src="exercici1.js"></script> </HEAD> <!-- esto es un comentario --> <BODY> <b…».) |
|||
| Línia 1: | Línia 1: | ||
Exercici Events. Pàgina web: | Exercici Events. Pàgina web: | ||
| − | < | + | <source lang="java"> |
<HTML> | <HTML> | ||
<HEAD> | <HEAD> | ||
| Línia 18: | Línia 18: | ||
</BODY> | </BODY> | ||
</HTML> | </HTML> | ||
| − | </ | + | </source> |
Solució Javascript: | Solució Javascript: | ||
| − | < | + | <source> |
window.onload=function(){ | window.onload=function(){ | ||
document.getElementById("boton").onclick=function(){alert("boton");}; | document.getElementById("boton").onclick=function(){alert("boton");}; | ||
| Línia 29: | Línia 29: | ||
document.getElementById("enlace").onclick=function(){alert("enlace");}; | document.getElementById("enlace").onclick=function(){alert("enlace");}; | ||
} | } | ||
| − | </ | + | </source> |
Revisió de 19:13, 27 gen 2015
Exercici Events. Pàgina web:
<HTML>
<HEAD>
<TITLE>
EXERCICI 1
</TITLE>
<script src="exercici1.js"></script>
</HEAD>
<!-- esto es un comentario -->
<BODY>
<button id="boton">Click</button>
<p id="p1"> Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.Esto es un parrafo.</p>
<img id="imagen" src="google.jpg" />
<a href="#" id="enlace">esto es un enlace a la propia pagina</a>
</BODY>
</HTML>Solució Javascript:
window.onload=function(){
document.getElementById("boton").onclick=function(){alert("boton");};
document.getElementById("p1").onmouseover=function(){alert("parrafo");};
document.getElementById("imagen").onmouseover=function(){alert("imagen-in");};
document.getElementById("imagen").onmouseout=function(){alert("imagen-out");};
document.getElementById("enlace").onclick=function(){alert("enlace");};
}
