11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

J'ai un souci avec ces fonctions jquery, en cliquant sur les boutons electeur en haut à droite, ça devrait changer les aspects de texte, mais ça ne le fait pas.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />      
<title>Evenements jquery</title>

<style type="text/css">

#head {
	width: 100%;
	height: 200px;
}

#content {
	width: 380px;
	height: 150px;
	background-color: rgb(200,200,200);
	float: right;
	padding: 15px;
}

#content div{
	float: left;
	width: 100px;
	height: 50px;
	margin: 5px;
	padding: 5px;
	text-align: center ;
	background-color: white;
	border: 1px solid #999;
	border-radius: 1em;
}

.large {
	font-size: 1.5em;
}

.narrow {
	width: 40px;
}
</style>

<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$('#switcher-default').bind('click', function(){
		$('#recueil').removeClass('narrow');
		$('#recueil').removeClass('large'):
	});

	$('#switcher-narrow').bind('click', function(){
		$('#recueil').addClass('narrow');
		$('#recueil').removeClass('large');
	});

	$('#switcher-large').bind('click', function(){
		$('#recueil').addClass('large');
		$('#recueil').removeClass('narrow');
	});
	
});


</script>


</head>

<body>
<div id="head">
		<div id="content">
		<h3>Sélecteur de style</h3>
			<div class="button-selected" id="switcher-default">
			Par défault
			</div>
			<div class="button" id="switcher-narrow">
			Colonne étroite
			</div>
			<div class="button" id="switcher-large">
			Grande police
			</div>

		</div>
</div>

<div id="recueil">
		<h3>Recueil de de huit comptes</h3>
		<h2>En prose issus du folklore national</h2>
		<p>de charles perrault</p>
		<h5>résumé</h5>
		<p>Colombelle est le fruit des vignobles du coeur de la Gascogne, sur des côteaux idéalement exposés, entre Pyrénées, océan et forêts, mais c'est également le fruit de l'imagination de vignerons passionnés qui ont su inventer un vin différent, savoureux, vif, fruité, idéal pour l'apéritif comme pour un repas. L'association des cépages Colombard et Ugni blanc a offert ce vin léger, frais et gourmand, unique en son genre, précurseur d'une nouvelle génération, qui explique son nom :
		L'Original.</p>
		<h5>résumé</h5>
		<p>Colombelle est le fruit des vignobles du coeur de la Gascogne, sur des côteaux idéalement exposés, entre Pyrénées, océan et forêts, mais c'est également le fruit de l'imagination de vignerons passionnés qui ont su inventer un vin différent, savoureux, vif, fruité, idéal pour l'apéritif comme pour un repas. L'association des cépages Colombard et Ugni blanc a offert ce vin léger, frais et gourmand, unique en son genre, précurseur d'une nouvelle génération, qui explique son nom :
		L'Original.</p>
</div>

</body>
</html>


Merci pour votre aide.
Salut


		$('#recueil').removeClass('narrow');

		$('#recueil').removeClass('large'):


Un indice, regarde de très près la seconde ligne ... Il y a un petit soucis de syntaxe Smiley smile
Modérateur
$('#recueil').removeClass('large'):

tente avec un point-virgule Smiley cligne



Grillé au poteau by kenor Smiley biggrin
Modifié par _laurent (19 Jan 2012 - 19:24)
Merci !! C'est pas comme si j'avais pas relu tout une dizaine de fois ! Merci !
Modifié par ervator (19 Jan 2012 - 22:46)