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

Page 2 sur 2 Précédent  1, 2

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

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

@To
*****

Masculin
Messages : 923
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 Sam 17 Sep 2016 - 9:22

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 Wink .

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++

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 Milouze14 le Sam 17 Sep 2016 - 10:01

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://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>
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://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>
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++


Dernière édition par Milouze14 le Sam 17 Sep 2016 - 10:22, édité 1 fois

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 Sam 17 Sep 2016 - 10:14

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 Wink .

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+


Dernière édition par @To le Sam 17 Sep 2016 - 10:35, édité 1 fois

@To
*****

Masculin
Messages : 923
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 Sam 17 Sep 2016 - 10:24

Re Tony,
regarde mon message précédent , je viens de l'éditer et apporter une structure bien plus simple 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 Sam 17 Sep 2016 - 10:36

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+

@To
*****

Masculin
Messages : 923
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 Sam 17 Sep 2016 - 11:38

Re,
voilà je viens de corriger car tu avais un "commentaire" sur les autorisations qui était tronqué 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 Sam 17 Sep 2016 - 12:20

Re,

La classe !! Ca prend forme, yes ! Very Happy Very Happy

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

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 Cool


@To
*****

Masculin
Messages : 923
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 Dim 18 Sep 2016 - 9:15

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://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>
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://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>
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++



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 Dim 18 Sep 2016 - 23:27

Hello Milouze14,


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

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 Confused .

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 Wink

Tony

@To
*****

Masculin
Messages : 923
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 Neptunia le Lun 19 Sep 2016 - 0:04

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
Right <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.

Neptunia
+ Hyperactif +

Féminin
Messages : 10392
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia 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 19 Sep 2016 - 17:37

Bonjour Neptunia,


Merci pour l'explication Very Happy .

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" scratch

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 ! Very Happy Cool

Merci, Tony


@To
*****

Masculin
Messages : 923
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 Lun 19 Sep 2016 - 19:17

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++

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 Lun 19 Sep 2016 - 20:57

Hello Milouze14,

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

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://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 />
   
 
<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

@To
*****

Masculin
Messages : 923
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 Mar 20 Sep 2016 - 4:47

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

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

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 Mar 20 Sep 2016 - 17:52

Hello Milouze14,


Merci, en effet cela fonctionne Cool .
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.. alien

Merci pour tous cette aide de votre part à tous !

a+ Tony



@To
*****

Masculin
Messages : 923
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 24 Sep 2016 - 12:47

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.. Very Happy

Bon week-end,
Tony

@To
*****

Masculin
Messages : 923
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 25 Sep 2016 - 21:10

Up

@To
*****

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

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

Page 2 sur 2 Précédent  1, 2

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