Afficher le résultat obtenu avec un script

Version imprimable

Bonjour,
J'ai trouvé sur le web un code que voici :
Code:

1 2 3 4 5 6 7 8 9 10 11 function Config() { var s=""; s+="UserAgent: "+navigator.userAgent; s+="<br>Langue: "+navigator.language+' - plateforme: '+navigator.platform; s+="<br>Taille de l'ecran: "+screen.width + "x" + screen.height; s+="<br>Nombre de couleurs: "+screen.colorDepth+' bits'; s+="<br>" document.getElementById('info').innerHTML=s; }
Je l'ai mis entre les balises <script type="text/javascript"> et </script>, elles même dans les balises <head> et </head>.
Plus bas, entre les balises <body> et </body>, se trouve le code suivant :

Code:

<p><center><a href="#" onclick="Config()"><input type="button" value="Regardez votre configuration !"/></a></center></p>

Mais quand je clique sur le bouton, rien ne se passe.
Comment faire pour que le resultat s'affiche à l'écran à la manière d'un javascript:alert('Résultat'); ?

Salut,

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<html>
	<head>
		<script type="text/javascript">		
			// Affichage à l'écran
			function Config1(){
			var s="";
			s+="UserAgent: "+navigator.userAgent;
			s+="<br>Langue: "+navigator.language+' - plateforme: '+navigator.platform;
			s+="<br>Taille de l'ecran: "+screen.width + "x" + screen.height;
			s+="<br>Nombre de couleurs: "+screen.colorDepth+' bits';
			s+="<br>"			 
			document.getElementById('info').innerHTML=s;
			}
 
			// Affichage dans une boite de dialogue
			function Config2(){
			var s="";
			s+="UserAgent: "+navigator.userAgent;
			s+="\nLangue: "+navigator.language+' - plateforme: '+navigator.platform;
			s+="\nTaille de l'ecran: "+screen.width + "x" + screen.height;
			s+="\nNombre de couleurs: "+screen.colorDepth+' bits';
			s+="\n"
			alert(s);
			}
		</script>
	</head>
	<body>
		<form action="">
			<p><input type="button" value="Regardez votre configuration !" onclick="Config1();Config2();return false;" /></p>
		</form>
		<div id="info"></div>
	</body>
</html>

02/01/2011, 18h14
sekaijin

ben avant de prendre un truc tout fait sur le web
lis un peut comment fonctionne le HTML

ensuite tu poura apprendre le B.A. BA. du javascript et enfin te pencher sur du code trouvé ici ou là

A+JYT
02/01/2011, 18h36
tagula

Merci, ça marche niquel :D
Je vous donne donc le lien de mon site disponible ici.

@sekaijin : Je connait le xHTML et le CSS ;) Et j'ai pris le script JS sur le web car je n'ai que les bases des bases de ce language :)
02/01/2011, 18h53
SpaceFrog

ce n'est pas que rien ne se passe c'est que ta page se recharge ...

Code:

<a href="#" onclick="Config();return false;">

un return false inhibe le href empechant ainsi le rechargement d la page