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

[Invité]

Rappel du premier message :

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

[Invité]

Hello Tony,
ok merci mais je ne peux rien faire....

Sinon , il faudrait corriger le code html par celui-ci comporté une
balise d'ouverture seule juste après:

Code:

<script src="LIEN DU JS"></script><div>

Le code html a été corrigé plus haut .

Tu peux remplacer aussi le script présent dans la page html:

Code:

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


a++

[Invité]

Re,

ou alors tu peux directement placer le code html dans la page d'accueil :

Code:


<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://2img.net/i/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://2img.net/i/fa/wysiwyg/text_italic.png" alt="Italique." title="Italique"/></button>
<button id="addbbcode52" class="button2" onclick="bbstyle(52);return false"><img src="http://2img.net/i/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://2img.net/i/fa/wysiwyg/text_align_center.png" alt="centrer" title="centrer"/></button>
<button id="addbbcode32" class="button2" onclick="bbstyle(32);return false"><img src="http://2img.net/i/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://2img.net/i/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>
jQuery(function(){
jQuery('#forum_select').on('change', function(){
jQuery('input:hidden[name="f"]').val(jQuery(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>



Edit:


ou alors le top du top est de passer par le template car la partie de la page d'accueil
est réputée de modifier la structure d'un code html.

Dans le template index_body:
Affichage/Templates/Général/index_body


Recherches ceci:

Code:


{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
   <ul>
         <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
         <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
      <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
   </ul>
   <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_in -->



Juste après déposes ceci:

Code:


<!-- BEGIN switch_user_logged_in -->


<div class="main">
  <center>
<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://2img.net/i/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://2img.net/i/fa/wysiwyg/text_italic.png" alt="Italique." title="Italique"/></button>
<button id="addbbcode52" class="button2" onclick="bbstyle(52);return false"><img src="http://2img.net/i/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://2img.net/i/fa/wysiwyg/text_align_center.png" alt="centrer" title="centrer"/></button>
<button id="addbbcode32" class="button2" onclick="bbstyle(32);return false"><img src="http://2img.net/i/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://2img.net/i/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>
jQuery(function(){
jQuery('#forum_select').on('change', function(){
jQuery('input:hidden[name="f"]').val(jQuery(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>
  </center>
  </div>






<!-- END switch_user_logged_in -->




Penses a enregistrer les modifications en cliquant respectivement sur et


Il faudra donc supprimer le script suivant:

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>
    ');
   
    });
    });


a++

[Invité]

Hello Milouze14,


Je viens de mettre le compte test dans le groupe d'administration pour que tu puisses accéder au panneau d'administration.

Je vais essayer les solutions que tu proposes, ou tu peux faire les essais, comme tu préférés .

Merci

Edit :

J'ai intégrer le code dans index_body et supprimer le code js ainsi que le code HTML.
La fenêtre ne s'affiche plus sur le forum.. Je peux te donner le compte admin, si vous voulez y regarder.

a+

[Invité]

Re Tony,
regarde mon message précédent , je viens de l'éditer et apporter une structure bien plus simple .

a++

[Invité]

Re Milouze14,

Oui, Je viens d'intégrer le code dans index_body et supprimer le code js ainsi que le code HTML.
La fenêtre ne s'affiche plus sur le forum.. Je peux vous donner le compte admin, si vous voulez y regarder.

a+

[Invité]

Re,
voilà je viens de corriger car tu avais un "commentaire" sur les autorisations qui était tronqué .

a++

[Invité]

Re,

La classe !! Ca prend forme, yes !

On ne pourrez pas insérer une touche pour Servimg via un code js ?
Si vous savez aussi comment rendre la fenêtre rétractable .

Je regarderais pour savoir comment mettre les catégories "fofo 1; fofo 2 etc" en rapport avec le forum.

Merci ! Je crois en ce projet.. Je pense qu'il peut apporter un vrai plus..

Tony

[Invité]

Hello Tony,

hum je n'ai pas trop de temps pour l'instant afin de trouver la solution de mettre l'éditeur,

par contre pour avoir un bouton qui rétracte cette réponse rapide:


Cette version aura la réponse rapide masquée d'office:

Remplaces l'existant par :

Code:


<!-- BEGIN switch_user_logged_in -->
<script>
  $(function(){
  $('#M14_quick-toggle span').click(function(){
  $(this).next().slideToggle();
  });});
</script>
<div id="M14_quick-toggle"class="main"style="text-align:center;">
  <span style="cursor:pointer;font-size:13px;color:orange;"title="Afficher/Masquer la réponse rapide">
    <span style="font-size:16px;color:darkgreen;margin-right:5px;">«</span>Réponse rapide  <span style="font-size:16px;color:darkgreen;margin-left:5px;">»</span></span>
<div class="main"style="display:none;">
  <center>
<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://2img.net/i/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://2img.net/i/fa/wysiwyg/text_italic.png" alt="Italique." title="Italique"/></button>
<button id="addbbcode52" class="button2" onclick="bbstyle(52);return false"><img src="http://2img.net/i/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://2img.net/i/fa/wysiwyg/text_align_center.png" alt="centrer" title="centrer"/></button>
<button id="addbbcode32" class="button2" onclick="bbstyle(32);return false"><img src="http://2img.net/i/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://2img.net/i/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>
jQuery(function(){
jQuery('#forum_select').on('change', function(){
jQuery('input:hidden[name="f"]').val(jQuery(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>
  </center>
  </div>
  </div>

<!-- END switch_user_logged_in -->


Cette version aura la réponse rapide affichée d'office:

Remplaces l'existant par :

Code:


<!-- BEGIN switch_user_logged_in -->
<script>
  $(function(){
  $('#M14_quick-toggle span').click(function(){
  $(this).next().slideToggle();
  });});
</script>
<div id="M14_quick-toggle"class="main"style="text-align:center;">
  <span style="cursor:pointer;font-size:13px;color:orange;"title="Afficher/Masquer la réponse rapide">
    <span style="font-size:16px;color:darkgreen;margin-right:5px;">«</span>Réponse rapide  <span style="font-size:16px;color:darkgreen;margin-left:5px;">»</span></span>
<div class="main">
  <center>
<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://2img.net/i/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://2img.net/i/fa/wysiwyg/text_italic.png" alt="Italique." title="Italique"/></button>
<button id="addbbcode52" class="button2" onclick="bbstyle(52);return false"><img src="http://2img.net/i/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://2img.net/i/fa/wysiwyg/text_align_center.png" alt="centrer" title="centrer"/></button>
<button id="addbbcode32" class="button2" onclick="bbstyle(32);return false"><img src="http://2img.net/i/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://2img.net/i/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>
jQuery(function(){
jQuery('#forum_select').on('change', function(){
jQuery('input:hidden[name="f"]').val(jQuery(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>
  </center>
  </div>
  </div>

<!-- END switch_user_logged_in -->


Tu peux personnaliser le texte ici:

Code:

<span style="cursor:pointer;font-size:13px;color:orange;"title="Afficher/Masquer la réponse rapide">
    <span style="font-size:16px;color:darkgreen;margin-right:5px;">«</span>Réponse rapide  <span style="font-size:16px;color:darkgreen;margin-left:5px;">»</span></span>

a++

[Invité]

Hello Milouze14,


Encore merci, ça marche impec. pour rétracter la fenêtre .

Arf, pour moi il n'y manquerai plus qu'un bouton pour insérer les photos.. J'ai regardé les tutoriels qui permette d'ajouter les boutons tel que ceux pour mentionner ou les émoticônes. Je ne sais si cela peut constituer une piste .

J'ai aussi essayé de remplacer "Fofo1" par le nom d'une rubrique existante ou en y insérer le lien de la rubrique comme "Petite annonce". Mais cela m'envoie un message me disant que le forum sélectionné n'existe pas. Comment dois-je procéder pour changer "Fofo1 "Fofo2" etc ?

Merci, bon début de semaine à tous

Tony

[Neptunia]

Bonjour Tony et Philippe.


Pour changer le nom des destinations ça se passe ici !

<option value="1">Fofo 1</option>

Le nombre en rouge correspond à l'identifiant du forum, le texte en vert au nom du forum.

Exemple ici avec Problème avec un script, un code
<option value="74">Problème avec un script, un code</option>

Et attention à ne pas mettre de destinations où les membres ne peuvent pas créer de sujet sinon :
- Cela provoquerait des messages d'erreur genre "Désolé, mais seuls les administrateurs/utilisateurs avec accès spéciaux peuvent poster ici".
- Les zones privées ne seraient plus vraiment privées si leur nom apparaissait dans la liste de choix.

[Invité]

Bonjour Neptunia,


Merci pour l'explication .

J'ai donc fais un essai de cette façon pour le forum suivant http://forumessai.superforum.fr/f6-topic-des-alertes -> <option value="6">Topic des alertes</option> .

Cela me donne le message "Le forum sélectionné n'existe pas"

Une fois résolu, il faudra que je test avec un forum conditionné au nombre de message pour pouvoir y accéder.. Le top serait qu'il n’apparaisse dans la liste de choix des forums que lorsqu'il devient accessible (par exemple à 10 messages postés). Cela risque peut être de devenir compliqué.. Qu'en pensez-vous ?

Si une idée vient pour ajouter la touche Servimg dans cet éditeur.. Ce serait sans doute la touche finale !

Merci, Tony

[Invité]

Hello Tony et Hélène,

tu peux donner le code html dans sa totalité stp car le faite de changer la value devrait
fonctionner .

a++

[Invité]

Hello Milouze14,

Le voici ci-dessous. J'ai laissé aussi le compte utilisateur envoyé par mp actif .

Code:

<!-- BEGIN switch_user_logged_in -->
<script>
  $(function(){
  $('#M14_quick-toggle span').click(function(){
  $(this).next().slideToggle();
  });});
</script>
<div id="M14_quick-toggle"class="main"style="text-align:center;">
  <span style="cursor:pointer;font-size:13px;color:orange;"title="Afficher/Masquer création de sujet rapide">
    <span style="font-size:16px;color:darkgreen;margin-right:5px;">«</span>création de sujet rapide: Afficher/Masquer<span style="font-size:16px;color:darkgreen;margin-left:5px;">»</span></span>
<div class="main">
  <center>
<div style="p">
<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 />
<!--barre bbcode---------------------------------------->
  <center>
 
<button class="button2" onclick="bbstyle(0)" type="button" id="addbbcode0" accesskey="b" title="Gras"><img src="http://2img.net/i/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://2img.net/i/fa/wysiwyg/text_italic.png" alt="Italique." title="Italique"/></button>
<button id="addbbcode52" class="button2" onclick="bbstyle(52);return false"><img src="http://2img.net/i/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://2img.net/i/fa/wysiwyg/text_align_center.png" alt="centrer" title="centrer"/></button>
<button id="addbbcode32" class="button2" onclick="bbstyle(32);return false"><img src="http://2img.net/i/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://2img.net/i/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 />
   
 
<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="6">Topic des alertes</option>
<option value="1">fofo 1</option>             
                           
</select>
<script>
jQuery(function(){
jQuery('#forum_select').on('change', function(){
jQuery('input:hidden[name="f"]').val(jQuery(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 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>
  </center>
  </div>
  </div>

<!-- END switch_user_logged_in -->

Bonne soirée à tous,
Tony

[Invité]

Hello Tony,
tu as modifié le code html , il faut donc tout reprendre mon ami:

https://forum.forumactif.com/t387524p30-ajouter-une-fenetre-en-haut-de-forum-pour-la-creation-de-sujet-rapide#3257633

a++

[Invité]

Hello Milouze14,


Merci, en effet cela fonctionne .
J'avais commencé à mettre en forme la fenêtre..

Je vais maintenant tester avec un forum conditionné au nombre de message pour pouvoir poster (par exemple à 10 messages postés), voir comment cela ce passe.. .

Si une piste est possible pour ajouter une touche Servimg..

Merci pour tous cette aide de votre part à tous !

a+ Tony

[Invité]

Bonjour à tous,


J'ai tenté d'insérer la barre d'outil de la réponse rapide :



Sans succès.. Mais peut être que cela pourra donner des idées pour y réussir..

Bon week-end,
Tony

[Invité]

Up

[Invité]

Un petit up, si quelqu'un serait intégrer une touche pour insérer des photos dans cette fenêtre de création de sujet.

Cordialement, bonne journée,
Tony

[Invité]

Up

[Invité]

Up et bonne soirée à tous,

Tony

[Invité]

Bonsoir,

Pas de solution pour ajouter un bouton vers servimg dans la fenêtre de création de sujet ?

Cordialement,
Tony

[demeter1]

J'ai ce script qui permet d'installer les boutons de l'éditeur sur les champs de type input.

Code:

<link rel="stylesheet" href="http://illiweb.com/rs4/86/frm/SCEditor/src/themes/fa.default.min.css" type="text/css" media="all" />
<script type="text/javascript" src="http://illiweb.com/rs4/86/frm/SCEditor/src/jquery.sceditor.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs4/86/frm/SCEditor/src/plugins/bbcode.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs4/86/frm/SCEditor/src/sceditor-commands.js"></script>
<script type="text/javascript" src="http://illiweb.com/rs4/86/frm/SCEditor/src/sceditor-commands-bbcode.js"></script>
<script>
$(function() {
// Substituir a textarea new editor
// com SCEditor
$("textarea").sceditor({
plugins: "bbcode",
width: "103%",
style: "http://illiweb.com/rs4/86/frm/SCEditor/minified/jquery.sceditor.default.min.css"
});
});
</script>


Maintenant, il faut voir comment l'intégrer et surtout si les bbcode sont pris en compte lors de l'envoi.

Il y a plusieurs boutons à mettre en display : none car inactifs (copy, cut..) et les infobulles sont en anglais.

[Invité]

Merci pour cette nouvelle piste Demeter1 !
Pour l''intégrer au code de Milouze14 n'est malheureusement pas de mon ressort..

A suivre et merci au personnes qui seraient continuer ce projet

Cordialement,
Tony

[Invité]

Up, merci

[Invité]

Up

[Invité]

Up pour ce sujet, merci

Cordialement,
Tony

[Chacha]

Bonjour, Attention, cela fait 7 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 »

[Invité]

Bonsoir,

Quelqu'un serait ajouter l'hébergement de photo svp ?

Bonne soirée,
Tony

[Chacha]

Bonjour, Attention, cela fait 7 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 »

[Invité]

Je remonte le sujet, encore à la recherche pour une éventuelle solution.

Merci, bonne journée
Tony