[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les forums > Communauté des zéros > Discussions générales > [Présentation] ZAP > Lecture du sujet

[Présentation] ZAP

un projet pour aider les zéros !

Vous devez être inscrit pour pouvoir poster des messages

Auteur	Message
Page : Précédente 1 2 3 Suivante
1 visiteur sur ce sujet (1 anonyme)
Page : Précédente 1 2 3 Suivante
miky-mike01	# Posté le 22/08/2006 à 11:28:57
Groupe : Membres	Reprise du dernier message de la page précédente : je ne peux que dire bravo je trouve cette idée très bonne, cela pourrait faire avancé les tutos beaucoup plus vite, et aussi plus riche, je trouve que cela vas créé vraiment une communauté. en tout cas si je dois faire des tutos avec d'autres personnes je pense que je passerais pas ton site encore bravo ! .:: miky-mike ::.
Toul C'her	# Posté le 22/08/2006 à 13:48:16
I'm going to sap your dick Groupe : Membres	Bon, je viens vous proposer moi aussi mon système pour le zCode. Il prend également en charge l'insertion et l'aperçu en temps réel du zCode. Il a l'avantage d'être séparé de la struture du document (si le javascript est désactivé, vous ne verrez que la zone d'édition du contenu). Voici un aperçu de ce que rend ce code dans ZAP : Aperçu pour l'édition d'une page Aperçu pour l'édition d'un chapitre Aperçu pour l'édition d'un big-tuto Il existe deux différents packs pour télécharger ce script : Full Pack Description Ce pack comprend tous les fichiers nécessaires pour l'installation du script : form.css : feuille de style mise à jour pour les formulaires (histoire que les nouveaux éléments ne fassent pas trop moche) zcode.css : une seule modification : l'ajout de secret4 pour la baslise <secret> Répertoire Image : tous les boutons-images pour les formulaires zcode.js : le saint-des-saints. Le code en lui-même Répertoire templates : les templates mis à jour pour recevoir le zCode Installation Rien de plus simple : dézipper le fichier Full_pack.zip dans votre répertoire ZAP. Téléchargement http://brocasio.free.fr/ZAP/Full_pack.zip Essential Pack Description Ce pack ne comprend que les fichiers absolument nécessaires au script, c'est-à-dire le fichier javascript (zcode.js) et les images pour le zCode Installation Dézippez le fichier Essential_Pack.zip dans votre répertoire ZAP. Ajoutez ces lignes dans le fichier form.css (non obligatoire) :Code : CSS form select { margin: 2px; } form textarea { display: block; } div.apercu { height: 300px; width: 80%; overflow: scroll; border: 1px solid black; } img.smiley_cliquable,img.boutons { margin: 2px; vertical-align: middle; cursor: pointer; } Ensuite, ajoutez cette ligne dans le fichier zcode.css (nécessaire si vous voulez que l'aperçu de la balise <secret> fonctionne correctement)Code : CSS .spoiler4 { visibility: visible; } Enfin, ajoutez cette ligne dans le fichier skeleton.tpl :Code : HTML <script type="text/javascript" src="scripts/zcode.js" defer="defer"></script> Il ne vous reste plus qu'à ajouter la valeur "zcode" à l'attribut "class" des textares pour lesquels vous voulez profiter du code. Exemple :Code : HTML <textarea name="contenu" rows="28" cols="120" class="zcode">{{form:zcode}}</textarea> Téléchargement http://brocasio.free.fr/ZAP/Essential_Pack.zip Script seul Vous pouvez accéder à la version commentée du script si vous le désirez. Version zippée Version brute Malheureusement, ce code n'est pas encore terminé. En effet, il arrive qu'il puisse produire de l'HTML invalide. Je dois avouer que je sèche et que je ne sais pas comment résoudre ce problème... Merci de me dire ce que vous en pensez ! Édité le 22/08/2006 à 13:50:13 par Toul C'her Spoiler HL²: Episode Three :Secret (cliquez pour afficher) Le Boréalis contient le corps cryogénisé de Chuck Norris.
Pmol	# Posté le 22/08/2006 à 19:06:11
Mangez du Python Groupe : Membres	Bravo bluestorm pour ZAP. C'est vraiment bien fait, pas de bugs pour l'instant, le desing est pas chargé, c'est assez joli Ça va changer des échanges de .tuto par ftp interposés. Le Blog de l'Homme Moderne « Il est plus facile de faire sortir le dentifrice du tube que de l'y faire rentrer »
zulon	# Posté le 23/08/2006 à 09:15:47
The shrieker shrieks. Groupe : Membres	@Toul C'her>Euh... pas mal, si l'on excepte que ça ne marche aps (erreur 403). Il faut bien décompresser Full_pack.zip dans un répertoire quelqconque de son ftp, puis par exemple http://perdu.com/zap ? Édité le 23/08/2006 à 09:16:08 par zulon
Toul C'her	# Posté le 23/08/2006 à 13:03:11
I'm going to sap your dick Groupe : Membres	Je ne comprends pas de quoi tu parles... Quand se produit l'erreur 403 ? Si ça se produit sur http://brocasio.free.fr/ZAP/, c'est normal. Si j'ai donné ces liens, c'est juste pour présenter mon système d'insertion. En principe, il faut décompresser Full_pack.zip dans le dossier ZAP, oui... EDIT: je viens de me rendre compte de deux petites erreurs dans mon code (pas grosses, rassurez-vous ^^). Les fichiers de mon précédent message sont mis à jour. Si vous avez téléchargé les fichiers avant, la mise à jour est ici -> http://brocasio.free.fr/ZAP/maj.zip La mise à jour n'affecte que le fichier zcode.js. Édité le 23/08/2006 à 13:46:21 par Toul C'her Spoiler HL²: Episode Three :Secret (cliquez pour afficher) Le Boréalis contient le corps cryogénisé de Chuck Norris.
bluestorm	# Posté le 23/08/2006 à 16:11:08
dont ask to ask Groupe : Membres	Toul'Cher : hum. Je vois que tu as beaucoup travaillé, mais je ne comprend pas : c'est quoi l'intérêt d'avoir tout le formulaire en javascript, quand un formulaire Xhtml normal avec juste un peu de javascript suffit ? (par ailleurs, le code de ta fonction getRealName(a) est vraiment maladroit) Programmation : la récursivité Présentation de KDE : les KIO-slaves Le typage en programmation : présentation thématique et historique mes textes divers
Toul C'her	# Posté le 23/08/2006 à 18:03:34
I'm going to sap your dick Groupe : Membres	Et bien de la même manière que l'on sépare le CSS et le Xhtml, je sépare le Javascript du Xhtml. C'est vrai que l'intérêt est plutôt limité. L'un des avantages est par exemple lorsque le Javascript est désactivé. Lorsqu'un navigateur n'applique pas le Javascript, il ne créera pas les boutons d'insertion, qui deviendraient inutiles pour l'utilisateur, ce qui fait que la page est moins lourde, vu qu'on ne charge pas de code inutile. Il est dit également que du point de vue de l'accessabilité, il est préférable de séparer le document du comportement. Par ailleurs, comme je l'ai expliqué, cela devient également plus simple pour le développeur qui n'y connaît pas grand chose en Javascript, vu qu'il lui suffit d'ajouter class="zcode" aux zones de contenu qui l'intéressent pour que tous les boutons soient crées automatiquement. Mais c'est vrai que pour ZAP, c'est un peu inutile, vu que les utilisateurs savent à quoi servent ces boutons. En revenche, c'est très utile lorsque l'on a des formulaires avec un bouton du type "Vérifier que tous mes champs sont bien remplis". Lorsque Javascript est désactivé, ce bouton n'apparaîtra pas avec la méthode que j'ai utilisée. Et je tiens à préciser que si j'ai sorti ce code, ce n'est en aucun cas pour concurrencer le tien : quand tu as présenté ZAP, j'ai trouvé dommage l'abscence de zCode. J'ai bossé dessus le soir même où il est sorti. Et quand j'avais presque fini mon code, tu as sorti le tien... J'ai pas eu de chance sur ce coup-là... Et je te rejoins sur le code de ma fonction. Je suis sûr qu'il existe un moyen en javascript d'appeler une fonction en fonction ( ) de la valeur d'une variable mais je ne le connais pas... En réalité, j'ai également présenté mon code pour montrer ce que l'on peut faire en séparant Xhtml et Javascript. Voilà, tout est dit. Édité le 29/08/2006 à 21:41:43 par Toul C'her Spoiler HL²: Episode Three :Secret (cliquez pour afficher) Le Boréalis contient le corps cryogénisé de Chuck Norris.
bluestorm	# Posté le 23/08/2006 à 18:20:08
dont ask to ask Groupe : Membres	Tes explications sont pertinentes. Merci. Par ailleurs pour ta fonction (version abbrégée) : Code : JavaScript function getRealName(a) { switch (a) { // Code case 'html': r='(x)html'; break; case 'css': r='CSS'; break; case 'javascript': r='Javascript'; break; case 'xml': r='XML'; break; case 'php': r='PHP'; break; // Sinon :( default: r=a; } return r; } => Code : JavaScript function getRealName(a) { switch (a) { // Code case 'html': return '(x)html'; case 'css': return 'CSS'; case 'javascript': return 'Javascript'; case 'xml': return 'XML'; case 'php': return 'PHP'; // Sinon :( default: return a; } } Programmation : la récursivité Présentation de KDE : les KIO-slaves Le typage en programmation : présentation thématique et historique mes textes divers
Toul C'her	# Posté le 23/08/2006 à 18:26:42
I'm going to sap your dick Groupe : Membres	Oui, j'y ai pensé... Mais après réflexion, j'ai conclu (à tort, maintenant je me rends compte que mon erreur) qu'utiliser un seul return serait plus simple... Mais je pensais que tu parlais de cette fonction : Code : JavaScript textarea.getFunctionName = function (a) { switch (a) { case 'liste': this.liste(); break; case 'citation': this.citation(); break; case 'lien': this.lien(); break; case 'email': this.email(); break; default : alert('Erreur lors de la création du fichier'); } } C'est pour ça que j'ai parlé d'appeler une fonction en fonction ( ) de la valeur d'une variable. Spoiler HL²: Episode Three :Secret (cliquez pour afficher) Le Boréalis contient le corps cryogénisé de Chuck Norris.
Arthas231	# Posté le 28/08/2006 à 15:58:09
[Arthasç] Groupe : Membres	ZAP nous est très utile pour notre tuto sur le JavaScript... D'ailleurs, puisque beaucoup se plaingnent du design, moi je veux bien le faire... Bluzaz est pas très compliqué à reproduire... Tuto JavaScript pour les débutants : Par -Ne0-, Fieldset, KinderSurpriZ, jaminy et moi-même !
SdT	# Posté le 28/08/2006 à 16:03:40
www.brightmarks.fr Groupe : Membres	Pourquoi pas. BrightMarks v2 : Des évolutions permanentas ! N'hésitez-pas à visiter le site et participer à la communauté; D'avance, merci.
guimers8	# Posté le 29/08/2006 à 18:24:44
Cocoa/ObjC Groupe : Membres	ZAP est très sympa, il se pourrait très bien que j'en ai bessoin bientôt ! Sinon, quelques commentaires : Il serait sympa de mettre des boutons pour passer au chapitre (suivant/precedent) dans les big tutos (en bas !) Utiliser des polices à taille unique pour les codes (même largeur) Utiliser la zForm en design zMotion ? (Ok ok, j'essaierais de faire un design !) Merçi à toi et bravo ! Mac mini, Intel Core Duo à 1,83GHz avec 2 Go RAM. iPod Vidéo, 5.5G Noir, 30 Go. Au fait, pourquoi ne pas visiter… mon blog ?
SdT	# Posté le 29/08/2006 à 18:29:27
www.brightmarks.fr Groupe : Membres	Yes, mais une nouvelle version est sortie non ? BrightMarks v2 : Des évolutions permanentas ! N'hésitez-pas à visiter le site et participer à la communauté; D'avance, merci.
Alberique	# Posté le 29/08/2006 à 19:02:38
Groupe : Membres	Super projet. Bravo a l'auteur. Une petite idée en vrac : pourquoi ne pas permetre aux gens de modifier et que la modification s'effectuer après l'accord du redacteur. Un peu comme le système de news, je c'est pas si vous m'avez compris. a bientot TeraFiles.net - Upload rapide et simple de fichiers.
SdT	# Posté le 29/08/2006 à 21:03:52
www.brightmarks.fr Groupe : Membres	personnellement je n'ai pas comprit. Après avoir télécharger http://brocasio.free.fr/ZAP/Full_pack.zip , il faut faire quoi ? il n'y a aucune pages... Je peux paraître un peu bète mais je ne parvins pas à l'utiliser. BrightMarks v2 : Des évolutions permanentas ! N'hésitez-pas à visiter le site et participer à la communauté; D'avance, merci.
Toul C'her	# Posté le 29/08/2006 à 21:39:41
I'm going to sap your dick Groupe : Membres	C'est un fichier ZIP comprenant tous les fichiers nécessaires. Ce sont ces fichiers qu'il faut dézipper dans le répertoire ZAP/. Je peux pas mieux expliquer... (il faut bien sûr avoir télécharger ZAP auparavant !) Spoiler HL²: Episode Three :Secret (cliquez pour afficher) Le Boréalis contient le corps cryogénisé de Chuck Norris.
SdT	# Posté le 29/08/2006 à 21:52:30
www.brightmarks.fr Groupe : Membres	Ok, désolé pour cette étourderie... Édité le 29/08/2006 à 22:02:37 par SdT BrightMarks v2 : Des évolutions permanentas ! N'hésitez-pas à visiter le site et participer à la communauté; D'avance, merci.
guimers8	# Posté le 31/08/2006 à 16:56:02
Cocoa/ObjC Groupe : Membres	Eh Eh !! Ca avance le design !! Je suis en train de fairre ZAP en zMotion (mon préféré !). J'edite dès que c'est prêt ! Mac mini, Intel Core Duo à 1,83GHz avec 2 Go RAM. iPod Vidéo, 5.5G Noir, 30 Go. Au fait, pourquoi ne pas visiter… mon blog ?
dark.link	# Posté le 31/08/2006 à 17:21:05
J'préfère pas en avoir :-° Groupe : Membres	tout ce merveilleux travail tiens en 1 mot : félicitation c'est tout ce que j'ai a dire, je n'ai aucune remarque a+
anonyme	# Posté le 31/08/2006 à 18:42:14
Groupe :	J'ai vu ton projet bluestorm, félicitation, il est très bien fais.
guimers8	# Posté le 01/09/2006 à 19:55:20
Cocoa/ObjC Groupe : Membres	J'ai une question: Il semblerait que ton parseur zCode ajoute beaucoup trop de saut à la ligne (2 au lieux d'un) Et lors des balises de code; il en met en trop, j'arrive pas trop à définir qd exactement et pourquoi ! Merçi ! (J'avance sur le design, c'zest pour ca, ca me posait problème ! :/ ) @ Bluestorm : Je me trompe ou c'est l'avant dernière version qui tourne sur ton serveur ? Édité le 02/09/2006 à 16:02:34 par guimers8 Mac mini, Intel Core Duo à 1,83GHz avec 2 Go RAM. iPod Vidéo, 5.5G Noir, 30 Go. Au fait, pourquoi ne pas visiter… mon blog ?
Bogoris	# Posté le 01/09/2006 à 21:58:10
Exit light ! Enter night ! Groupe : Membres	Très intéressant, sûrement pratique (l'avenir nous le dira), et très bien fait niveau structure. Je vais peut-être mettre mon tuto pour le proposer à la modification (il aurait bien besoin d'être mis à jour)... En tous cas, bravo ! Mes projets Wiki-Dev (cherche graphiste(s) pour design abeille (ou autre)) Dual Web Scripts - Affichez facilement vos scripts Atout Bac Fr : site de fiches de révision pour bac de français Mes tutos Des outils bien pratiques pour le développement web Guitare débutant WikiLivre "Se servir d'un ordinateur de A à Z" (Venez participer) Autres Que les tablatures redeviennent légales ! Non aux sites en flash !!! (25 bonnes raisons de dire non) Do you Ubuntu ? Les liens à la con (Bitefight et autres) dans les signatures pénalisent les gentils zéros voulant faire connaitre leur site.
Sadenki	# Posté le 03/09/2006 à 19:30:50
Groupe : Membres	Bravo bluestorm, c'est un bon projet très simpatique (malgrés que c'est pas très beau ) Je pense regarder les tutos php et donner ma petite touche
Natim	# Posté le 25/09/2006 à 09:28:00
Apprendre à coder c'est coder Groupe : Membres	Bonjour ! Je voulais seulement dire BRAVO et MERCI Édité le 25/09/2006 à 09:28:59 par Natim from utbm import partiels @ bientôt Natim Status Jabber : Zenwalk-fr.org
Topsy Kretts	# Posté le 30/12/2006 à 16:03:04
Tu peux pas test ! Groupe : Bannis	Top good, mais on attend de pied ferme le new design de guimers8 Secret (cliquez pour afficher) ouais! Poupine le lapin papouille l'arrière train de sa poupinette qui s'écrie: ho! vas-y, fait-moi mal ! 'me débrouille en anglais anglais anglais anglais anglais anglais... llix - a uge rabit - Chatman - Radioxid \| Cela est-il bien utile ? OUI ! The Antipop _ Radio/Video Le (x)HTML pour les daltoniens !!  Vous les voyez, les pommes? Dommage, c'est joli...
phisto	# Posté le 30/12/2006 à 17:21:33
"It's a big mistake !" Groupe : Membres	Zap est super. Juste une petite chose pour le design : Je pense que ça serait beaucoup plus agréable d'avoir un contenu qui ne fasse pas 100% de la largeur car c'est assez difficile à lire. Réduire a largeur à 800px me parait une bonne chose. Voila c'était juste comme ça. Merci Bluestorm.
bluestorm	# Posté le 30/12/2006 à 18:23:42
dont ask to ask Groupe : Membres	Done. Programmation : la récursivité Présentation de KDE : les KIO-slaves Le typage en programmation : présentation thématique et historique mes textes divers
phisto	# Posté le 13/01/2007 à 13:14:10
"It's a big mistake !" Groupe : Membres	Salut, J'ai essayé d'améliorer le design de ZAP. J'ai essayé de le rendre plus élégant tout en gardant sa simplicité. J'espère que ça te plaira. Tu peux le voir ici. Dis moi ce que t'en (vous en) penses (pensez). Bye.
guimers8	# Posté le 13/01/2007 à 19:00:53
Cocoa/ObjC Groupe : Membres	Voilà ce que j'ai fais avec le design zMotion du SdZ : http://guillomftp.free.fr/zMotion/index.php Faites pas attention au contenu, en fait je ne m'en suis pas trop servi. J'ai aussi fais quelques modifications sur les pages. Mac mini, Intel Core Duo à 1,83GHz avec 2 Go RAM. iPod Vidéo, 5.5G Noir, 30 Go. Au fait, pourquoi ne pas visiter… mon blog ?
Cygal	# Posté le 13/01/2007 à 19:10:05
Enfin Libre Groupe : Membres	Citation : phisto Salut, J'ai essayé d'améliorer le design de ZAP. J'ai essayé de le rendre plus élégant tout en gardant sa simplicité. J'espère que ça te plaira. Tu peux le voir ici. Dis moi ce que t'en (vous en) penses (pensez). Bye. Moi j'aime bien. C'est pas du tout surchargé, et pourtant c'est élégant. Je pense que ça le serait encore plus en mettant un text-indent aux paragraphes. Par contre, je ne suis pas fan de "Ajouter un élément", et "Rétablir un élément", notamment de la couleur utilisée. Mais sinon, bravo ! Le Blog de l'Homme Moderne « Un peu de curiosité, voyons. »
guimers8	# Posté le 13/01/2007 à 19:23:18
Cocoa/ObjC Groupe : Membres	Oui j'aime bien aussi le tient phisto ! Je verrais bien les ajouter/retablir à droite, et avec un fond gris clair. Mac mini, Intel Core Duo à 1,83GHz avec 2 Go RAM. iPod Vidéo, 5.5G Noir, 30 Go. Au fait, pourquoi ne pas visiter… mon blog ?