11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Je suis en train de faire un menu "onglet" qui change le contenu d'un <div> lorsque je clique dessus. Mon bout de code marche parfaitement, mais ce que j'aimerais c'est que l'onglet reste activé après avoir chargé le contenu de mon <div>.

Voici mon bout de code :
[code=javascript]
<script type="text/javascript">
$(document).ready(function(){ 	// le document est chargé
   $(".lien_animation").click(function(){ 	// on selectionne tous les liens que l'on souhaite et on définit une action quand on clique dessus						   
	page=($(this).attr("href")); // on recuperer l' adresse du lien
	$.ajax({  // ajax
		url: page, // url de la page à charger
		cache: false, // pas de mise en cache
		success:function(html){ // si la requêté est un succès
			afficher(html);	    // on execute la fonction afficher(donnees)
				
		},
		error:function(XMLHttpRequest, textStatus, errorThrows){ // erreur durant la requete
		}
	});
	return false; // on desactive le lien
   });
});

function afficher(donnees){ // pour remplacer le contenu du div contenu
	$("#bloc_texte_animation").empty(); // on vide le div
	$("#bloc_texte_animation").append(donnees); // on met dans le div le résultat de la requete ajax
}
</script>


Je suis plus que débutant en code et j'ai trouvé celui-ci sur internet. Pourriez-vous m'aider ?

Merci

Frink

EDIT : Finalement j'ai changer de bibliothèque jquery Smiley smile
Modifié par frink (12 Apr 2010 - 16:49)