Accueil > Forum > > > > Insérer du BBcode dans un formulaire, en cliquant sur une image.
Insérer du BBcode dans un formulaire, en cliquant sur une image.
vendredi 11 mars 2005 à 22:36:15 |
Insérer du BBcode dans un formulaire, en cliquant sur une image.

stroubinou
|
Bonjour,
Je suis entrain de créer un système de News, se servant de bbcode.
J'aimerais avoir un espèce d'éditeur, où l'on peut ajouter une balise en cliquant sur un bouton (on clique sur U et [u] s'affiche dans le formulaire.
Je ne vois pas du tout comment faire, pourriez vous m'aider???
Merci d'avance!
Cdrik
|
|
vendredi 11 mars 2005 à 23:19:27 |
Re : Insérer du BBcode dans un formulaire, en cliquant sur une image.

JoJo738
|
Réponse acceptée !
Bonsoir,
Ce que tu cherche, c'est coté javascript.
Un truc d ce genre :
OnClick="document.form.textarea_name.value = document.form.textarea_name.value + '[U][/U]';"
Biensur qui est a amélioré
Si ma reponse te convient, merci de l'accepté ! 
|
|
samedi 12 mars 2005 à 14:19:55 |
Re : Insérer du BBcode dans un formulaire, en cliquant sur une image.

la_pin
|
Réponse acceptée !
Ce qu'il te faut, c'est un javascript qui insere du texte dans un champ quand tu clique sur une image. Voici un exemple.
A mettre dans le head
<script type="text/javascript"> function addText(instext) { var mess = document.champ.message; //IE support if (document.selection) { mess.focus(); sel = document.selection.createRange(); sel.text = instext; document.guestbook.focus(); } //MOZILLA/NETSCAPE support else if (mess.selectionStart || mess.selectionStart == "0") { var startPos = mess.selectionStart; var endPos = mess.selectionEnd; var chaine = mess.value;
mess.value = chaine.substring(0, startPos) + instext + chaine.substring(endPos, chaine.length);
mess.selectionStart = startPos + instext.length; mess.selectionEnd = endPos + instext.length; mess.focus(); } else { mess.value += instext; mess.focus(); } } </script>
et a mettre dans le body
<a href="#" onclick="addText(' [u][/u]');return(false)"><img src=http://tonimage.gif alt="" border="0" /></a>
<form action="" name="champ"> <textarea name="message" cols="40" rows="10"></textarea> </form>
Voila, en esperant que cette réponse t'aura aidé.
Si ma reponse te convient, merci de l'accepter !
L'homme n'est pas fait pour travailler, la preuve, ça le fatigue Voltaire 
|
|
samedi 12 mars 2005 à 14:46:26 |
Re : Insérer du BBcode dans un formulaire, en cliquant sur une image.

stroubinou
|
Merci beaucoup a vous deux... ca marche impec maintenant...
Je pensais peut-etre le faire en php.. avec au lieu d'une image un
bouton de formulaire... mais ca aurait été beaucoup trop gros
comme manip... Maintenant ca marche enfin!!!!
Merci encore!!
Cdrik
|
|
jeudi 17 mars 2005 à 10:05:30 |
Re : Insérer du BBcode dans un formulaire, en cliquant sur une image.

cooldead
|
bonjour, et merci pour cette info je vien de tester ce systeme avec le java script ca fonction bien. mais je voulais savoir comment fait on pour que ce bbcode soit afficher, faut il un autre java script ou faut il traiter le bbcode en php ???
|
|
jeudi 17 mars 2005 à 16:21:13 |
Re : Insérer du BBcode dans un formulaire, en cliquant sur une image.

JoJo738
|
Salut, Euh juste php : function BBcode($txt) { $in = array( '/\[b\](*)\[\/b\]/', '/\[u\](*)\[\/u\]/', '/\[i\](*)\[\/i\]/', '/\[center\](*)\[\/center\]/', ); $out = array( '<strong>$1</strong>', '<u>$1</u>', '<em>$1</em>', '<span style="text-align: center">$1</span>', );
return preg_replace($in, $out, $txt); }
Si ma reponse te convient, merci de l'accepté ! 
|
|
Cette discussion est classée dans : formulaire, image, insérer, cliquant, bbcode
Répondre à ce message
Sujets en rapport avec ce message
Formulaire Post envoyé en cliquant sur une image. [ par monoski ]
Bonjour, Voila j'ai un petit soucis, j'ai un formulaire à réaliser qui me permet de mettre à jour des coordonnées X et Y dans le cadre d'un jeu sur
Convertir le texte en Image pour la validation du formulaire [ par alvinemambele ]
Salut!je cherche de l'aide!j'ai fais un formulaire dans mon web site et je veux qu'avant de l'envoyer que l'utilisateur introduise le code de validati
Insertion d'une image à partir d'un formulaire [ par Dranog ]
Bonjour, je suis novice dans le domaine de la programmation mais j'ai un projet qui me tiens à c½ur et qui me prend beaucoup de mon temps en effet je
Modification d'image dynamique en temps reel [ par dedebusinet ]
Bonjours, Je suis sur la création d'un générateur de signature pour les forum dynamiquement pour un jeu qui sortira prochainement. Actuellement j'ai
Récupérer un fichier image d'un formulaire [ par stephelle ]
Bonjour, J'ai créer un formulaire en html qui renvoi les infos vers une page php qui me les envoi par mail. Jusque là tout fonctionne. Le problème vi
poster le resultat d'un formulaire dans un autre formulaire [ par jbtv ]
bonjour a tous j'aurai voulu transferer les donner d'un formulaire a un autre pour l'instant les essai que j'ai fait transmette quelque donner exe
Insérer une image dans une autre [ par cduf ]
Je sais créer une image (compteur) avec des commandes php GD, mais comment l'insérer dans une autre (bannière). Merci de m'aider.Email : cdufetelle@wa
Comment insérer un champs image ds ma table ?? [ par inceV ]
Salut à tous et bonne année 2002 !!!Bon, je n'arrive pas à créer un champs 'image' ds ma table et je ne comprends pas tp commen ça marche, pourriez-vo
probleme d'antislash [ par ouiskie ]
Bonjour,Dans un formulaire qui envoie ses données dans une bdd, je ve rentrer une adresse d'image du style c:\monrep\img.jpg . Or a chaque fois que le
[FORMULAIRE] Changer bouton 'submit' en image [ par cedvoyage ]
Bonjour,Comment faire pour changer le bouton "submit" d'un formulaire en le remplacant par image et qui évidemment envoie aussi les données du formula
Livres en rapport
|
Derniers Blogs
POUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDNPOUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDN par neodante
Quelle est le point commun entre : Microsoft il y a 10 ans et Apple aujourd'hui ? Réponse: avoir une politique de protocoles propriétaires et fermés :) Car pour rappel (si si je vous assure c'est important de le rappeler), la majorité des spécifications e...
Cliquez pour lire la suite de l'article par neodante JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc
Logiciels
sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|