html, css e javascript não funciona

Front-end

01/11/2014

Não conseguindo fazer esse codigo funcionar, não sei onde estou errando

html


<! DOCTYPE html>
<head>
	<title>Camadas no JavaScript</title>

	<link rel="stylesheet" type="text/css" href="styles.css" />
	
	<script type="text/javascript" href="script.js"></script>
</head>

<body>
	<h1 id="myElement" name="myElement" class="h1Mouse" onMouseOver="changeOver()" onMouseOut="changeOut()">Camada de conteudo</h1>

</body>
</html>


css


.h1Mouse
		{
			font-family: Arial, Helvetica, sans-serif;
			font-size:24px;
			color:#0F0;
		}
		
		.h1MouseOver
		{
			font-family: "Times New Roman", Times, serif;
			font-size: 16px;
			color:#F00;
		}


javascript


	function changeOver()
		{
			document.getElementById("myElement").className = "h1MouseOver";
		}
		
		function changeOut()
		{
			document.getElementById("myElement").className = "h1Mouse";
		}
Fabricio Alves

Fabricio Alves

Curtidas 0

Respostas

Edcp_poa

Edcp_poa

01/11/2014

Boa noite.

Me parece que seria mais fácil tu apostares no jQuery, biblioteca que deixará tua vida mais fácil.

Tu encontras tutorial completo do jQuery no W3C Schools.

Um bom final de semana.
GOSTEI 0
Fabricio Alves

Fabricio Alves

01/11/2014

Edcp, eu agradeço a dica, mas estou partindo realmente do principio, estudando JavaScript.
GOSTEI 0
Marcelo Pastore

Marcelo Pastore

01/11/2014

Fabricio, vou testar seu codigo e tentar achar uma solução, já já te retorno.
GOSTEI 0
Fabricio Alves

Fabricio Alves

01/11/2014

Ainda estou procurando, achei erros bobo mas ainda continua sem funcionar.
GOSTEI 0
Marcelo Pastore

Marcelo Pastore

01/11/2014

Erros que achei e agora consegui fazer funcionar:


1 - faltando a abertura do codigo html
2 - uma propriadade do css estava com espaço
font-size:16px;


3 - No JavaScript, no seu está assim:

<script type="text/javascript" href="script.js"></script>


o correto:

<script type="text/javascript" src="script.js"></script>
GOSTEI 0
Fabricio Alves

Fabricio Alves

01/11/2014

Tinha achado esses dois primeiros, mas o ultimo não, Marcelo muito obrigado, agora sim funcionando totalmente.
GOSTEI 0
Marcelo Pastore

Marcelo Pastore

01/11/2014

Precisando, no que puder posso ajudar.
GOSTEI 0
POSTAR