Ajouter une fenêtre en haut de forum pour la création de sujet rapide
5 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 3 • Partagez
Page 1 sur 3 • 1, 2, 3
Ajouter une fenêtre en haut de forum pour la création de sujet rapide
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
Dernière édition par @To le Mer 23 Nov 2016 - 14:58, édité 1 fois
Invité- Invité
Invité- Invité
Invité- Invité
Invité- Invité
Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide
Up, Bonne soirée à tous
Invité- Invité
Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide
Bonsoir,
En passant par un code javascript ou en intégrant dans un template ? ..
Un début de piste s'il vous plaît
En passant par un code javascript ou en intégrant dans un template ? ..
Un début de piste s'il vous plaît
Invité- Invité
Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide
Bonjour @To,
Vous aurez besoin de javascript (pour ne pas recharger la page) et de la modification des templates.
Vous aurez besoin de javascript (pour ne pas recharger la page) et de la modification des templates.
Invité- Invité
Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide
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
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
Invité- Invité
Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide
Up pour cette idée qui peut être intéressante pour d'autres forum à mon avis .
Invité- Invité
Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide
Ça m'intéresse aussi, alors je me permets de up
Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide
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..
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
@To
Edit: Il manque la case titre sur ce projet de création de sujet rapide
Pas de soucis, je pense que l'idée pourra faciliter et donc inciter d'avantage la création de sujets sur nos forums..
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
@To
Edit: Il manque la case titre sur ce projet de création de sujet rapide
Invité- Invité
Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide
Bonjour,
Je pense que tu devras utiliser un formulaire pour faire ce que tu souhaites.
Je pense que tu devras utiliser un formulaire pour faire ce que tu souhaites.
Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide
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.. . Un formulaire est-il une liste de questions pour positionner son sujet et le rédiger ?..
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.. . Un formulaire est-il une liste de questions pour positionner son sujet et le rédiger ?..
Invité- Invité
Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide
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 ?
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 ?
Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide
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.
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.
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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/fa/wysiwyg/text_underline.png" alt="Sublinhar" title="Sublinhar"></button> <button id="addbbcode34" class="button2" onclick="bbstyle(34);return false"><img src="http://2img.net/i/fa/wysiwyg/text_strikethrough.png" alt="Riscado" title="Riscado"></button> <button id="addbbcode52" class="button2" onclick="bbstyle(52);return false"><img src="http://2img.net/i/fa/wysiwyg/text_align_left.png" alt="Esquerda" title="Esquerda"/></button> <button id="addbbcode30" class="button2" onclick="bbstyle(30);return false"><img src="http://2img.net/i/fa/wysiwyg/text_align_center.png" alt="Centralizar" title="Centralizar"/></button> <button id="addbbcode32" class="button2" onclick="bbstyle(32);return false"><img src="http://2img.net/i/fa/wysiwyg/text_align_right.png" alt="Direita" title="Direita"/></button> <img src="http://2img.net/i/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://2img.net/i/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://2img.net/i/fa/wysiwyg/page_white_code.png" alt="Code" title="Code"></button>
<img src="http://2img.net/i/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://2img.net/i/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://2img.net/i/fa/wysiwyg/link.png" alt="Link" title="Link"></button> <button class="button2" onclick="videoselect();return false"><img src="http://2img.net/i/fa/wysiwyg/film.png" alt="Vídeo" title="Vídeo"></button> <button class="button2" onclick="pxselect();return false"><img src="http://2img.net/i/fa/wysiwyg/style.png" alt="Tamanho da fonte" title="Tamanho da fonte"></button> <button class="button2" onclick="fonteselect();return false"><img src="http://2img.net/i/fa/wysiwyg/font.png" alt="Fonte" title="Fonte"></button> <img src="http://2img.net/i/fa/wysiwyg/separator.png" style="vertical-align: middle;" alt=""> <button class="button2" onclick="colorselect();return false"><img src="http://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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>
- 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
Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide
@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.
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.
Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide
Bonsoir Stefou, Cædes et Demeter1,
Merci beaucoup pour toutes les explications . Ok, j'ai compris ce qu'était un formulaire
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
Merci, bonne fin de soirée à tous,
@To
Merci beaucoup pour toutes les explications . Ok, j'ai compris ce qu'était un formulaire
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
Merci, bonne fin de soirée à tous,
@To
Invité- Invité
Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide
Hello Tony,
un exemple en partant du code html de Stéphane que j'ai quelque peu amélioré et corrigé .
Le contenu de la page html:
Remplaces ici "LE LIEN JS":
Par le lien du js correspondant à l'ajout de ce script:
Ici:
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
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 .
a++
un exemple en partant du code html de Stéphane que j'ai quelque peu amélioré et corrigé .
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://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>
$(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>
');
});
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 .
a++
Dernière édition par Milouze14 le Sam 17 Sep 2016 - 9:05, édité 1 fois (Raison : Correction du code html)
Invité- Invité
Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide
Ola Milouze14 ,
Génial, merci pour ce travail !
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
Génial, merci pour ce travail !
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
Invité- Invité
Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide
Re,
alors dans la page html
modifies le script suivant:
Par:
Il faut ajouter une condition pour l'avoir en tant que connecté
et un height pour l'avoir en totalité sur l'iframe:
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 .
a++
- 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 .
a++
Invité- Invité
Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide
Re
Ok, merci, il y a déjà quelques soucis de réglés .
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
a+
Ok, merci, il y a déjà quelques soucis de réglés .
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
a+
Invité- Invité
Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide
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 ,
vu que l'on affiche le haut de page dans la page html .
a++
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 ,
vu que l'on affiche le haut de page dans la page html .
a++
Invité- Invité
Re: Ajouter une fenêtre en haut de forum pour la création de sujet rapide
Re,
Je vous envoie le non d'utilisateur et mot de passe du compte test par mp.
Je vous envoie le non d'utilisateur et mot de passe du compte test par mp.
Invité- Invité
Page 1 sur 3 • 1, 2, 3
Sujets similaires
» Ajouter une image dans le cadre de réponse rapide du forum
» Comment ajouter des flèches haut et bas dans le forum ?
» Est-il possible d'ajouter une flèche haut et bas vers une partie spécifique du forum ?
» Problème pour ajouter une image en fond de réponse rapide et redimensionnement
» Pas de fenêtre étendue pour nouveau sujet
» Comment ajouter des flèches haut et bas dans le forum ?
» Est-il possible d'ajouter une flèche haut et bas vers une partie spécifique du forum ?
» Problème pour ajouter une image en fond de réponse rapide et redimensionnement
» Pas de fenêtre étendue pour nouveau sujet
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 3
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum