F�rum html, css e javascript n�o funciona #499900

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

Curtir t�pico

+ 0

Responder

Posts

01/11/2014

Edcp_poa

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.

Responder

Gostei + 0

01/11/2014

Fabricio Alves

Edcp, eu agrade�o a dica, mas estou partindo realmente do principio, estudando JavaScript.

Responder

Gostei + 0

02/11/2014

Marcelo Pastore

Fabricio, vou testar seu codigo e tentar achar uma solu��o, j� j� te retorno.

Responder

Gostei + 0

02/11/2014

Fabricio Alves

Ainda estou procurando, achei erros bobo mas ainda continua sem funcionar.

Responder

Gostei + 0

02/11/2014

Marcelo Pastore

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>

Responder

Gostei + 0

02/11/2014

Fabricio Alves

Tinha achado esses dois primeiros, mas o ultimo n�o, Marcelo muito obrigado, agora sim funcionando totalmente.

Responder

Gostei + 0

02/11/2014

Marcelo Pastore

Precisando, no que puder posso ajudar.

Responder

Gostei + 0