11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,
je rencontre un problème sérieusement incompréhensible... Je n'arrive pas à exécuter le contenu de ma fonction afficheCaps alors que tout me paraît bon...

Jugez plutôt :

<div id="contenuCaptures"><a href="#" onClick="javascript:afficheCaps(1); return false;"><img src="caps/itw.gif" width="250" height="159" border="0" align="Itw" /></a> <a href="#" onClick="javascript:afficheCaps(2); return false;"><img src="caps/test.gif" width="250" height="159" border="0" align="test" /></a></div>
	
	
	<div id="caps"></div>




voici ce qui est entre <head> et <head> :

function afficheCaps(id)
{
	alert(id);
	if id == 1 {
	document.getElementById("caps").innerHTML = "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce faucibus. Cras quis lorem sit amet odio lobortis semper. Quisque mauris orci, dictum vitae, facilisis sit amet, nonummy in, ipsum.</p> <p>Vestibulum placerat nibh nec ipsum. Cras ligula. Quisque quam elit, tempor a, lobortis ac, vehicula id, odio. Cras nibh purus, interdum vel, posuere sit amet, posuere egestas, urna. Aliquam erat volutpat. Ut fringilla libero sed lorem. Suspendisse id justo sed sem lobortis elementum. Suspendisse potenti. Vestibulum augue orci, sollicitudin non, pharetra non, vestibulum quis, nisi.<br /> Donec id metus. Proin nonummy, ipsum id pellentesque tincidunt, lacus velit semper dolor, eu faucibus justo metus porta velit. </p><p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin vitae sem. Praesent eu magna ut tortor ultricies vehicula. Nam nec risus" ;
	}
	else
		if id == 2 {
		document.getElementById("caps").innerHTML = "Lorem ipsum" ;
		}
}


Rien ne s'affiche à l'écran, même pas l'id qui est en alert.
Qu'est-ce qui cloche je galère ? Smiley decu
Modifié par Api1000 (07 Jun 2007 - 20:05)