Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Page 1 sur 2 1, 2  Suivant

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

Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Message par @To le Mer 24 Aoû 2016 - 21:36

Détails techniques


Version du forum : PunBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://forumessai.superforum.fr/

Description du problème

Bonsoir à tous,


Je recherche à mettre une fenêtre (type réponse rapide) en haut de mon forum pour une création rapide de sujet. Avec liste déroulante du choix de la rubrique.
Cette fenêtre de création de sujet apparaîtrait après la connexion. Je souhaiterai aussi qui y ait la possibilité de la rétracter ( Cacher ou mise en icône genre + ) .

En image ce que je recherche à obtenir:



Merci de votre aide.

Cordialement, @To

@To
*****

Masculin
Messages : 921
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.

Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Message par @To le Jeu 25 Aoû 2016 - 21:55

Bonsoir,

Up, merci Very Happy

@To
*****

Masculin
Messages : 921
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.

Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Message par @To le Ven 26 Aoû 2016 - 22:05

Up

@To
*****

Masculin
Messages : 921
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.

Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Message par @To le Dim 28 Aoû 2016 - 14:52

Up et bon dimanche Cool

@To
*****

Masculin
Messages : 921
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.

Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Message par @To le Lun 29 Aoû 2016 - 16:52

Up, merci

@To
*****

Masculin
Messages : 921
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.

Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Message par @To le Mar 30 Aoû 2016 - 17:11

Up

@To
*****

Masculin
Messages : 921
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.

Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Message par @To le Mer 31 Aoû 2016 - 18:15

Up, Bonne soirée à tous


@To
*****

Masculin
Messages : 921
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.

Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Message par @To le Jeu 1 Sep 2016 - 19:09

Bonsoir,

En passant par un code javascript ou en intégrant dans un template ? ..

Un début de piste s'il vous plaît Smile

@To
*****

Masculin
Messages : 921
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.

Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Message par Zoch le Jeu 1 Sep 2016 - 19:17

Bonjour @To,

Vous aurez besoin de javascript (pour ne pas recharger la page) et de la modification des templates.

Zoch
****

Masculin
Messages : 240
Inscrit(e) le : 17/09/2014

Zoch a été remercié(e) par l'auteur de ce sujet.

Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Message par @To le Ven 2 Sep 2016 - 1:36

Bonsoir,

Quelqu'un aura peut être un code ou autre pour un début de mise en place et travail sur l'idée.

Merci à tous Very Happy

@To
*****

Masculin
Messages : 921
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.

Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Message par @To le Sam 3 Sep 2016 - 21:37

Up

@To
*****

Masculin
Messages : 921
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.

Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Message par @To le Dim 4 Sep 2016 - 22:44

Up

@To
*****

Masculin
Messages : 921
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.

Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Message par @To le Mar 6 Sep 2016 - 18:30

Up pour cette idée qui peut être intéressante pour d'autres forum à mon avis Very Happy .

@To
*****

Masculin
Messages : 921
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.

Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Message par @To le Mer 7 Sep 2016 - 22:43

Up

@To
*****

Masculin
Messages : 921
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.

Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Message par @To le Ven 9 Sep 2016 - 15:45

Up

@To
*****

Masculin
Messages : 921
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.

Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Message par @To le Dim 11 Sep 2016 - 16:06

Up

@To
*****

Masculin
Messages : 921
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.

Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Message par Cædes le Mar 13 Sep 2016 - 13:58

Ça m'intéresse aussi, alors je me permets de up Wink

Cædes
****

Féminin
Messages : 299
Inscrit(e) le : 17/06/2007

http://capharnaum.forumactif.org/
Cædes a été remercié(e) par l'auteur de ce sujet.

Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Message par @To le Mar 13 Sep 2016 - 18:05

Bonjour Cædes,


Pas de soucis, je pense que l'idée pourra faciliter et donc inciter d'avantage la création de sujets sur nos forums.. Cool

J'imagine que ce ne sera pas simple de nous aider sur ce projet.. Le résultat peut être vraiment intéressant à mon avis,
Merci d'avance pour l'aide éventuelle Very Happy


@To

Edit: Il manque la case titre sur ce projet de création de sujet rapide Wink

@To
*****

Masculin
Messages : 921
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.

Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Message par stefou le Mer 14 Sep 2016 - 17:37

Bonjour,
Je pense que tu devras utiliser un formulaire pour faire ce que tu souhaites.

stefou
*****

Masculin
Messages : 889
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Message par @To le Mer 14 Sep 2016 - 21:53

Bonsoir Stefou,

Est-ce que un formulaire créera une fenêtre dans le haut du forum pour la création de sujet avec son titre et choix de la rubrique ?

Désolé je ne connais pas le but d'un formulaire et comment le mettre en place.. scratch . Un formulaire est-il une liste de questions pour positionner son sujet et le rédiger ?..

Confused

@To
*****

Masculin
Messages : 921
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.

Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Message par Cædes le Mer 14 Sep 2016 - 23:54

Bonsoir,

je vois ce que tu veux dire @stefou.

Il faudrait recréer soit même un formulaire basique avec les champs "titre", "corps du message" et "choix du forum où le message sera posté" et lier l'envoi du formulaire à la page posting. J'ai déjà fait un truc comme ça pour les demandes de partenariat sur mon forum.

Par contre, je ne vois pas comment faire pour que le membre qui rédige le message via ce formulaire puisse choisir le forum où sera posté le message. Dans mon codage js pour les partenariats, j'ai précisé le forum où serait envoyé tout formulaire rempli, pour que ça soit automatique. Le joueur n'avait pas à choisir lui-même...

Je vais déjà essayer de faire un truc simple, avec choix automatique de la section destinataire, pour voir si ça marche.

@To, je ne sais pas comment expliquer ce qu'est un formulaire, hm xD euh, par exemple, pour t'inscrire sur un forum, tu dois remplir des informations, tu vois ? Bah c'est ça, un formulaire. Tu remplis des champs (ici, ça serait donc titre du sujet et corps du message) et quand tu clique sur envoyer/enregistrer, le formulaire est validé et envoyé. Tu comprends ?

Cædes
****

Féminin
Messages : 299
Inscrit(e) le : 17/06/2007

http://capharnaum.forumactif.org/
Cædes a été remercié(e) par l'auteur de ce sujet.

Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Message par demeter1 le Jeu 15 Sep 2016 - 2:37

une ébauche d'un travail inachevé qui fonctionne mais avec pas mal de modif à faire pour l'adapter à votre cas.

Hélas, pas le temps de faire plus en terme de disponibilité donc, cela constituera une ébauche qui pourra aider celui qui prendra en charge la demande.

Nota : fonctionne sur page html en cochant "haut et le bas de page"; Il faudra donc l'adapter pour l'intégrer via les templates.

Code:
<table cellspacing="0" cellpadding="0" width="100%" border="0">
   <tr>
      <td>
<script src="lIEN DE VOTRE JS"></script>
<div>
  <div class="center" name="spoiler">
      <img src="http://i38.servimg.com/u/f38/11/93/85/24/sans_t37.gif" onclick="$('#quick_reply').slideToggle();">
  </div>
  <div class="spoiler_content">
      <form action="/post" name="post" method="post" enctype="multipart/form-data" id="quick_reply">
        <div class="phpbb2">
            <table class="forabg" width="100%" bordercolor="#4964FF" cellspacing="0" cellspanding="0">
<script type="text/javascript">function videoselect(){selectWysiwyg(this,'video');return false}

function pxselect(){selectWysiwyg(this,'px');return false}

function fonteselect(){selectWysiwyg(this,'font');return false}



function colorselect(){selectWysiwyg(this,'color');return false}function videourl(){BBcodeVideo('video_url')}function url(){if (event.keyCode==13){BBcodeVideo('video_url');return false}}function displaysp(){bbfontstyle('<sp>','</sp>');selectWysiwyg(this,'color');return false}function displayimg(){bbfontstyle('<img src="','" border="0" alt="" />');selectWysiwyg(this,'other');return false}function alert(){bbfontstyle('<div class="alert">','</div>');selectWysiwyg(this,'other');return false}function alert2(){bbfontstyle('<div class="alert2">','</div>');selectWysiwyg(this,'other');return false}function alert3(){bbfontstyle('<div class="alert3">','</div>');selectWysiwyg(this,'other');return false}function s7(){bbfontstyle('<span style="font-size: 7px; line-height: normal">','</span>');selectWysiwyg(this,'px');return false}function s9(){bbfontstyle('<span style="font-size: 9px; line-height: normal">','</span>');selectWysiwyg(this,'px');return false}function s12(){bbfontstyle('<span style="font-size: 12px; line-height: normal">','</span>');selectWysiwyg(this,'px');return false}function s18(){bbfontstyle('<span style="font-size: 18px; line-height: normal">','</span>');selectWysiwyg(this,'px');return false}function s24(){bbfontstyle('<span style="font-size: 24px; line-height: normal">','</span>');selectWysiwyg(this,'px');return false}function arial(){bbfontstyle('<font face="Arial">','</font>');selectWysiwyg(this,'font');return false}function arialb(){bbfontstyle('<font face="Arial Black">','</font>');selectWysiwyg(this,'font');return false}function comic(){bbfontstyle('<font face="Comic Sans Ms">','</font>');selectWysiwyg(this,'font');return false}function courier(){bbfontstyle('<font face="Courier New">','</font>');selectWysiwyg(this,'font');return false}function georgia(){bbfontstyle('<font face="Georgia">','</font>');selectWysiwyg(this,'font');return false}function impact(){bbfontstyle('<font face="Impact">','</font>');selectWysiwyg(this,'font');return false}function times(){bbfontstyle('<font face="Times New Roman">','</font>');selectWysiwyg(this,'font');return false}function trebu(){bbfontstyle('<font face="Trebuchet MS">','</font>');selectWysiwyg(this,'font');return false}function verdana(){bbfontstyle('<font face="Verdana">','</font>');selectWysiwyg(this,'font');return false}function displaydarkred(){bbfontstyle('<font color="darkred">', '</font>');selectWysiwyg(this, 'color');return false}function displaycred(){bbfontstyle('<font color="red">', '</font>');selectWysiwyg(this, 'color');return false}function displayorange(){bbfontstyle('<font color="orange">', '</font>');selectWysiwyg(this, 'color');return false}function displaybrown(){bbfontstyle('<font color="brown">', '</font>');selectWysiwyg(this, 'color');return false}function displayyellow(){bbfontstyle('<font color="yellow">', '</font>');selectWysiwyg(this, 'color');return false}function displaygreen(){bbfontstyle('<font color="green">', '</font>');selectWysiwyg(this, 'color');return false}function displayolive(){bbfontstyle('<font color="olive">', '</font>');selectWysiwyg(this, 'color');return false}function displaycyan(){bbfontstyle('<font color="cyan">', '</font>');selectWysiwyg(this, 'color');return false}function displayblue(){bbfontstyle('<font color="blue">', '</font>');selectWysiwyg(this, 'color');return false}function displaydarkblue(){bbfontstyle('<font color="darkblue">', '</font>');selectWysiwyg(this, 'color');return false}function displayindigo(){bbfontstyle('<font color="indigo">', '</font>');selectWysiwyg(this, 'color');return false}function displayviolet(){bbfontstyle('<font color="violet">', '</font>');selectWysiwyg(this, 'color');return false}function displaywhite(){bbfontstyle('<font color="white">', '</font>');selectWysiwyg(this, 'color');return false}function displayblack(){bbfontstyle('<font color="black">', '</font>');selectWysiwyg(this, 'color');return false}function displayblue(){bbfontstyle('<az>','</az>');selectWysiwyg(this,'neon');return false}function displayred(){bbfontstyle('<v>','</v>');selectWysiwyg(this,'neon');return false}function displayrx(){bbfontstyle('<rx>','</rx>');selectWysiwyg(this,'neon');return false}function displayam(){bbfontstyle('<am>','</am>');selectWysiwyg(this,'neon');return false}function displayc(){bbfontstyle('<c>','</c>');selectWysiwyg(this,'neon');return false}function displayr(){bbfontstyle('<r>','</r>');selectWysiwyg(this,'neon');return false}function displayvr(){bbfontstyle('<vr>','</vr>');selectWysiwyg(this,'neon');return false}function displayl(){bbfontstyle('<l>','</l>');selectWysiwyg(this,'neon');return false}function displaym(){bbfontstyle('<m>','</m>');selectWysiwyg(this,'neon');return false}function displayw(){bbfontstyle('<w>','</w>');selectWysiwyg(this,'neon');return false}function displaypr(){bbfontstyle('<pr>','</pr>');selectWysiwyg(this,'neon');return false}</script>



              <tr>
                  <td>
                    <center>
                        <table cellspacing="4" cellspanding="0">
                          <tr>
                              <td>
                                <b>[<span style="color: red;">Attention</span>] <span style="color: #0b5394;">Merci de mettre un titre explicatif  </b><br  /><br />
                               
                                          <input type="text" class="inputbox" id="topic" name="subject" value="Titre de votre sujet!" style="width: 300px;border-width:1px;font-height:bold;" onclick="this.focus();this.select();" onchange="notrisde();" />

                              </td>
                          </tr>
                        </table>
                        <div id="avatar-post" style="padding: 0px 5px 0px 5px;">
                          <p class="author">
                              <strong>Copiez/collez les liens de vos images dans la fenêtre de l'éditeur en laissant une à deux interlignes entre chaque lien. </strong><br  />
                              <div style="text-align: left;">
                                <span style="color: #0b5394;">Vous avez la possibilité d'utiliser le bbcode dans votre message.</span>
                              </div>
                              <div style="text-align: left;">
                              <div style="color: #566c00;">En mode Réponse à un sujet : <ul>
                              <li> 1 faites un copier/coller des liens fournis par Servimg directement sur l'éditeur</li>
                              <li> 2  laissez une ou deux interlignes entre chaque ligne.<strong> En cas de réédition, cela vous aidera à vous y retrouver.</strong></li>
                                <li>3 de sélectionner le message en utilisant votre souris ou en utilisant les raccourcis clavier.</li>
                                <li>4 de faire un coller sur le message quel vous souhaitez répondre</li>
                                    </ul>
</div>
                                <div style="color: #0b5394;"> En mode envoi de message, n'oubliez pas :
                                    <ul>
                              <li> 1 de mettre un titre explicatif à votre sujet (cela facilite les recherches des membres et en annexe le référencement des sujets par les moteurs de recherche </li>
                              <li> 2 de sélectionner le forum sur lequel votre message sera posté. <strong>Utilisez la bande déroulante                                                   
                                        pour y parvenir</strong></li>
                                <li>3 de cliquer sur envoyer ou sur pré-visualiser si vous souhaitez avoir un visuel avant édition du message.</li>
                                    </ul>
                                    <fieldset>
                                      <center><strong><br/>Merci de bien tenir compte de ces dernières indications afin de faciliter le travail de la modération. </strong></center><br/>
                                    </fieldset>
                                </div>
                              </div>
                          </p>
                        </div>
                    </center> 
                  </td>
              </tr>
              <tr> 
                  <td>
                    <!--barre bbcode---------------------------------------->
                    <div id="text_editor_select_controls"><div style="visibility: hidden;" class="select" id="servimg_upload_gui"></div><div style="visibility: hidden;left: 671px; top: 662px !important;" class="select" id="img"><p><img src="http://illiweb.com/fa/wysiwyg/link.png" alt="" title="" style="vertical-align: middle;"> <input type="text" autocomplete="off" class="inputbox" style="width: 150px;" id="img_url" title="" onkeypress="if(event.keyCode==13){constructBBcode('img','', 'img_url');selectWysiwyg(this, 'img');return false;}"></p><p style="text-align: center;"><input type="button" class="button2" onclick="constructBBcode('img','', 'img_url');selectWysiwyg(this, 'img');" value="Ok"></p></div><div style="visibility: hidden;left: 695px; top: 662px!important; " class="select" id="url"><p><img src="http://illiweb.com/fa/wysiwyg/link.png" alt="" title="" style="vertical-align: middle;"> <input type="text" autocomplete="off" class="inputbox" style="width: 150px;" id="link_url" title="" onkeypress="if(event.keyCode==13){constructBBcode('url',new Array('link_url'), 'name_url');selectWysiwyg(this, 'url');return false;}"></p><p><img src="http://illiweb.com/fa/wysiwyg/link_text.png" alt="" title="" style="vertical-align: middle;"> <input type="text" autocomplete="off" class="inputbox" style="width: 150px;" id="name_url" title="" onkeypress="if(event.keyCode==13){constructBBcode('url',new Array('link_url'), 'name_url');selectWysiwyg(this, 'url');return false;}"></p><p style="text-align: center;"><input type="button" class="button2" onclick="constructBBcode('url',new Array('link_url'), 'name_url');selectWysiwyg(this, 'url');" value="Ok"></p></div><div style="visibility: hidden;" class="select" id="wservimg_upload_gui"></div><div style="visibility: hidden;" class="select" id="wimg"><p><img src="http://illiweb.com/fa/wysiwyg/link.png" alt="" title="" style="vertical-align: middle;"> <input type="text" autocomplete="off" class="inputbox" style="width: 150px;" id="wimg_url" title="" onkeypress="if(event.keyCode==13){document.getElementById('text_editor_cmd_constructBBcode_img').click();return false;}"></p><p style="text-align: center;"><button class="button2" id="text_editor_cmd_constructBBcode_img">Ok</button></p></div><div style="visibility: hidden;" class="select" id="wurl"><p><img src="http://illiweb.com/fa/wysiwyg/link.png" alt="" title="" style="vertical-align: middle;"> <input type="text" autocomplete="off" class="inputbox" style="width: 150px;" id="wlink_url" title="" onkeypress="if(event.keyCode==13){document.getElementById('text_editor_cmd_constructBBcode_url').click();return false;}"></p><p><img src="http://illiweb.com/fa/wysiwyg/link_text.png" alt="" title="" style="vertical-align: middle;"> <input type="text" autocomplete="off" class="inputbox" style="width: 150px;" id="wname_url" title="" onkeypress="if(event.keyCode==13){document.getElementById('text_editor_cmd_constructBBcode_url').click();return false;}"></p><p style="text-align: center;"><button class="button2" id="text_editor_cmd_constructBBcode_url">Ok</button></p></div></div>
<!----><div id="text_editor_controls" style="width:580px !important;margin-left: auto; margin-right: auto;"><p class="left-box"><span id="text_edit" style=""><button class="button2" onclick="bbstyle(0)" type="button" id="addbbcode0" accesskey="b" title="Negrito"><img src="http://illiweb.com/fa/wysiwyg/text_bold.png" alt="Negrito" title="Negrito"></button> <button class="button2" onclick="bbstyle(2)" type="button" id="addbbcode2" accesskey="i" title="Itál."><img src="http://illiweb.com/fa/wysiwyg/text_italic.png" alt="Itál." title="Itál."></button> <button class="button2" onclick="bbstyle(4)" type="button" id="addbbcode4" accesskey="u" title="Sublinhar"><img src="http://illiweb.com/fa/wysiwyg/text_underline.png" alt="Sublinhar" title="Sublinhar"></button> <button id="addbbcode34" class="button2" onclick="bbstyle(34);return false"><img src="http://illiweb.com/fa/wysiwyg/text_strikethrough.png" alt="Riscado" title="Riscado"></button> <button id="addbbcode52" class="button2" onclick="bbstyle(52);return false"><img src="http://illiweb.com/fa/wysiwyg/text_align_left.png" alt="Esquerda" title="Esquerda"/></button> <button id="addbbcode30" class="button2" onclick="bbstyle(30);return false"><img src="http://illiweb.com/fa/wysiwyg/text_align_center.png" alt="Centralizar" title="Centralizar"/></button> <button id="addbbcode32" class="button2" onclick="bbstyle(32);return false"><img src="http://illiweb.com/fa/wysiwyg/text_align_right.png" alt="Direita" title="Direita"/></button> <img src="http://illiweb.com/fa/wysiwyg/separator.png" style="vertical-align: middle;" alt=""> <button class="button2" onclick="bbstyle(6)" type="button" id="addbbcode6" accesskey="q" title="'Citar'"><img src="http://illiweb.com/fa/wysiwyg/comments.png" alt="'Citar'" title="'Citar'"></button>


<button class="button2" onclick="bbstyle(8)" type="button" id="addbbcode8" accesskey="c" title="Code"><img src="http://illiweb.com/fa/wysiwyg/page_white_code.png" alt="Code" title="Code"></button>

<img src="http://illiweb.com/fa/wysiwyg/separator.png" style="vertical-align: middle;" alt="">  <button class="button2" onclick="selectWysiwyg(this, 'img');" type="button" id="addbbcode14" accesskey="p" title="Insérer un lien"><img src="http://illiweb.com/fa/wysiwyg/picture.png" alt="Imagem" title="Imagem"></button> <button class="button2" onclick="selectWysiwyg(this, 'url');" type="button" id="addbbcode16" accesskey="w" title="Link"><img src="http://illiweb.com/fa/wysiwyg/link.png" alt="Link" title="Link"></button> <button class="button2" onclick="videoselect();return false"><img src="http://illiweb.com/fa/wysiwyg/film.png" alt="Vídeo" title="Vídeo"></button> <button class="button2" onclick="pxselect();return false"><img src="http://illiweb.com/fa/wysiwyg/style.png" alt="Tamanho da fonte" title="Tamanho da fonte"></button> <button class="button2" onclick="fonteselect();return false"><img src="http://illiweb.com/fa/wysiwyg/font.png" alt="Fonte" title="Fonte"></button> <img src="http://illiweb.com/fa/wysiwyg/separator.png" style="vertical-align: middle;" alt=""> <button class="button2" onclick="colorselect();return false"><img src="http://illiweb.com/fa/wysiwyg/color_swatch.png" alt="Cor do texto" title="Cor do texto"></button> <div style="visibility: hidden; width: auto;margin-top: 662px; margin-left:540px;" class="select cred" id="video"><p style="text-align:center"><a href="http://youtube.com/" target="_blank"><img src="http://illiweb.com/fa/wysiwyg/logo_youtube.gif" alt="YouTube" title="YouTube" style="vertical-align:middle">YouTube</a>  <a href="http://www.dailymotion.com/" target="_blank"><img src="http://illiweb.com/fa/wysiwyg/dailymotion.gif" alt="Dailymotion" title="Dailymotion" style="vertical-align:middle">Dailymotion</a>  <a href="http://www.video.google.com/" target="_blank"><img src="http://illiweb.com/fa/wysiwyg/googlevideo.gif" alt="Google Video" title="Google Video" style="vertical-align:middle">Google Video</a></p><p id="inv_url" class="gensmall" style="text-align:center"></p><p><img src="http://illiweb.com/fa/wysiwyg/link.png" alt="URL" title="URL" style="vertical-align:middle"> <input type="text" autocomplete="off" class="inputbox" style="width:300px" id="video_url" title="URL" onkeypress="url()"></p><p style="text-align:center"><input type="button" class="button2" onclick="videourl()" value="Ok"></p></div><div style="visibility:hidden;width: auto;margin-top: 662px; margin-left:722px;" class="select cred" id="px"><button style="font-size:12px" onclick="s7();return false">12px</button><br  /><button style="font-size:10px" onclick="s9();return false">10px</button><br  /><button style="font-size:17px" onclick="s12();return false">14px</button><br  /><button style="font-size:18px" onclick="s18();return false">18px</button><br  /><button style="font-size:24px" onclick="s24();return false">24px</button><br  /></div><div style="visibility:hidden;width: auto;margin-top: 662px; margin-left:772px;" class="select cred" id="font"><button style="font-family:Arial" onclick="arial();return false">Arial</button><br  /><button style="font-family:Arial Black" onclick="arialb();return false">Arial Black</button><br  /><button style="font-family:Comic Sans Ms" onclick="comic();return false">Comic Sans Ms</button><br  /><button style="font-family:Courier New" onclick="courier();return false">Courier New</button><br  /><button style="font-family:Georgia" onclick="georgia();return false">Georgia</button><br  /><button style="font-family:Impact" onclick="impact();return false">Impact</button><br  /><button style="font-family:Times New Roman" onclick="times();return false">Times New Roman</button><br  /><button style="font-family:Trebuchet MS" onclick="trebu();return false">Trebuchet MS</button><br  /><button style="font-family:Verdana" onclick="verdana();return false">Verdana</button><br  /></div><div style="width:100px !important;margin-top:662px;margin-left:530px;visibility:hidden;" class="select cred" id="neon">
<br /></div><div style="width: auto;margin-top: 662px; margin-left: 800px; visibility: hidden; " class="select cred" id="color"><button style="color:darkred;" onclick="displaydarkred();return false">Rouge vif</button><br  /><button style="color:red;" onclick="displaycred();return false">Rouge</button><br  /><button style="color:brown;" onclick="displaybrown();return false">Marron</button><br  />
<button style="color:green;" onclick="displaygreen();return false">Verde</button><br  /><button style="color:olive;" onclick="displayolive();return false">Olive</button><br  /> <button style="color:blue;" onclick="displayblue();return false">Bleu</button><br  /><button style="color:darkblue;" onclick="displaydarkblue();return false">Bleu foncé</button><br  /><button style="color:indigo;" onclick="displayindigo();return false">Violet</button><br  /></div> </span></p></div>
                    <!--fim de la barre---------------------------------------->
<br />
                  </td>
              </tr>
              <tr>
                  <td align="center">
                    <table class="table1" width="100%" border="0" cellspacing="0" cellspanding="0">
                        <tr>
                          <td style="padding: 0px 7px 5px 5px;">
                              <div class="mod_news">

                                <textarea class="inputbox content-new" id="mensagem" name="message" cols="8" rows="8" style="width:100%;padding:0px;border-width:1px;"></textarea>
                                <div style="margin-top:4px;margin-bottom:-6px;float: center;">
                                    <fieldset>
                                      Poster le sujet en tant que : <label><input type="radio" name="topictype" value="0" checked="checked">Normal</label><label><input type="radio" name="topictype" value="1"> Post-it</label><label><input type="radio" name="topictype" value="2"> Annonce</label><label><input type="radio" name="topictype" value="3">Annonce globale</label>
                                    </fieldset>
                                </div>
                                <div id="bts" style="display: block;float: right;">
                                    <div><br /><br />
                                      <span class="corners-top"><span></span></span>
                                      <fieldset class="submit-buttons">
                                          <select name="forum_select" id="forum_select">
                                          <option value="78">~ Ne pas oublier de choisir la section ~</option> 
                                          <option value="84">~ Acanthacées ~</option>                                                         
             <option value="73">~Amaryllidacées et bulbeuses tropicales ~</option>                    
             <option value="7">~Aracées ~</option>               
             <option value="89">~Araliacées~</option>               
             <option value="3">~Bananiers~</option>               
             <option value="4">~Broméliacées~</option>                    
             <option value="87">~Costacées~</option>                 
             <option value="30">~Cycadales~</option>                    
             <option value="81">~Ericacées et plantes de terre acide~</option>                    
             <option value="5">~Fougères~</option>                    
             <option value="96">~Fruitiers tropicaux ~</option>                    
             <option value="71">~Géraniacées~</option>                    
             <option value="86">~Héliconiacées~</option>                 
             <option value="94">~Malvacées et solonacées~</option>                 
             <option value="88">~Marantacées et Cannacées~</option>                 
             <option value="45">~Murs végétaux~</option>                      
             <option value="33">~Orchidacées~</option>                 
             <option value="37">~Palmiers~</option>                 
             <option value="44">~Plantes carnivores~</option>                 
             <option value="12">~Plantes de bassin~</option>                      
             <option value="79">~Plantes grimpantes : lianes et volubile~</option>                 
             <option value="63">~plantes xérophytes~</option>                 
             <option value="75">~Poacées~</option>                 
             <option value="13">~Potager~</option>                      
             <option value="77">~Protéacées~</option>                 
             <option value="95">~Rutacées~</option>                 
             <option value="85">~ Strelitziacées~</option>                      
             <option value="83">~Zingibéracées~</option>                 
             <option value="14">~Autres plantes~</option>
                                          </select>
                                          <script>
                                            $(function(){
                                                $('#forum_select').on('change', function(){
                                                  $('input:hidden[name="f"]').val($(this).val());
                                                });
                                            });
                                          </script>
                                          <input type="hidden" name="mode" value="newtopic"/>
                                          <input type="hidden" name="lt" value="0"/>
                                          <input type="text" class="inputbox" id="topic" name="subject" value="Titre de votre sujet!" style="width: 300px;border-width:1px;font-height:bold;" onclick="this.focus();this.select();" onchange="notrisde();" />
                                          <input type="hidden" name="f" value="51"/>
                                          <input id="Envoyer" value="Envoyer" type="submit" class="button1" name="post" onclick="gerercode();">
                                          <input id="Previsualiser" value="Prévisualiser" type="submit" class="button1" name="preview" onclick="gerercode();">
                                      </fieldset>
                                      <span class="corners-bottom"><span></span></span>
                                    </div>
                                </div>
                              </div>
                          </td>
                        </tr>
                    </table>
                  </td>
              </tr>
            </table>
        </div>
      </form>
  </div>
</div>

</td>
   </tr>
</table>
Js pour l'ouverture et la fermeture de la fenêtre
Code:
function notrisde(){jQuery('#notrisde').HTML(jQuery('#topic').val())}function gerercode(){jQuery('input:hidden[name="f"]').val(jQuery('#forum_select').val());jQuery('[name="message"]').val(''+jQuery('#mensagem').val()+'')};

ps : les infobulles des boutons de l'éditeur sont en espagnol (récupération d'un tutoriel); il vous faudra travailler la partie explication à votre sauce; les boutons sont ceux de base hormis servimg (pas réussi à l'installer)

c'est loin d'être le code personnalisé mais à défaut, cela fera avancer la demande.


Dernière édition par demeter1 le Jeu 15 Sep 2016 - 10:02, édité 1 fois

demeter1
+ Hyperactif +

Masculin
Messages : 8101
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Message par stefou le Jeu 15 Sep 2016 - 8:20

@To
Dans les grandes lignes, un formulaire est en quelques sorte une fiche pré remplie ou non que tu peux poster ou tu souhaites suivant ça conception.
Comme exemple sur ce forum (FDF) quand tu crée un nouveau message, si je ne me trompe pas il te dirige vers un formulaire (du moins pour la partie liste déroulante).



Comme le souligne demeter1 créer un formulaire, cela prend du temps, de plus sur la conception des formulaires je coince sur certains détails.
Mais il y a des as sur ce forum qui maitrise bien les formulaires.

stefou
*****

Masculin
Messages : 889
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Message par @To le Jeu 15 Sep 2016 - 23:15

Bonsoir Stefou, Cædes et Demeter1,


Merci beaucoup pour toutes les explications Very Happy . Ok, j'ai compris ce qu'était un formulaire Wink

Je vais tenter de travailler sur la base que propose Demeter1 .. En pensant objectivement que je n'en connais pas assez sur le codage pour espérer le résultat souhaité..

Si un as du formulaire à le temps de concrétiser encore un peu plus ce projet.. Ce serait génial de le mettre en place Very Happy Very Happy


Merci, bonne fin de soirée à tous,
@To


@To
*****

Masculin
Messages : 921
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.

Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Message par Milouze14 le Ven 16 Sep 2016 - 10:11

Hello Tony,

un exemple en partant du code html de Stéphane que j'ai quelque peu amélioré et corrigé Wink .



Le contenu de la page html:
Code:
<script>
  $(function(){
 $('#fa_toolbar,#pun-intro, #pun-head,#left,#right,#pun-foot').hide();
  });
</script>

  <script src="LE LIEN JS"></script>
<center>
<div style="width:1000px;">
<div style="padding:5px;background:grey;border-radius:6px;">
<form action="/post" name="post" method="post" enctype="multipart/form-data" id="quick_reply">
<div style="background:white;border-radius:6px;">
  <br />
<div style="color: black;font-weight:bold;margin-left:5px;">Merci de mettre un titre explicatif                           
<input type="text" class="inputbox" id="topic" name="subject" value="Titre de votre sujet!" style="margin-left:30px;width: 300px;border:3px double black;color:black;font-height:bold;" onclick="this.focus();this.select();" onchange="notrisde();" />
  </div>  <br />
<div style="color:red;margin-left:5px;cursor:pointer;"title="Copiez/collez les liens de vos images dans la fenêtre de l'éditeur en laissant une à deux interlignes entre chaque lien.
Vous avez la possibilité d'utiliser le bbcode dans votre message.">Informations</div>           
<div style="color:black;margin-left:5px;text-align:left !important;">En mode Réponse à un sujet : <br />
1 faites un copier/coller des liens fournis par Servimg directement sur l'éditeur<br />
2  laissez une ou deux interlignes entre chaque ligne.<strong> En cas de réédition, cela vous aidera à vous y retrouver.</strong><br />
3 de sélectionner le message en utilisant votre souris ou en utilisant les raccourcis clavier.<br />
4 de faire un coller sur le message quel vous souhaitez répondre.<br />
En mode envoi de message, n'oubliez pas :<br />
1 de mettre un titre explicatif à votre sujet (cela facilite les recherches des membres et en annexe le référencement des sujets par les moteurs de recherche <br />
2 de sélectionner le forum sur lequel votre message sera posté. <strong>Utilisez la bande déroulante pour y parvenir</strong><br />
3 de cliquer sur envoyer ou sur pré-visualiser si vous souhaitez avoir un visuel avant édition du message.<br />
 
<fieldset style="border:none;">
<center><strong><br/>Merci de bien tenir compte de ces dernières indications afin de faciliter le travail de la modération. </strong></center><br/>
</fieldset>
                                </div>
                             
                       
                        </div>
                 
  <br />
<!--barre bbcode---------------------------------------->
  <center>
<button class="button2" onclick="bbstyle(0)" type="button" id="addbbcode0" accesskey="b" title="Gras"><img src="http://illiweb.com/fa/wysiwyg/text_bold.png" alt="Gras" title="Gras"/></button>
<button class="button2" onclick="bbstyle(2)" type="button" id="addbbcode2" accesskey="i" title="Italique"><img src="http://illiweb.com/fa/wysiwyg/text_italic.png" alt="Italique." title="Italique"/></button>
<button id="addbbcode52" class="button2" onclick="bbstyle(52);return false"><img src="http://illiweb.com/fa/wysiwyg/text_align_left.png" alt="Aligné à gauche" title="Aligné à gauche"/></button>
<button id="addbbcode30" class="button2" onclick="bbstyle(30);return false"><img src="http://illiweb.com/fa/wysiwyg/text_align_center.png" alt="centrer" title="centrer"/></button>
<button id="addbbcode32" class="button2" onclick="bbstyle(32);return false"><img src="http://illiweb.com/fa/wysiwyg/text_align_right.png" alt="Aligné à droite" title="Aligné à droite"/></button>
                    <button class="button2" onclick="bbstyle(6)" type="button" id="addbbcode6" accesskey="q" title="'Citer'"><img src="http://illiweb.com/fa/wysiwyg/comments.png" alt="'Citer'" title="Citer"/></button> <br />
  </center>
    <!--fim de la barre---------------------------------------->
<br />
           

<textarea class="inputbox content-new" id="mensagem" name="message"placeholder="  Votre message...."style="width:80%;border:3px double grey;margin-left:10%;padding:0px;border-radius:6px;"></textarea><div style="margin-top:4px;margin-bottom:-6px;float: center;">
  <br />
  <div style="background:white;text-align:center;border:3px double black;color:black;">
  <fieldset style="border:none;">Poster le sujet en tant que :
<label><input type="radio" name="topictype" value="0" checked="checked"style="bottom: -2px;position: relative;"/>
  <span style="margin-left:5px;">Normal</span></label>
<label><input type="radio" name="topictype" value="1"style="bottom: -2px;position: relative;"/>
  <span style="margin-left:5px;">Post-it</span></label>
  <label><input type="radio" name="topictype" value="2"style="bottom: -2px;position: relative;"/>
    <span style="margin-left:5px;">Annonce</span></label>
<label><input type="radio" name="topictype" value="3"style="bottom: -2px;position: relative;"/>
  <span style="margin-left:5px;">Annonce globale</span></label>
</fieldset>
  </div>     
 
<fieldset class="submit-buttons" style="border:none;">
  <div style="background:white;text-align:center;border:3px double black;color:black;">
<select name="forum_select" id="forum_select">
<option value="78">Votre sélection</option>
<option value="1">Fofo 1</option>                   
<option value="2">Fofo 2</option>             
<option value="3">Fofo 3</option>             
<option value="4">Fofo 4</option>             
<option value="5">Fofo 5</option>                   
<option value="6">Fofo 6</option>   
<option value="7">Fofo 7</option>                                 
</select>
<script>
$(function(){
$('#forum_select').on('change', function(){
$('input:hidden[name="f"]').val($(this).val());});});
</script>
</div>
<br />
  <div style="background:white;text-align:center;border:3px double black;color:black;">
    <br />
<input type="hidden" name="mode" value="newtopic"/>
<input type="hidden" name="lt" value="0"/>
    <input type="text" class="inputbox" id="topic" name="subject" value="Titre de votre sujet!" style="margin-left:30px;width: 300px;border:3px double black;color:black;font-height:bold;" onclick="this.focus();this.select();" onchange="notrisde();" /><br /><br />
<input type="hidden" name="f" value="51"/>
<input id="Envoyer" value="Envoyer" type="submit" class="button1" name="post" onclick="gerercode();"style="cursor:pointer;background: transparent !important;border: none !important;color: orange;"/>
<input id="Previsualiser" value="Prévisualiser" type="submit" class="button1" name="preview" onclick="gerercode();"style="cursor:pointer;background: transparent !important;border: none !important;color: orange;"/>
  </div>
</fieldset>
  <br />                       
</div>
</form>

</div>
  </div>
</center>

Remplaces ici "LE LIEN JS":
Code:
 <script src="LE LIEN JS"></script>

Par le lien du js correspondant à l'ajout de ce script:
Code:
    function notrisde(){jQuery('#notrisde').HTML(jQuery('#topic').val())}function gerercode(){jQuery('input:hidden[name="f"]').val(jQuery('#forum_select').val());jQuery('[name="message"]').val(''+jQuery('#mensagem').val()+'')};



Ici:
Code:

<script>
  $(function(){
 $('#fa_toolbar,#pun-intro, #pun-head,#left,#right,#pun-foot').hide();
  });
</script>

On cache ce qui est inutile pour cet éditeur.





Repére ensuite le lien généré par la page html puis dépose le dans cette iframe

Code:

$(function(){
$('.pun-crumbs:first').before('
<iframe src="LE LIEN GENERE PAR LA PAGE HTML"width="100%"style="border:none;">
</iframe>
');

});
A toi de choisir ou tu veux que cet éditeur soit affiché :
Cocher sur le portail.
Cocher sur l'index.
Cocher sur toutes les pages.
Cocher sur les sous-forums
Cocher Sur les sujets


Et voilou pour ta version Wink .

a++







Dernière édition par Milouze14 le Sam 17 Sep 2016 - 9:05, édité 1 fois (Raison : Correction du code html)

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Message par @To le Ven 16 Sep 2016 - 15:39

Ola Milouze14 Mr. Green ,


Génial, merci pour ce travail ! Very Happy

J'ai installé ces codes sur mon forum d'essai, on peut y voir le résultat: http://forumessai.superforum.fr/

En tous cas la fenêtre est là. Il y a encore du travail.. La mise en forme je serais me débrouiller (couleur, cadre etc) par contre je n'ai pas réussi plusieurs choses que j'ai voulu améliorer:

- Agrandir en hauteur la fenêtre.
- Enlever ce qui reste du haut du forum dans la fenêtre (navbar, annonce en temps réelle, barre de recherche google)

J'aurais voulu y ajouter le bouton pour insérer des photos avec servimg et si possible pouvoir rétracter cette fenêtre.

J'ai mis cette fenêtre uniquement sur l'index, comment pourrais-je faire pour qu'elle ne soit visible qu'une fois connecté ? (Invisible au invités).


Désolé cela fait encore beaucoup de questions.
Bonne après-midi,

Tony Wink



@To
*****

Masculin
Messages : 921
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.

Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Message par Milouze14 le Ven 16 Sep 2016 - 17:27

Re,


- Enlever ce qui reste du haut du forum dans la fenêtre (navbar, annonce en temps réelle, barre de recherche google)


alors dans la page html

modifies le script suivant:
Code:

   
    <script>
      $(function(){
    $('#fa_toolbar,#pun-intro, #pun-head,#left,#right,#pun-foot').hide();
      });
    </script>




Par:

Code:

   
    <script>
      $(function(){
    $('#fa_toolbar,#pun-intro, #pun-head,#left,#right,#pun-foot ,#fa_sticky_nav,#fa_sticky_toggle , .searchbar').hide();
      });
    </script>





- Agrandir en hauteur la fenêtre.
-Comment pourrais-je faire pour qu'elle ne soit visible qu'une fois connecté ?


Il faut ajouter une condition pour l'avoir en tant que connecté
et un height pour l'avoir en totalité sur l'iframe:

Code:

$(function(){if(_userdata["session_logged_in"] ==1)
$(function(){
$('.pun-crumbs:first').before('
<iframe src="Le lien de la page html"width="100%"height="720"style="border:none;">
</iframe>
');

});
});

J'aurais voulu y ajouter le bouton pour insérer des photos avec servimg et si possible pouvoir rétracter cette fenêtre.

J'ai testé pas mal de trucs pour avoir l'identique que sur l'éditeur actuel mais sans succès..

De plus je n'aurai pas le temps de t'aider car je dois m'absenter quelques jours Tony Wink .

a++


Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Message par @To le Ven 16 Sep 2016 - 18:24

Re

Ok, merci, il y a déjà quelques soucis de réglés Cool .

La navbar flottante, l'alerte en temps réel, les flèches haut et bas et la chat-box coulissante reste apparente, ils sont tous géré par codes javascript..



Je me demandais: Si j’intègre le code HTML ou Javascript dans un template comme Index_Body, est-ce que ce serait une bonne direction d'après vous ? Pour intégrer la fenêtre de création de sujet dans le corps du forum.

J'ai le temps Milouze14 Wink

a+




@To
*****

Masculin
Messages : 921
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.

Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Message par Milouze14 le Ven 16 Sep 2016 - 19:30

Re,

as tu un compte test stp car en tant qu'invité les modules cités ne sont pas visible il me semble.
Ensuite , ce n'est pas la peine de placer cette iframe dans le template le résultat sera le même Wink ,
vu que l'on affiche le haut de page dans la page html .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide

Message par @To le Ven 16 Sep 2016 - 19:40

Re,

Je vous envoie le non d'utilisateur et mot de passe du compte test par mp.

Wink

@To
*****

Masculin
Messages : 921
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

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


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