Fermer la barre d'outils
Voir plus d'options
Voir moins d'options
les-forums.com : vous avez la parole
En moins de 5 minutes,
créez votre forum gratuitement
forum officiel aide/faq
support technique
Accueil Séparateur Présentation Séparateur Créez ! Séparateur Annuaire
Bienvenue sur le forum officiel de les-forums.com.
L'apprentissage des bases du HTML requises pour la personnalisation des forums concerne le sous-forum Programmation, tandis que les gros problèmes techniques sont à adresser au Support. La FAQ vous sera également très utile.
De plus, une lecture du bref règlement du forum pourra éviter bien des tracas.
Nous vous écoutons, soyez polis, patients et précis dans vos questions.
Pour suivre les informations officielles, suivez-nous en RSS ou via Twitter

les-forums.com - Forum officiel
Programmation (163 topics, 2371 messages)
Topic "Mise en forme par clic" (Messages 1 à 25 sur 26) Fil RSS des messages de ce topic
Dernier message par Babaorum, le 14/10 à 13:11:43
Anonyme :
  • S'inscrire
  • S'identifier
Outils :
  • Recherche
 
Bas de la pageTopics
Page 1 sur 2
12>
 
JoR
inscrit le 14/09/2003
le 14/09/2003 à 18:02:23
Acces au message Mise en forme par clic
Salut ,

J'voudrai que par un seul clic sur une img ou un lien comme pour les smiley , l'on puisse placer une mise en forme dans l'endroit ou on tape son message ... Chais pas si vous me suivez je m'exprime super mal -_-

Exemple , un membre veut écrire gras mais ne connait pas le

Je voudrai qu'en cliquant sur un bouton ou lien , le apparaisse dans le message pour qu'il puisse taper son texte en gras comme il veut ... Ce que je voudrai sera de ce genre pour -> Image , couleur , police , gras , souligné et taille <-
j'ai déjà vu ça sur qque forum ... Mais chais pas si qq'un pourra m'expliquer ... Voilà merci quand même !!
Voir le profil de l'auteur Editer le message
Centaurus
-> Near Demo Experience <-
inscrit le 06/03/2003
le 15/09/2003 à 11:51:23
Acces au message Mise en forme par clic
<html><head>
<script>
function ajoutebalise(nombalise) {
    document.myform.my textarea.value += "<" +nombalise +"></" +nombalise +">";
}
</script>
</head><body>
<form name="myform" >
    < textarea name="my textarea" cols="" rows="" >
        bla bla bla
    < textarea>
    <a href="javascript:ajoutebalise('c')" >
        <img src="" />
    </a>
</form>
</body></html>

Tu peux faire quelque chose comme ça. (Moi c'était pour ajouter des balises couleur dans le texte)
Après tu remplaces par ce que tu veux.

(En même temps tu aurais fait une petite recherche, cette question a été soulevé plusieurs fois)

Message modéré le 15/09 à 11:51:47 par Centaurus.

Voir le profil de l'auteur Editer le message
Babaorum
adjoint
http://babaorum.site.voila.fr/img/ghost3_petit.jpg
L'homme n'est qu'une machine
inscrit le 01/03/2003
le 15/09/2003 à 14:37:03
Acces au message Mise en forme par clic
Correction sur le script de Centaurus:

<html><head>
<script>
function ajoutebalise(nombalise) {
    document.myform.my    textarea.value += "<" +nombalise +"></" +nombalise +">";
}
</script>
</head><body>
<form name="myform" >
    <    textarea name="my    textarea" cols="" rows="" >
        bla bla bla
    <    textarea>
    <a href="javascript:ajoutebalise('c')" >
        <img src="" />
    </a>
</form>
</body></html>

Le my    textarea ne passera pas pour la simple raison que c le nom d'objet Javascript défini dans le HTML pour la zone de texte multiligne <  textarea>. Et que les noms d'objets et de variables en JS ne doivent pas contenir d'espace.
Mais en fait ce n'est pas la faute de Cento, il a bien dû marquer en un seul mot mais le programme de post des messages de les-forums sépare automatiquement le  textarea tout seul pour des raisons... de cohérence du code produit, tout simplement. :p
Donc en choisissant simplement un nom d'objet autre que contenant " textarea"...

<html><head>
<script>
function ajoutebalise(nombalise) {
    document.myform.mymultitext.value += "<" +nombalise +"></" +nombalise +">";
}
</script>
</head><body>
<form name="myform" >
    <    textarea name="mymultitext" cols="" rows="" >
        bla bla bla
    <    textarea>
    <a href="javascript:ajoutebalise('c')" >
        <img src="" />
    </a>
</form>
</body></html>

Bien entendu c'est juste une correction pour l'affichage dans ce message d'un forum de les-forums.com, sinon il aurait été parfaitement correct.

Donc toi dans ton coin, tu mets ce que tu veux tant que le nom d'objet est un seul mot. bibiche, couscous, cochon_d_inde sont tout aussi valables :)

Message modéré le 15/09 à 14:42:15 par Babaorum.

Voir le profil de l'auteur Editer le message
Centaurus
-> Near Demo Experience <-
inscrit le 06/03/2003
le 15/09/2003 à 15:32:22
Acces au message Mise en forme par clic
:p En fait je m'étais contenté d'un copier-coller d'un autre de mes posts 8-)

Mais effectivement, c'était un code pour un "formulaire" en général. D'ailleurs Baba, petite précision, est-ce qu'avec les forums "<" et ">" fonctionneront ou il doit mettre "{" et "}" ?
Voir le profil de l'auteur Editer le message
JoR
inscrit le 14/09/2003
le 15/09/2003 à 17:38:47
Acces au message Mise en forme par clic
Sur les forums.com c des "{" et des "}"Merci beaucoup à vous je finis ce que je suis entrain de faire et je lis tout ça ^^
C très sympa =)
Voir le profil de l'auteur Editer le message
Puppet_Master
maire
http://membres.lycos.fr/panicattack/forum/dnf/mbs/puppet_master/syliastingray2.jpg
inscrit le 01/03/2003
le 15/09/2003 à 21:52:59
Acces au message Mise en forme par clic
Moi ça me tue les gens qui te demandent un truc, et ensuite ils te balancent "en fait c pour mettre sur mon forum"
Soyez clair dés le début, car je te revois déja rappliquer pour nous dire "ça marche po" (!!)
Voir le profil de l'auteur Editer le message
JoR
inscrit le 14/09/2003
le 16/09/2003 à 07:46:55
Acces au message Mise en forme par clic
Beh j'avais oublié de préciser dsl =(
Mais quand ça marche je cherche les erreurs avant =|
Scusez moi ...

Message modéré le 16/09 à 07:50:10 par JoR.

Voir le profil de l'auteur Editer le message
Centaurus
-> Near Demo Experience <-
inscrit le 06/03/2003
le 16/09/2003 à 11:24:23
Acces au message Mise en forme par clic
Enfin moi j'avais très bien compris que c'était pour mettre sur un forum ;)
Voir le profil de l'auteur Editer le message
JoR
http://atmosphrpg.free.fr/Ban/avatardejor.jpg

->Le site spécial RpG =)

-> Le plus grand des héros est sur mon site =)
inscrit le 14/09/2003
le 16/09/2003 à 12:41:29
Acces au message Mise en forme par clic
Lol , beh de toutes façon ça pourra me servir le jour ou je tenterai de me créer un système de commentaires pour mon site voir autre !! Mais remerci bocou =)
Voir le profil de l'auteur Editer le message
Ekos_soulfirE
http://membres.lycos.fr/ekos/avatar.jpg
  ->eKos-Forum<-
inscrit le 26/09/2003
le 26/09/2003 à 07:07:17
Acces au message Mise en forme par clic
Salut et désolé de vous embetez avec ça mais moi il me donne ça : <  textarea name="gras" cols="" rows="" > ecrire en gras <  textarea> et ici le logo de ma balise

Qu'ai-je fais de mal ? et dans cols et rows je met quelle valeur ?

Merci

Message modéré le 26/09 à 07:09:41 par Ekos_soulfirE.

Voir le profil de l'auteur Editer le message
Babaorum
adjoint
http://babaorum.site.voila.fr/img/ghost3_petit.jpg
L'homme n'est qu'une machine
inscrit le 01/03/2003
le 26/09/2003 à 14:22:09
Acces au message Mise en forme par clic
j'ai rien compris du tout lol !
Voir le profil de l'auteur Editer le message
Puppet_Master
maire
http://membres.lycos.fr/panicattack/forum/dnf/mbs/puppet_master/syliastingray2.jpg
inscrit le 01/03/2003
le 26/09/2003 à 17:18:01
Acces au message Mise en forme par clic
Commence par nous dire ce que tu veux faire.
(et puis qui est-ce qui te donne ça, lol (:))
Voir le profil de l'auteur Editer le message
vertigo_76
inscrit le 05/03/2003
le 27/09/2003 à 00:14:59
Acces au message Mise en forme par clic
Kesako?
Voir le profil de l'auteur Editer le message
Ekos_soulfirE
http://membres.lycos.fr/ekos/avatar.jpg
  ->eKos-Forum<-
inscrit le 26/09/2003
le 27/09/2003 à 01:59:12
Acces au message Mise en forme par clic
ben je met le code (dans mon forum), je fais "valider" et enbas des la page, il y a écrit ce que j'ai mis avant, alors what de faking chitte !!!(;)
Voir le profil de l'auteur Editer le message
Ekos_soulfirE
http://membres.lycos.fr/ekos/avatar.jpg
  ->eKos-Forum<-
inscrit le 26/09/2003
le 27/09/2003 à 09:07:26
Acces au message Mise en forme par clic
Est-ce que kk1 pourrait m'aider car ce serait vraiment trop pratique pour inserer des images et tout

Merci
Voir le profil de l'auteur Editer le message
Ekos_soulfirE
http://membres.lycos.fr/ekos/avatar.jpg
  ->eKos-Forum<-
inscrit le 26/09/2003
le 27/09/2003 à 19:22:45
Acces au message Mise en forme par clic
OK, c'est bon, j'ai réussi, merci à couette-couette

@ plus.
Voir le profil de l'auteur Editer le message
Babaorum
adjoint
http://babaorum.site.voila.fr/img/ghost3_petit.jpg
L'homme n'est qu'une machine
inscrit le 01/03/2003
le 29/09/2003 à 08:59:05
Acces au message Mise en forme par clic
Ben fait partager la soluce SVP :)
Voir le profil de l'auteur Editer le message
Ekos_soulfirE
http://membres.lycos.fr/ekos/avatar.jpg
  ->eKos-Forum<-
inscrit le 26/09/2003
le 29/09/2003 à 11:21:45
Acces au message Mise en forme par clic
ok, alors voilà :

->   <div align=center>
<img src="URL DE L'ICONE" onclick="affic('TEXTE');">


 -> voilà l'exemple pour le gras, il faut recopier cette ligne en changeant {u}{/u} pour Souligner etc..., je peux vous mettre mon code entier mais SVP, ne garder pas les url de mes icones -> vous pouvez les garder si vous le souhaitez, mais copier les sur votre FTP.



<html>

<head>

<title>New Page 1</title>

</head>

<body>

<div align="center">
  <center>
  <table border="3" cellpadding="4" width="100">
    <tr>
      <td><img onclick="affic('GRAS');" src="http://membres.lycos.fr/ekos/g.png" width="51" height="49"></td>
      <td><img onclick="affic('Italique');" src="http://membres.lycos.fr/ekos/i.png" width="45" height="40"></td>
      <td><img onclick="affic(' NOM DU SITE ');" src="http://membres.lycos.fr/ekos/liens.png" width="64" height="46"></td>
      <td><img onclick="affic('VOTRE TEXTE');" src="http://membres.lycos.fr/ekos/s.png" width="69" height="48"></td>
      <td><img onclick="affic('{img http://URL de votre image}');" src="http://membres.lycos.fr/ekos/img.png" width="47" height="46"></td>
      <td><img onclick="affic('VOTRE TEXTE');" src="http://membres.lycos.fr/ekos/r.png" width="69" height="43"></td>
      <td><img onclick="affic('VOTRE TEXTE');" src="http://membres.lycos.fr/ekos/j.png" width="69" height="48"></td>
    </tr>
  </table>
  </center>
</div>


</body>

</html>

Voilou...;o)

Message modéré le 29/09 à 11:26:09 par Ekos_soulfirE.

Voir le profil de l'auteur Editer le message
Cleo
http://images.google.com/images?q=tbn:H5tptw1Yvy4C:www.ac-dijon.fr/pedago/Astronomie/ASTRONOM.jpg
inscrit le 07/03/2003
le 29/09/2003 à 11:46:43
Acces au message Mise en forme par clic
je ne comprends pas ce qu'ajoute la balise <center> puisqu'il y a deja <div align="center">
Voir le profil de l'auteur Editer le message
Ekos_soulfirE
http://membres.lycos.fr/ekos/avatar.jpg
  ->eKos-Forum<-
inscrit le 26/09/2003
le 29/09/2003 à 11:49:08
Acces au message Mise en forme par clic
petit oubli.
Voir le profil de l'auteur Editer le message
Cleo
http://images.google.com/images?q=tbn:H5tptw1Yvy4C:www.ac-dijon.fr/pedago/Astronomie/ASTRONOM.jpg
inscrit le 07/03/2003
le 29/09/2003 à 11:58:33
Acces au message Mise en forme par clic
ok
Voir le profil de l'auteur Editer le message
Babaorum
adjoint
http://babaorum.site.voila.fr/img/ghost3_petit.jpg
L'homme n'est qu'une machine
inscrit le 01/03/2003
le 29/09/2003 à 12:03:05
Acces au message Mise en forme par clic
Merci de partager :)
Pour commenter brièvement, en fait tu t'es servi de la fonction publique affic utilisée dans un des scripts JS de les-forums.

Pour info tu aurais également pu arriver à ce résultat en construisant ta propre fonction, simplement en utilisant:
document.formulaire.textarea.value = "ici ce que je veux introduire dans le formulaire: image, texte de mise en forme...";
Restait à trouver les noms d'objet JS du formulaire et du textarea utilisé par les-forums (en consultant la source de l'une des pages de forum).
Voir le profil de l'auteur Editer le message
Ekos_soulfirE
http://membres.lycos.fr/ekos/avatar.jpg
  ->eKos-Forum<-
inscrit le 26/09/2003
le 29/09/2003 à 12:06:35
Acces au message Mise en forme par clic
Vous êtes vraiment calés en html quand même. Moi ça fait que 3 semaines que j'ai un ordinateur et j'avoue que ça m'attire vraiment, d'ailleurs, j'aimerais changer de voie pour faire de l'infographisme...lol je m'étale.

Bonne...;o)
Voir le profil de l'auteur Editer le message
Ninou
inscrit le 13/10/2003
le 13/10/2003 à 17:22:11
Acces au message Mise en forme par clic
Bonjour !

Juste une petite question ...

Si je veux en plus que la mise en forme soit appliquée à une portion de texte sélectionnée dans le textearea (en clair je mets la balise d'ouverture au début de la sélection et celle de fermeture à la fin).

Vous me répondez que je rêve ou vous avez déjà planché dessus ?

Merci d'avance...

Ninou

Message modéré le 13/10 à 17:28:19 par Ninou.

Voir le profil de l'auteur Editer le message
Centaurus
adjoint
-> Near Demo Experience <-
inscrit le 06/03/2003
le 13/10/2003 à 19:10:03
Acces au message Mise en forme par clic
Ce qu'il faut que tu fasses, c'est que tu clique sur les balises qui t'intéresse et tu écris ton texte après (:)
Voir le profil de l'auteur Editer le message
 
Haut de la pageTopics
Page 1 sur 2
12>
 
Ajout de messages impossible Vous ne pouvez pas ajouter de messages.

Forum gratuit proposé par les-forums.com v 2.7 alpha 1 - Un service Twidi.com - Flux RSS du forum

Page générée en 0,031 secondes le 08/09 à 12:31:05.