11485 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Le code suivant ne fonctionne pas :


<!DOCTYPE html>
<html>
	<head>
		<title>onclick</title>
	</head>
	<body>
		<h1 id="titre">Titre 1</h1>
		<script>
			document.getElementById('titre').onclick = function()
			{
				alert('test');
			}
		</script>
	</body>
</html>


mais le code suivant, fonctionne :


<!DOCTYPE html>
<html>
	<head>
		<title>onclick</title>
	</head>
	<body>
		<h1 id="titre">Titre 1</h1>
		<script>
			document.getElementById('titre').onclick = function()
			{
				document.getElementById('titre').innerHTML = 'Titre 2';
			}
		</script>
	</body>
</html>


Cordialement,
o-o
Bonjour,

Avec JQuery :


<!DOCTYPE html>
<html>
	<head>
		<title>onclick</title>
	</head>
	<body>
		<h1 id="titre">Titre 1</h1>
		<script>
                        $('h1#titre').click(function(){
                                   alert('test');
                         });
		</script>
	</body>
</html>



Ou alors :


<!DOCTYPE html>
<html>
	<head>
		<title>onclick</title>
	</head>
	<body>
		<h1 id="titre" onclick="creerAlert()">Titre 1</h1>
		<script>
                        function creerAlert()
                        {
				alert('test');
			}
		</script>
	</body>
</html>