Cellule d'édition message classique dans nos formulaires ? (comme pour FA ?)

5 participants

Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Cellule d'édition message classique dans nos formulaires ? (comme pour FA ?)

Message par Manu34 Jeu 7 Mai 2020 - 12:42

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://motos-en-v-honda.superforum.fr/index.htm

Description du problème

Cellule d'édition message classique dans nos formulaires ? (comme pour FA ?) Cellul10

Bonjour,

Comment récupérer cette cellule d'édition classique des messages, dans nos formulaires ?
comme pour celui du FDF ? (en copie d'écran)

Merci.
Manu34

Manu34
****

Masculin
Messages : 332
Inscrit(e) le : 10/09/2008

http://motos-en-v-honda.superforum.fr/index.htm
Manu34 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cellule d'édition message classique dans nos formulaires ? (comme pour FA ?)

Message par Chacha Jeu 7 Mai 2020 - 13:53

Bonjour @Manu34,

Avez-vous pris connaissance de cette Astuce ? Minimum de mots dans un message avant de pouvoir poster.

Cellule d'édition message classique dans nos formulaires ? (comme pour FA ?) AgDgQVv

Il faudra peut-être remplacer les http par des https (4 dans le 1er code et 2 dans le 2ème code).

Cordialement.
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69440
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cellule d'édition message classique dans nos formulaires ? (comme pour FA ?)

Message par Manu34 Jeu 7 Mai 2020 - 21:49

Merci Chacha, mais je ne comprends pas ta réponse.
Quel rapport avec un compteur de mots dans la cellule ?
Manu34

Manu34
****

Masculin
Messages : 332
Inscrit(e) le : 10/09/2008

http://motos-en-v-honda.superforum.fr/index.htm
Manu34 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cellule d'édition message classique dans nos formulaires ? (comme pour FA ?)

Message par Chacha Jeu 7 Mai 2020 - 21:52

Manu34 a écrit:Merci Chacha, mais je ne comprends pas ta réponse.
Quel rapport avec un compteur de mots dans la cellule ?
Regarde bien le screen, (il bouge si je puis dire...), et indique le nombre de mots restants au fur-et-à mesure que l'on tape le texte avant de pouvoir débloquer l'envoi du message.

Cordialement.
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69440
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Cellule d'édition message classique dans nos formulaires ? (comme pour FA ?)

Message par Mat Jeu 7 Mai 2020 - 22:03

Je pense que ce que veut Manu34 c'est avoir l'éditeur avec tous les boutons (Gras, Italique, Insérer une image,...) dans un formulaire.
C'est cela ?


Dernière édition par Mat le Jeu 7 Mai 2020 - 22:12, édité 1 fois
Mat

Mat
Membre habitué

Masculin
Messages : 1555
Inscrit(e) le : 05/09/2015

http://www.dixily.fr
Mat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cellule d'édition message classique dans nos formulaires ? (comme pour FA ?)

Message par Chacha Jeu 7 Mai 2020 - 22:07

Mat a écrit:Je pense que ce que veut Manu34 c'est avoir l'éditeur avec tous les boutons (Gras, Italique, Insérer une image,...) dans un formulaire.
C'est cela ?
Ok merci Mat thumleft

J'ai mal compris la question alors, je pensais qu'il voulait juste le décompteur de mots.

D'autres personnes compétentes en la matière répondront sûrement Wink

Cordialement.
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69440
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cellule d'édition message classique dans nos formulaires ? (comme pour FA ?)

Message par Manu34 Ven 8 Mai 2020 - 0:45

Mat a écrit:Je pense que ce que veut Manu34 c'est avoir l'éditeur avec tous les boutons (Gras, Italique, Insérer une image,...) dans un formulaire.
C'est cela ?

C'est exact ! Laughing

Je pensais avoir été explicite. Embarassed
Manu34

Manu34
****

Masculin
Messages : 332
Inscrit(e) le : 10/09/2008

http://motos-en-v-honda.superforum.fr/index.htm
Manu34 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cellule d'édition message classique dans nos formulaires ? (comme pour FA ?)

Message par mSyx Ven 8 Mai 2020 - 11:34

Oy,
Quel est ton but précisément ? Personnaliser ce formulaire et/ou les boutons (CSS) ou le changer dans son code (HTML) ?
mSyx

mSyx
****

Masculin
Messages : 394
Inscrit(e) le : 22/09/2012

https://forum.forumactif.com/
mSyx a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cellule d'édition message classique dans nos formulaires ? (comme pour FA ?)

Message par Manu34 Ven 8 Mai 2020 - 12:36

Kehoru a écrit:Oy,
Quel est ton but précisément ? Personnaliser ce formulaire et/ou les boutons (CSS) ou le changer dans son code (HTML) ?

Ni l'un, ni l'autre.

Juste intégrer la cellule d'édition de message dans un formulaire !

Comme ici pour FFA :

Cellule d'édition message classique dans nos formulaires ? (comme pour FA ?) Cellul10

Vous n'êtes pas réveillés les gars ou quoi ? Mr. Green
Manu34

Manu34
****

Masculin
Messages : 332
Inscrit(e) le : 10/09/2008

http://motos-en-v-honda.superforum.fr/index.htm
Manu34 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Cellule d'édition message classique dans nos formulaires ? (comme pour FA ?)

Message par tikky Ven 8 Mai 2020 - 13:32

Bonjour Manu34!

Ici:
Code:
<!DOCTYPE html>
<html>
   <!-- ->
      /**
       * Gerado em <ajuda.forumeiros.com>.
       * Gerador (2.0) feito por Luiz Felipe G. <https://luizfelipe.dev>
       *
       * Se você tiver erros ou dúvidas, vá em: <ajuda.forumeiros.com>
       */
      <!- -->
   <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <title>Formulaire Sportive</title>
      <style>
         /* Ce style est pour tout le formulaire */
         }
         html,
         body {
         height: 100%;
         }
         .logo {
         max-width: 100%;
         }
         body {
         font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
         font-size: 10px;
         line-height: 1.5;
         color: #DD6900;
         background:url(https://i.servimg.com/u/f96/12/89/91/23/fond1012.jpg);
         }
         #fa-generated-form {
         width: 70%;
         margin: 0 auto;
         background-color: #fff;
         border: solid 1px #ddd;
         border-radius: 0 0 3px 3px;
         }
         .fa-form-wrapper {
         width: 100%;
         }
         .fa-form-group {
         display: block;
         width: 93%;
         padding: 0px 20px;
         }
         .fa-form-group:not(#editor-box) *:last-child {
         margin-bottom: 7px;
         }
         .fa-form-group:not(#editor-box) *:not(img) {
         width: -webkit-fill-available!important;
         }
         .fa-form-group h4 {
         text-align: center;
         font-size: 23px;
         color: #3072ab;
         }
         .fa-form-group p {
         font-size: 16.4px;
         border-left: solid 3px #ddd;
         margin-left: -20px;
         padding-left: 17px;
         padding-top: 2px;
         padding-bottom: 2px;
         }
         #fa-generated-form h1 {
         font-size: 35px;
         display: block;
         text-align: center;
         margin: 15px 0px;
         color: #ffffff;
         text-transform: uppercase;
         background-color: #3072ab;
         margin-top: 0px;
         font-weight: normal;
         }
         .fa-form-group label {
         display: block;
         font-size: 16px;
         margin-bottom: 5px;
         }
         .fa-form-group input,
         .fa-form-group textarea,
         .fa-form-group select {
         display: block;
         width: 100%;
         padding: .5rem .75rem;
         font-size: 1rem;
         line-height: 1.25;
         color: #464a4c;
         background-color: #fff;
         background-image: none;
         -webkit-background-clip: padding-box;
         background-clip: padding-box;
         border: 1px solid rgba(0,0,0,.15);
         border-radius: .25rem;
         -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
         transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
         -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
         transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
         transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
         }
         .fa-form-group input:focus,
         .fa-form-group textarea:focus,
         .fa-form-group select:focus {
         color: #464a4c;
         background-color: #fff;
         border-color: #5cb3fd;
         outline: 0;
         }
         .fa-form-group select[multiple] {
         padding-right: 0px;
         }
         .fa-submit {
         display: block;
         width: 100%;
         padding: 20px;
         }
         .fa-submit button {
         padding: 10px 20px;
         background-color: #3072ab;
         color: #fff;
         font-size: 14px;
         border: none;
         border-radius: 3px;
         }
         .fa-submit button:hover {
         background-color: #2a6192;
         }
         [class*="conteneur"] #fa-generated-form {
         border-top: solid 1px #ddd;
         margin-top: 20px;
         border-radius: 3px!important;
         }
         #smiley-box label:not(:hover) > div {
         display: none;
         }
         #smiley-box label div > img {
         width: auto!important;
         height: auto!important;
         }
         @media (max-width: 700px) {
         #fa-generated-form {
         width: 100%;
         border: none;
         }
         }
      </style>
   </head>
   <body>
      <center>
         <img class="logo" src="https://i.servimg.com/u/f58/18/50/95/23/logo_017.jpg" loading="lazy" alt="Formulaire Sportive"/>
      </center>
      <form id="fa-generated-form">
         <div class="fa-form-wrapper">
            <h1>Votre moto est une SPORTIVE</h1>
            <!-- BEGIN Generated HTML Code -->
            <div class="fa-form-group clearfix">
               <h4 class="form-subtitle data-text">formulaire qui postera votre sujet dans la bonne section</h4>
            </div>
            <div class="fa-form-group clearfix">
               <center>
                  <p class="form-paragraph data-text">.....Remplissez tous les champs svp.....</p>
               </center>
            </div>
            <div class="fa-form-group clearfix">
               <label for="campo4">Votre modèle de moto :</label>
               <select data-type="select" id="campo4" required="">
                  <!-- First -->
                  <option value="VTR 1000 Firestorm">VTR 1000 Firestorm</option>
                  <option value="VTR 1000 Sp1">VTR 1000 Sp1</option>
                  <option value="VTR 1000 Sp2">VTR 1000 Sp2</option>
               </select>
            </div>
            <div class="fa-form-group clearfix">
               <label for="campo5">Voulez-vous discuter :</label>
               <select data-type="select" id="campo5" required="">
                  <!-- First -->
                  <option value="49">avis sur le modèle ou ses pièces</option>
                  <option value="50">de mécanique (moteur)</option>
                  <option value="51">d'électricité (circuit d'origine)</option>
                  <option value="52">de partie cycle (Roues, cadre, freins, carrosserie, échappement)</option>
                  <option value="53">de Restauration complète / Transformation / Amélioration générale / Tuning</option>
               </select>
            </div>
            <div class="fa-form-group clearfix">
               <label for="campo6">Le titre de votre sujet (doit être explicite !) :</label>
               <input type="text" data-type="text" id="campo6" placeholder="Déposez ici votre titre de sujet ..." required="" />
            </div>
            <div class="fa-form-group clearfix" id="editor-box">
               <label for="campo7">Votre message :</label>
               <textarea data-type="textarea" id="campo7" placeholder="Tapez ici votre texte ..." required=""></textarea>
            </div>
           <div class="fa-form-group clearfix" id="smiley-box">
               <label>Ouvrir la liste des smileys
                 <div>
                  <img src="https://2img.net/u/1413/67/79/50/smiles/980323.gif" />
                  <img src="https://2img.net/u/1413/67/79/50/smiles/445363.gif" />
                  <img src="https://2img.net/u/1413/67/79/50/smiles/3146481979.gif" />
                  <img src="https://2img.net/u/1413/67/79/50/smiles/322155.gif" />
                  <img src="https://2img.net/i/fa/i/smiles/icon_cheers.png" />
                  <img src="https://2img.net/u/1413/67/79/50/smiles/362764.gif" />
                  <img src="https://2img.net/u/1413/67/79/50/smiles/5487.gif" />
                  <img src="https://2img.net/u/1413/67/79/50/smiles/1652937347.gif" />
                  <img src="https://2img.net/u/1413/67/79/50/smiles/323160.gif" />
                  <img src="https://2img.net/u/1413/67/79/50/smiles/20659.gif" />
                  <img src="https://2img.net/u/1413/67/79/50/smiles/511947.gif" />
                  <img src="https://2img.net/u/1413/67/79/50/smiles/38268.gif" />
                  </div>
               </label>
           </div>
            <!-- END Generated HTML Code -->
         </div>
         <div class="fa-submit">
            <center><button class="post-button" type="submit">Valider</button></center>
         </div>
         <center>
            <a href="http://www.v2-honda.com/h5-poster-un-sujet-mecanique"><img src="https://i.servimg.com/u/f96/12/89/91/23/bouton12.png" alt="perdu.cm" title="Annuler" /> </a>
         </center>
      </form>
      <!-- Javascript's -->
      <!-- Não é recomendada a edição abaixo desta linha. -->
      <textarea style="display: none;" id="fa-generated-message">{{campo7}}</textarea>
      <input type="hidden" id="fa-generated-title" value="{{campo4}} : {{campo6}}" />
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
      <script src="https://forumeirospt.github.io/assets/src/form-generator/form-replace.js" type="text/javascript"></script>
      <!-- SCEDITOR -->
      <link rel="stylesheet" href="https://illiweb.com/rs3/71/frm/SCEditor/src/themes/fa.default.min.css" />
      <script src="https://cdnjs.cloudflare.com/ajax/libs/sceditor/2.1.3/jquery.sceditor.min.js"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/sceditor/2.1.3/formats/bbcode.js"></script>
      <script type="text/javascript">
         sceditor.create(document.getElementById('campo7'), {
                  width: '100%',
                  height: 'auto',
                  style: 'https://illiweb.com/rs3/71/frm/SCEditor/minified/jquery.sceditor.default.min.css',
                  format: 'bbcode',
                  resizeEnabled: false,
                  emoticonsEnabled: false,
                  bSourceMode: false,
                  toolbar: 'bold,italic,underline,strike|left,center,right,justify|quote,code|image,link,youtube|headers,size,color,font,removeformat|date,time'
              });
        
    
         $('#smiley-box img').each(function () {
            var $this = $(this);
        
           $this.click(function() {
          
            var textarea = document.getElementById('campo7');
            var editor = sceditor.instance(textarea);

                editor.insert('[img]' + $this.attr('src') + '[/img]');
  
              });
           });
        
              (function ($) {
                'use strict';
              
                $(window).on('load', function () {
        
                $('#fa-generated-form').on('submit', function (event) {
                    event.preventDefault();
                  
                    var $ID = $('#campo5').val();
               $(this).find('button[type="submit"]').text('Patientez...');
                    setTimeout(function () {
                 $.post('/post', {
                  subject: $('#fa-generated-title').val().trim(),
                 f: $ID,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'newtopic',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
                  }).done(function () {
                  alert('Publié avec succès. Rendez-vous dans la rubrique pour retrouver votre sujet. En retournant dans celui-ci, vous pourrez le compléter en utilisant le bouton "Modifier".');
                  location.pathname = '/f' + $ID + '-';
                 }).fail(function () {
                  alert('Il y a eu une erreur ! Veuillez réessayer merci !');
                 });
                    }, 600);
                });
                });
               }(jQuery));
            
      </script>
   </body>
</html>

Pour ajouter plus de smileys, ajoutez juste en dessous de la:
Code:
<label>Ouvrir la liste des smileys
                 <div>


Dernière édition par pedxz le Dim 10 Mai 2020 - 22:19, édité 4 fois
tikky

tikky
*

Messages : 33
Inscrit(e) le : 19/12/2017

https://www.forumactif.com/creer-un-forum/modernbb
tikky a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cellule d'édition message classique dans nos formulaires ? (comme pour FA ?)

Message par Manu34 Ven 8 Mai 2020 - 15:14

Whaoouh ! Laughing

King Pedxz !

I will try it more later !

Thanks

Manu34

Manu34
****

Masculin
Messages : 332
Inscrit(e) le : 10/09/2008

http://motos-en-v-honda.superforum.fr/index.htm
Manu34 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cellule d'édition message classique dans nos formulaires ? (comme pour FA ?)

Message par mSyx Ven 8 Mai 2020 - 21:09

Ne pas oublier d'autoriser ce genre de formulaire dans le PA:

Général » Forum » Sécurité
Cellule d'édition message classique dans nos formulaires ? (comme pour FA ?) Screenshot-20
mSyx

mSyx
****

Masculin
Messages : 394
Inscrit(e) le : 22/09/2012

https://forum.forumactif.com/
mSyx a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cellule d'édition message classique dans nos formulaires ? (comme pour FA ?)

Message par Manu34 Ven 8 Mai 2020 - 21:30

Bien entendu ! merci. Cellule d'édition message classique dans nos formulaires ? (comme pour FA ?) 665385
Manu34

Manu34
****

Masculin
Messages : 332
Inscrit(e) le : 10/09/2008

http://motos-en-v-honda.superforum.fr/index.htm
Manu34 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Cellule d'édition message classique dans nos formulaires ? (comme pour FA ?)

Message par tikky Dim 10 Mai 2020 - 22:21

tikky

tikky
*

Messages : 33
Inscrit(e) le : 19/12/2017

https://www.forumactif.com/creer-un-forum/modernbb
tikky a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cellule d'édition message classique dans nos formulaires ? (comme pour FA ?)

Message par Chacha Jeu 14 Mai 2020 - 10:33

Cellule d'édition message classique dans nos formulaires ? (comme pour FA ?) UmaslZ4Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69440
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cellule d'édition message classique dans nos formulaires ? (comme pour FA ?)

Message par Manu34 Jeu 14 Mai 2020 - 20:47

Un gros merci à PedXz qui a fait un travail formidable et a été à la hauteur de l'entraide
qui fait qu'il pourrait aussi être motard ! Laughing

Ce sujet est intéressant, je pense qu'il servira à bon nombre de jeunes utilisateurs de Forumactif...
comme moi ! Cellule d'édition message classique dans nos formulaires ? (comme pour FA ?) 3146481979
Manu34

Manu34
****

Masculin
Messages : 332
Inscrit(e) le : 10/09/2008

http://motos-en-v-honda.superforum.fr/index.htm
Manu34 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum