[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les tutoriels > Non-Officiels > Site Web > Javascript > Insertion de balises dans une zone de texte > Lecture des commentaires

Insertion de balises dans une zone de texte

Vous devez être inscrit pour pouvoir poster des messages

Page : 1 2 3 Suivante

Pseudo

Commentaire

Page : 1 2 3 Suivante

pipic

# Posté le 28/06/2008 à 19:23:57 - Ce membre a mis la note : 20

Oups !

Groupe : Membres

Bravo, cela faisait longtemps que je cherchais un tutoriel pour faire ça !
Secret (cliquez pour afficher)

20/20

je maitrise: le XHTML/CSS
j'apprend: le PHP/MySQL et le Javascript
Etre (riche) ou ne pas être (riche) telle est (la vraie) question.

Baltahzar Picsou
Merci de ne pas cliquer ici
Ici non plus d'ailleurs
Vous savez ce qui ne vous reste à ne pas faire !

amazigh_man

# Posté le 28/06/2008 à 19:28:47 - Ce membre n'a pas mis de note

Practice makes perfect !
Groupe : Membres

Petite faute de frappe.

Voici un aperçu de ce que vous saurez faire à le fin de ce mini-tuto...

Thunderseb

# Posté le 28/06/2008 à 19:48:53 - Ce membre n'a pas mis de note

Trolleur en chef !

Corrigé

o-thib-o

# Posté le 29/06/2008 à 04:31:00 - Ce membre a mis la note : 20

Groupe : Membres

Merci beacoup pour ce tuto simple concis et adaptable

vraiment bien expliquer!

Attonde

# Posté le 29/06/2008 à 06:56:53 - Ce membre a mis la note : 19

T'en fais pas, elle est moche.

Groupe : Membres

J'adore, bien joué

YourBloug [|||||50%|||||]
On recrute!
Rébélion xD
Blog Dev

.
Beau goss cherche belle geekette, MP le !

Zopieux

# Posté le 29/06/2008 à 09:53:55 - Ce membre n'a pas mis de note

it… it can't be true!

Le principe d'insérer des escapes dans les balises de zCode prête à confusion, et il possible d'éviter cela :

<gras> et </gras>

Utilise la balise <minicode type="zcode >tonzcode</minicode >

Je suis

sur Jabber | LaTortueFacile
BHM, parce que ça roxe et que tu vaux rien.

Thunderseb

# Posté le 29/06/2008 à 10:56:54 - Ce membre n'a pas mis de note

Trolleur en chef !

Je l'utilise. Jais j'ai fait des espaces par habitude en fait

Desolation

# Posté le 29/06/2008 à 14:10:07 - Ce membre n'a pas mis de note

Poète amateur fataliste...

Groupe : Membres

J'aime bien, mais y'aura pas moyen de mettre des liens pour les scripts finaux ? Parce que j'ai suivi mais pourtant ça ne fonctionne pas. Merci.

Dans la page du form, faut bien mettre ça

Code : HTML

1	<script language="javascript" type="text/javascript" src="fichier.js"></script>

J'ai mon formulaire mais il fait rien, comme l'impression que le JS n'existe pas. Je fais les tests avec EasyPHP. J'ai mon form, mon .js et mon view.php dans le même répertoire.

... et partisan janséniste.

Thunderseb

# Posté le 29/06/2008 à 14:27:07 - Ce membre n'a pas mis de note

Trolleur en chef !

Tu peux prendre le code que je mets dans le fichier de démonstration : http://nayi.free.fr/dev/tutoriaux/zform/base.html

Le Zéro

# Posté le 30/06/2008 à 16:11:34 - Ce membre a mis la note : 19

I'm a ZerO
Avatar

Groupe : Membres

Salut

Très bon tuto, bien expliqué, complet et pour une application plus que pratique.
19/20 (je ne mets jamais 20

)

Avancement de mon site web, MyFrog.fr : ||||||||||

Le Zéro

virtu0se

# Posté le 01/07/2008 à 17:39:29 - Ce membre n'a pas mis de note

Vive les zeros :)
Avatar

Groupe : Membres

tres bon tuto neanmoin je reste bloquer avec les listes deroulantes ...

MON PROJET

scientifix94

# Posté le 04/07/2008 à 00:53:21 - Ce membre a mis la note : 19

Bof...

Groupe : Membres

Merci! Je recherchais justement comment faire cela!

>Bientôt en ligne: La Maison du Webmaster
>Blogiwi: Plateforme de blog novatrice !

Arcanos

# Posté le 04/07/2008 à 12:35:17 - Ce membre a mis la note : 19

Imasu ka imasen ka

Groupe : Membres

Tres bon, mais il me semble qu'il y a un truc similaire dans le tuto pour faire un forum.

néanmoins, c'est mieux présenté, 19/20

samusdenumenor

# Posté le 04/07/2008 à 13:57:57 - Ce membre n'a pas mis de note

Groupe : Membres

j'ai pas encore lu le tuto, j'ai tester le module directement et j'ai entrer ces lignes de codes:
Code : Autre

1	<gras><lien url="http://sd.fr"><image>rd</image></lien></gras>

a la visualisation, des lignes de codes html aparaissaient. (du au fait que je fais foirer la balise image)

après je ne sais pas si faille il y aura (j'espere pas , mais je n'ai pas pris le temps de lire le tuto).

mais très bonne initiative !

Machin3000

# Posté le 04/07/2008 à 14:11:26 - Ce membre a mis la note : 20

Groupe : Membres

Super bien fait ,
Compréhensible
tout ce qui faut !
Merci pour ce tuto !!!Secret (cliquez pour afficher)

Super 20/20

Baboso

# Posté le 04/07/2008 à 23:37:21 - Ce membre a mis la note : 17

I'm happy.
Avatar

Groupe : Membres

Très bien ! Je trouve l'insertion des balises "lien" et "citation" un peu lourdes, un simple prompt pourrait être mis au bon endroit du code xhtml.

Code : HTML

1
2
3

<input type="button" value="Lien" onclick="insertTag('<lien url='
+prompt('Adresse de la page','http://')+'>'
+prompt('Libellé du lien'),'</lien>;','textarea');" />

J'ai toutefois remarqué une petite faute qui fait planter la prévisualisation :

Code : JavaScript

function view(textareaId, viewDiv){
	var content = encodeURIComponent(document.getElementById(TextareaId).value);
	var xhr = getXMLHttpRequest();
	
        ...
}

Il s'agit du dernier script JS que tu donnes à la fin. Dans la fonction, TextareaId doit s'écrire avec une minuscule (textareaId).

17/20.

Thunderseb

# Posté le 05/07/2008 à 10:39:44 - Ce membre n'a pas mis de note

Trolleur en chef !

C'est corrigé dans le code

.

Pour Lien et Citation, c'est vrai, mais au moins c'est complet

Power Plus

# Posté le 08/07/2008 à 14:43:45 - Ce membre a mis la note : 20

Power + Technologie

Groupe : Membres

Tuto très très interressant et même très utile. J'utilise sur mon site un système de code comme le tien, mais le code que j'ai je ne le comprend pas. J'installerai le tien dès que j'aurai finit le site que je suis en train de faire qui a aussi besoin de ton code.

Question quand même : peut-on se servir des XLMHTTPRequest dans l'arperçu instantané ?

J'ai mis une excellante note à ce tuto : 20 !

EDIT : Ben vu que je n'ai rien à faire, je vais commencé ton big tuto sur l'Ajax !

Webmaster et programmeur du site Power + Technologie.
Télécharger des classeurs Excel gratuit (et bientôt de petit logiciel en C++ avec Qt).
>> Aidez-nous à améliorer le site !

Thunderseb

# Posté le 08/07/2008 à 16:46:04 - Ce membre n'a pas mis de note

Trolleur en chef !

Citation

Question quand même : peut-on se servir des XLMHTTPRequest dans l'arperçu instantané ?

Oui, mais c'est à ne surtout pas faire ! Ca va occasionner beaucoup trop de requêtes inutiles au serveur.

Power Plus

# Posté le 08/07/2008 à 16:50:22 - Ce membre a mis la note : 20

Power + Technologie

Groupe : Membres

Merci pour l'info Thunderseb !

EDIT : Même si ce n'était à ne pas faire, je l'ai fait, je vais modifier le code afin de ne pas le mettre en aperçu instantané alors.

Webmaster et programmeur du site Power + Technologie.
Télécharger des classeurs Excel gratuit (et bientôt de petit logiciel en C++ avec Qt).
>> Aidez-nous à améliorer le site !

DeadPixel

# Posté le 09/07/2008 à 21:51:05 - Ce membre n'a pas mis de note

Lolilol.

Groupe : Membres

Aaaargh des évènements "onclick" ! Utilise le DOM, le code sera non obstructif et plus lisible...

Exemple :

Code : HTML

1	<input type="button" value="G" id="bouton-gras" />

Code : JavaScript

1	document.getElementById('bouton-gras').onclick = insertTag('<gras>','</gras>','textarea');

Thunderseb

# Posté le 09/07/2008 à 21:59:55 - Ce membre n'a pas mis de note

Trolleur en chef !

Non, j'aime pas. Je suis de la vieille école, les évènements en dur, en HTML, j'aime bien ça.

M@x93

# Posté le 09/07/2008 à 23:58:49 - Ce membre a mis la note : 16

C'est moche mais pas méchant
Avatar

Groupe : Membres

Super tuto ! Je l'attendais celui-là ! Juste le passage avec les listes déroulantes ue j'ai eu du mal à comprendre mais ça va ! Trop cool et merci

alex.css

# Posté le 10/07/2008 à 02:51:00 - Ce membre a mis la note : 19

Open-Source = Liberté

Groupe : Membres

19/20

Super comme tuto, mais juste spécifier que pas besoin de vérifier le activeX... Juste à vérifier le nom du navigateur (ex: isMozilla et etc...)

Mais sinon, très utile !

Traducteur ImperialBB
Développeur et leader de STBlog Version : [RC1] -> Pas assez original ?!
Développeur de Ubuntu Media Studio -> Besoin codeurs Ruby &/ QT4 ! (MP)
Regroupant mes connaissances : PHP, xHTML, CSS, MySQL, Ruby, Qt, Gtk

Thunderseb

# Posté le 10/07/2008 à 06:39:34 - Ce membre n'a pas mis de note

Trolleur en chef !

Justement non. C'est pas bien de détecter le navigateur via son nom, il vaut toujours mieux de tester si telle ou telle fonctionnalité est supportée.

Blackhole

# Posté le 10/07/2008 à 13:25:54 - Ce membre n'a pas mis de note

Bear, and forbear

Groupe : Membres

Très bon tuto, rien à re-dire, encore une fois je suis fan

( oui j'ai bien apprécié Faire un site compatible IE et FF aussi

)

Par contre, pour le code PHP, c'est moche ... les smileys et les retours à la ligne ne se font pas avec des preg_replace mais avec des str_replace et des nl2br :colere2:

J'suis pressée que ca soit corrigé, que je puisse te donner une bonne note

- Le moteur de templates le plus rapide, le plus pratique et le plus effiace ? Par ici !
- N'oubliez pas le de marquer votre message comme résolu !
- Pour trouver une aiguille dans une botte de foin, on met le feu à la botte et on passe un aimant dans les cendres.

BlackOut.ms

# Posté le 10/07/2008 à 13:42:59 - Ce membre a mis la note : 20

Groupe : Membres

Excellent tuto, bravo

Thunderseb

# Posté le 10/07/2008 à 17:15:03 - Ce membre n'a pas mis de note

Trolleur en chef !

@Blackhole : ouais, peut-être. PHP, moins j'y touche mieux je me porte. Je déteste ce "langage". Enfin je vais modifier ça

(j'avais même pas pensé à nl2br . Et pour les smilies, y'a quoi qui cloche ? Si tu veux me faire mettre un foreach, hors de question, beurk

patouche

# Posté le 10/07/2008 à 23:32:02 - Ce membre n'a pas mis de note

Groupe : Membres

Bon tuto dans l'ensemble

En effet, je suis tout à fait d'accord avec Blackhole. Des regex pour tes smileys dans ta fonction aperçu, c'est moche à souhait... Tu peux faire la même choses avec la fonction str_replace mais c'est "beaucoup" moins lourd !!

Puisque tu cherches a insérer des balises XML, ne te tracasses pas avec trop avec l'option aperçu. Il existe des tutos dans la partie PHP sur la manière de parser du XML, un petit lien aurait suffit, il ne te reste plus que le str_replace sur les smileys.

De plus, dans le genre pas très utile, c'est sur ta fonction de previsualisation. Pourquoi remplacer < par < et > par > mis à part pour avoir par la suite des regex plus complexe (et plus moche) ??

Enfin, je ne vois pas où se situe le "principe d'insertion d'escapes" (remarque de Zopieux). Donc si une explication succincte était possible, ce serait bien gentil à vous.

Cordialement,
Patouche

J'ai pas noté parce qu'un tuto peut très bien partir de 0 mais en évoluant, il peut aussi finir avec 20. Sinon, j'aurais mis entre 15 et 17.

Pensez aussi au petit bouton résolu
Site d'une asso de Jongle sur Cergy >> site en cours

Thunderseb

# Posté le 11/07/2008 à 06:27:55 - Ce membre n'a pas mis de note

Trolleur en chef !

Je donne déjà un lien vers le tuto qui explique comment faire un parseur XML. A la base je voulais juste mettre un petit script en guise d'exemple pour que les gens puissent tester, et qu'ils aient facile de l'adapter pour du BBCode ou un autre type de code

.

Pour la prévisualisation, il faut remplacer les < et > par leurs entités, pour ne pas que le code présent dans d'éventuelles balises de code soit interprété. Et théoriquement je devrais faire ça en PHP aussi, si j'utilise des regex.

Pour la remarque de Zopieux, c'est corrigé, mais ça n'avait rien à voir avec les codes, c'était juste un léger bug de ZCode

Vous devez être inscrit pour pouvoir poster des messages

Tutoriels

Communauté

Mon compte

Recherche

Livre d'or

Publicité

Insertion de balises dans une zone de texte