J'ai essayé de faire un design un peu plus classe.
Ça m'a pris comme ça ce soir, ne me demandez pas pourquoi.
Je sais pas si c'est réussi mais ça me semble pas trop mal :)
C'était le billet qui sert à rien !
A peine un jour après la sortie de la première version de zAjaxEdit, voici venue la deuxième version, qui permet de rendre complètement fonctionnels les BBCodes !
La nouvelle version est disponible à la même adresse que l'ancienne.
La prochaine étape est de rendre le script compatible avec Firefox (Firefox toujours au top ? ahem... ;-)).
Téléchargement :
Depuis quelques jours, je m'intéresse au principe des UserScripts, concept que je n'avais jusqu'alors que très peu regardé.
J'ai commencé à créer un petit Userscript pour sélectionner plus facilement les pavés de code que certains membres postent sur les forums du Site du Zéro. J'ai donc réalisé ce script. Il ajoute un lien "Sélectionner" à côté du titre du bloc de code qui permet de sélectionner directement tout le code contenu dans le bloc. A noter qu'un double-clic sur le code fonctionne aussi :
Ce script fonctionne sous Opera (nativement) et sous Firefox avec l'extension Greasemonkey. Je n'ai pas testé sous les autres navigateurs.
Pour l'installer sous Opera, enregistrez le script sur votre ordinateur, puis dans Opera : Outils > Préférences... > onglet "Avancé" > Contenu > Options Javascript > sélectionnez le dossier où vous avez enregistré le script. Sous Firefox, suivez simplement le lien vers le script, Greasemonkey fera le reste.
Mais j'ai voulu m'attaquer à un peu plus marrant ! J'ai donc opté pour une édition des messages du forum en Ajax, c'est à dire sans avoir besoin de changer de page. Et après m'être un peu débattu, j'ai finalement réussi ! Le script n'en n'est qu'à ses débuts, mais le principe de base est là. En effet, pour le moment, il ne fonctionne que sous Opera, et les BBCodes ne fonctionnent pas encore correctement (pas du tout en fait). Un petit aperçu de ce que ça donne, c'est par ici !
Pour tester cette première version du script, suivez ce lien : zAjaxEdit.
Téléchargements :
Une petite pub pour Hyper-V que j'ai trouvée bien amusante :
Je me suis essayé au screencast, et voilà ce que ça donne :
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; }); });