Retour en haut

Barney

La présentation est une des choses les plus dures à faire, et vu le nom de ce site, vous l'aurez compris, je vais faire court :

Moi, mes projets, mes idées, et ce que j'ai envie de dire.

Pourquoi ? Pourquoi pas.

News de la catégorie Screencast - Voir toutes les news
Page : 1

Screencast : Prévisualisation en Ajax à l'aide de jQuery

# posté le samedi 9 mai 2009 à 17:04:41 par delphiki :: Screencast :: 17 commentaire(s)

Je me suis essayé au screencast, et voilà ce que ça donne :







Télécharger les sources - Voir la démonstration


Ce n'était pas sur ce sujet que je voulais faire mon screencast au début, mais ça m'a fait un échauffement.
Vous m'excuserez les bafouillages et autres petits couacs, mais l'exercice n'est pas facile !

Si vous avez des questions, n'hésitez pas.

MAJ : une petite modification par rapport au screencast.

Au lieu d'utiliser :

$('#preview p').append(data);

Pour insérer les données dans le paragraphe, il est plus pratique d'utiliser ceci :

$('#preview p').html(data);

Qui évite d'avoir à "vider" le paragraphe à chaque appel de la fonction, donc d'utiliser cette ligne :

$('#preview p').empty();

Voici donc le script final :

$(function(){
	// lorsque l'on clique sur Prévisualiser
	$('#b_preview').click(function(){
		var mess = $('#message').val();
		$.post("preview.php",
				{
					message: mess
				},
				function(data){
					$('#preview p').html(data);
				}
		);
	});
	
	// lorsque l'on clique sur Effacer
	$('#clear_preview').click(function(){
		$('#preview p').empty();
		return false;
	});
});


Page : 1