Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.

4 participants

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

Résolu Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.

Message par demeter1 Dim 15 Mar 2015 - 16:09

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Opera
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://altitudetropicale.forums-actifs.com/index.forum

Description du problème


Bonjour à tous,
Je suis en train de travailler sur un formulaire qui a l'apparence d'un éditeur et quelques fonctionnalités au niveau du bbcode. Cet "éditeur' pour l'instant ne peux expédier que vers le F 51. J'aimerai pouvoir installer une bande déroulante contenant le lien des divers forums et sous forums vers lequel le message devra être expédié.
Cela semble possible vu le fonctionnement du formulaire que je suis en train d'utiliser. study

La trame que je vous fourni ci-dessous contient un js qui applique la redirection en plus de l'option value.
Le js
http://altitudetropicale.forums-actifs.com/31517.js

La partie du js concerné :
Code:
jQuery('[name="f"]').val('51')

et le formulaire :
Code:
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="3"></td></tr></table>
<script type="text/JavaScript">function videoselect()
</script>

<br /><div>

<font size="2"><dl class="spoiler"><dt class="pointer"><div class="center" name=spoiler><img src="http://i38.servimg.com/u/f38/11/93/85/24/sans_t37.gif"></div></dt><dd><div class="spoiler_content">

<script src=http://altitudetropicale.forums-actifs.com/31517.js></script>

<form action="/posting.forum" method="post" name="post" enctype="multipart/form-data" onsubmit="return vB_Editor['text_editor'].prepare_submit(0, 0)" id="quick_reply">

<br><br>
  <div class="phpbb2">
    <table class="forabg" width="100%" bordercolor="#4964FF" cellspacing="0" cellspanding="0">
      <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 afin de<br /> faciliter
les recherches et le référencement</span></b><br><input type="text" class="inputbox" id="topic" value="Titre de votre sujet!" style="width: 300px;border-width:1px;font-height:bold;" onClick="this.focus();this.select();" onChange="notrisde();"/>

</td><br/>

</tr></table><div id="avatar-post" style="padding: 0px 5px 0px 5px;"><p class="author"><strong>Copiez/collez les liens de vos imagesdans 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. j'ai adjoint des fonctions simples (gras, italique, etc) juste au dessus de la fenêtre de saisie</span></div><div style="text-align: left;">
<span style="color: #0b5394;">Après avoir rédigé votre message, n'oubliez pas : <ul><li> 1 de mettre un titre à votre sujet </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>3 de cliquer sur envoyer ou sur pré-visualiser si vous souhaitez avoir un visuel avant édition du message.</li></ul><fieldset><strong><br />Merci de bien tenir compte de ces dernières indications afin  de faciliter le travail de la modération. </strong><br /></fieldset></span></div>
</p>
</div>
</td>
      </tr>
<td>

<!--barre bbcode---------------------------------------->
*<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>
<!--fim de la barre---------------------------------------->
<br/>


</td>

      <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>
<span class="corners-top"><span></span></span>

<fieldset class="submit-buttons">
<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="subject" value="" />
<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="preview" class="button1" name="preview" onClick="gerercode();">
</fieldset></center>
<span class="corners-bottom"><span></span></span>
</div></div>


</div>
</td></tr></center></table></td></tr></table>
</div>

</form>

Si par hasard , un expert en formulaire aurait une idée pour m'aider à régler ce soucis.

Question annexe sans réelle grande importance : sauriez vous incorporer les boutons pour la taille de la police et la couleur. j'ai fait des essais mais malheureusement au clic , je suis réexpédié sur l'éditeur étendu.

Merci par avance pour votre aide et bon weekend à tous.



Dernière édition par demeter1 le Mar 17 Mar 2015 - 21:40, édité 2 fois
demeter1

demeter1
Membre actif

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

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

Résolu Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.

Message par Self Dim 15 Mar 2015 - 16:29

Bonjour,

Je pense qu'en ajoutant ceci dans ton formulaire tu devrais pourvoir choisir la destination du message Wink :
Code:
<select name="forum_select" id="forum_select">
   <option value="3">forum 3</option>
   <option value="51">forum 51</option>
   <option value="22">forum 22</option>
</select>
<script>
   $(function(){
      $('#forum_select').on('change', function(){
         $('input:hidden[name="f"]').attr('value', $(this).val());
      });
   });
</script>

EDIT: Ah, il faudra aussi remplacer ceci :
Code:
jQuery('[name="f"]').val('51')

Par :
Code:
jQuery('input:hidden[name="f"]').val(jQuery('#forum_selected').val());
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

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

Résolu Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.

Message par demeter1 Dim 15 Mar 2015 - 17:14

Bonjour Self,
Merci pour ce coup de main.ok
J'ai du très certainement faire une boulette d'intégration . J'ai un message d'erreur du style "le forum que vous avez sélectionné n'existe pas". J'ai modifié l'id (9) du forum intitulé Présentation .

Voici la trame du formulaire
Code:
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="3"></td></tr></table>
<script type="text/JavaScript">function videoselect()
</script>

<br /><div>

<font size="2"><dl class="spoiler"><dt class="pointer"><div class="center" name=spoiler><img src="http://i38.servimg.com/u/f38/11/93/85/24/sans_t37.gif"></div></dt><dd><div class="spoiler_content">

<script src=http://altitudetropicale.forums-actifs.com/31517.js></script>

<form action="/posting.forum" method="post" name="post" enctype="multipart/form-data" onsubmit="return vB_Editor['text_editor'].prepare_submit(0, 0)" id="quick_reply">

<br><br>
  <div class="phpbb2">
    <table class="forabg" width="100%" bordercolor="#4964FF" cellspacing="0" cellspanding="0">
      <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 afin de<br /> faciliter
les recherches et le référencement</span></b><br><input type="text" class="inputbox" id="topic" value="Titre de votre sujet!" style="width: 300px;border-width:1px;font-height:bold;" onClick="this.focus();this.select();" onChange="notrisde();"/>

</td><br/>

</tr></table><div id="avatar-post" style="padding: 0px 5px 0px 5px;"><p class="author"><strong>Copiez/collez les liens de vos imagesdans 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. j'ai adjoint des fonctions simples (gras, italique, etc) juste au dessus de la fenêtre de saisie</span></div><div style="text-align: left;">
<span style="color: #0b5394;">Après avoir rédigé votre message, n'oubliez pas : <ul><li> 1 de mettre un titre à votre sujet </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>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><br /></center></fieldset></span></div>
</p>
</div>
</td>
      </tr>
<td>

<!--barre bbcode---------------------------------------->
*<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>
<!--fim de la barre---------------------------------------->
<br/>


</td>

      <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>
<span class="corners-top"><span></span></span>
<br /><br />
<fieldset class="submit-buttons">
<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="subject" value="" />
<select name="forum_select" id="forum_select">
  <option value="9">~Présentation~</option>
  <option value="51">forum 51</option>
  <option value="22">forum 22</option>
</select>
<script>
  $(function(){
      $('#forum_select').on('change', function(){
        $('input:hidden[name="f"]').attr('value', $(this).val());
      });
  });
</script>
<input id="Envoyer" value="Envoyer" type="submit" class="button1" name="post" onClick="gerercode();">
<input id="Previsualiser" value="Prévisualiser" type="preview" class="button1" name="preview" onClick="gerercode();">
</fieldset></center>
<span class="corners-bottom"><span></span></span>
</div></div>


</div>
</td></tr></center></table></td></tr></table>
</div>

</form>

et le js modifié
Code:
function notrisde(){jQuery('#notrisde').HTML(jQuery('#topic').val())}function gerercode(){jQuery('input:hidden[name="f"]').val(jQuery('#forum_selected').val());jQuery('[name="message"]').val(''+jQuery('#mensagem').val()+'')};

Désolé de jouer le gros lourdeau Snifff
demeter1

demeter1
Membre actif

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

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

Résolu Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.

Message par kiwi14637 Dim 15 Mar 2015 - 17:33

Bonjour,

Pour les boutons de l'éditeur, ceci devrait être utile http://www.sceditor.com/documentation/options/

Bonne soirée !
kiwi14637

kiwi14637
Membre habitué

Masculin
Messages : 1387
Inscrit(e) le : 19/05/2010

kiwi14637 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.

Message par demeter1 Dim 15 Mar 2015 - 17:41

Bonjour Kiwi,
Merci pour le lien Yes
demeter1

demeter1
Membre actif

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

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

Résolu Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.

Message par Self Dim 15 Mar 2015 - 17:54

Essai plutôt avec le code suivant :
Code:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="3"></td></tr></table>
<script type="text/JavaScript">function videoselect()</script>

<br /><div>

<font size="2"><dl class="spoiler"><dt class="pointer"><div class="center" name=spoiler><img src="http://i38.servimg.com/u/f38/11/93/85/24/sans_t37.gif"></div></dt><dd><div class="spoiler_content">

<script src=http://altitudetropicale.forums-actifs.com/31517.js></script>

<form action="/posting.forum" method="post" name="post" enctype="multipart/form-data" onsubmit="return vB_Editor['text_editor'].prepare_submit(0, 0)" id="quick_reply">

<br><br>
  <div class="phpbb2">
   <table class="forabg" width="100%" bordercolor="#4964FF" cellspacing="0" cellspanding="0">
     <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 afin de<br /> faciliter
les recherches et le référencement</span></b><br><input type="text" class="inputbox" id="topic" value="Titre de votre sujet!" style="width: 300px;border-width:1px;font-height:bold;" onClick="this.focus();this.select();" onChange="notrisde();"/>

</td><br/>

</tr></table><div id="avatar-post" style="padding: 0px 5px 0px 5px;"><p class="author"><strong>Copiez/collez les liens de vos imagesdans 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. j'ai adjoint des fonctions simples (gras, italique, etc) juste au dessus de la fenêtre de saisie</span></div><div style="text-align: left;">
<span style="color: #0b5394;">Après avoir rédigé votre message, n'oubliez pas : <ul><li> 1 de mettre un titre à votre sujet </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>3 de cliquer sur envoyer ou sur pré-visualiser si vous souhaitez avoir un visuel avant édition du message.</li></ul><fieldset><strong><br />Merci de bien tenir compte de ces dernières indications afin  de faciliter le travail de la modération. </strong><br /></fieldset></span></div>
</p>
</div>
</td>
     </tr>
<td>

<!--barre bbcode---------------------------------------->
*<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>
<!--fim de la barre---------------------------------------->
<br/>


</td>

     <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>
<span class="corners-top"><span></span></span>

<fieldset class="submit-buttons">
   <select name="forum_select" id="forum_select">
      <option value="3">forum 3</option>
      <option value="51">forum 51</option>
      <option value="22">forum 22</option>
   </select>
   <script>
      $(function(){
         $('#forum_select').on('change', function(){
            $('input:hidden[name="f"]').attr('value', $(this).val());
         });
      });
   </script>
<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="subject" value="" />
<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="preview" class="button1" name="preview" onClick="gerercode();">
</fieldset></center>
<span class="corners-bottom"><span></span></span>
</div></div>


</div>
</td></tr></center></table></td></tr></table>
</div>

</form>
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

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

Résolu Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.

Message par demeter1 Dim 15 Mar 2015 - 18:20

Re Self,
Toujours le même message. Désolé de te faire bosser ainsi un Dimanche. Rien ne presse ceci-dit (rien de réellement vital).

Voici le lien ed la page html : http://altitudetropicale.forums-actifs.com/h49-essais4

J'ai modifié l'id en 9 pour le topic des présentations. Le 3 étant une partie administrative fermée aux membres.

Si tu veux faire un essai en local, voici des identifiants

pseudo : demeter
Mot de passe : demeter123
demeter1

demeter1
Membre actif

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

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

Résolu Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.

Message par Self Dim 15 Mar 2015 - 19:14

On va recommencer du début.
A quoi est censé servir le code ? :
Code:
<script type="text/JavaScript">function videoselect()</script>

La même demande pour la fonction lancée à la soumission qui n'est apparemment pas reconnu ? :
Code:
return vB_Editor['text_editor'].prepare_submit(0, 0)

Généralement sur Forumactif pour poster un message on utilise l'attribut action avec comme valeur /post, dans ton code on a /posting.forum.
Tu l'as eu pour Forumactif ou sur un forum phpBB le code ?

Pour finir c'est voulu que l'on doivent cliquer plusieurs fois sur le bouton pour l'ouverture et la fermeture de balise ?
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

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

Résolu Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.

Message par demeter1 Dim 15 Mar 2015 - 19:57

Re Self,
désolé pour ce temps d'attente.Le script de base étant dans mes archives depuis un petit moment, j'ai fait une petite recherche et, j'ai fini par trouver deux sources probables :

1 Sur Staffergroup .Voici le lien du tutoriel
http://staffergroupbr.stuning.net/t782-bloqueado-botao-topico-rapido

En désactivant le js sur ton navigateur, tu auras la possibilité d'accéder au tutoriel qui est bloqué pour les invités. IL est donné comme compatible pour toutes les versions.

2 sur un forum d'aide de Fa
http://ajuda.forumeiros.com/t60990-como-coloca-topico-rapido

Pour la fonctiton videoselect, il me semble qu'il sert à initier le dropdown de la fenêtre.

Pour l'autre partie, je n'en ai aucune idée (désolé de ne pas être très utile sur ce coup).

Pour les balises, je t'avouerai ne pas rencontrer de soucis de cet ordre en navigant via Opera. En sélectionnant la partie du texte à encadrer par du bbcode, le dépôt des balises se fait automatiquement dés que l'on clique sur le bouton.

Self, ne te tracasse pas trop. Il est presque 20h , c'est l'heure du repas et rien ne presse; cela peut attendre sans soucis. Il ne manquerait plus que j'impose que le script fonctionne ce soir (ce serait le comble).







demeter1

demeter1
Membre actif

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

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

Résolu Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.

Message par Self Dim 15 Mar 2015 - 20:23

Je vais recommencer tout le code, ce sera plus simple je pense Wink .
Je vois ça demain Smile .
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

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

Résolu Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.

Message par demeter1 Dim 15 Mar 2015 - 20:27

Merci Self. un peu gêné de t'avoir bouffé autant de temps Embarassed .
Passe une bonne fin de soirée et encore merci pour cette aide.
demeter1

demeter1
Membre actif

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

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

Résolu Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.

Message par Self Lun 16 Mar 2015 - 12:45

Bonjour,

On essai comme ceci :
Code:
<script src="http://altitudetropicale.forums-actifs.com/31827.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>
   <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">
            <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 afin de<br/> faciliter les recherches et le référencement</span></b><br>
                              <input type="text" class="inputbox" id="topic" 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 imagesdans 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. j'ai adjoint des fonctions simples (gras, italique, etc) juste au dessus de la fenêtre de saisie</span>
                           </div>
                           <div style="text-align: left;">
                              <div style="color: #0b5394;">Après avoir rédigé votre message, n'oubliez pas :
                                 <ul>
                                    <li> 1 de mettre un titre à votre sujet </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>
                                    3 de cliquer sur envoyer ou sur pré-visualiser si vous souhaitez avoir un visuel avant édition du message.</li>
                                 </ul>
                                 <fieldset>
                                    <strong><br/>Merci de bien tenir compte de ces dernières indications afin de faciliter le travail de la modération. </strong><br/>
                                 </fieldset>
                              </div>
                           </div>
                        </p>
                     </div>
                  </center>   
               </td>
            </tr>
            <tr>   
               <td>
                  <!--barre bbcode---------------------------------------->
                  *<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><br/>
                  <!--fim de la barre---------------------------------------->
               </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>
                                    <span class="corners-top"><span></span></span>
                                    <fieldset class="submit-buttons">
                                       <select name="forum_select" id="forum_select">
                                          <option value="3">forum 3</option>
                                          <option value="51">forum 51</option>
                                          <option value="22">forum 22</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="hidden" name="subject" value=""/>
                                       <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="preview" 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>

Avec le Javascript comme ceci :
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()+'')};
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

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

Résolu Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.

Message par demeter1 Lun 16 Mar 2015 - 12:56

Bonjour,
Toujours le même message "le forum que vous avez sélectionné n'existe pas".

J'ai bien modifié l'id du premier option value de 3 en 9 pour le topic des présentations.
Code:
<option value="3">forum 3</option>
demeter1

demeter1
Membre actif

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

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

Résolu Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.

Message par Self Lun 16 Mar 2015 - 13:16

Peux tu essayer en enlevant le haut et le bas de ton forum, ça ne fonctionnera pas mais j'ai l'impression qu'il y a un problème au niveaux du HTML.
Tu m'as donné tout le contenu de la page ?
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

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

Résolu Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.

Message par demeter1 Lun 16 Mar 2015 - 13:39

Re Self,
Tout le contenu de la page a été fourni. Sur la dernière trame que tu m'as fourni, toute la mise en forme a sauté et le overflow est inactif.

En désactivant "le Voulez-vous utiliser le haut et le bas de page de votre forum ?" le formulaire fonctionne pour l'envoi (pas pour le bbcode) mais avec une bizarrerie. Alors que l'id de la première ligne est 9 il m'expédie le formulaire en 31. Le corps du forum est pris en compte mais pas le titre. Le preview s'active automatiquement.

En image
Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi. Sans_t10

Je te redonne le lien de la page html : http://altitudetropicale.forums-actifs.com/h49-essais4
le lien du js : http://altitudetropicale.forums-actifs.com/31596.js


Si tu veux faire un essai en local, voici des identifiants

pseudo : demeter
Mot de passe : demeter123
demeter1

demeter1
Membre actif

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

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

Résolu Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.

Message par Self Lun 16 Mar 2015 - 15:40

C'est normal que ça t’envoie vers le forum 51 puisque l'on a pas importé jQuery et donc les codes js ne fonctionne pas et de base ton formulaire est configuré pour envoyer le message dans le forum 51.
En tout cas je ne sais pourquoi le HTML fou le bordel, peux tu réessayer ce code avec le haut et bas de ton forum :
Code:
<script src="http://altitudetropicale.forums-actifs.com/31827.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">
               <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 afin de<br/> faciliter les recherches et le référencement</span></b><br>
                                 <input type="text" class="inputbox" id="topic" 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 imagesdans 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. j'ai adjoint des fonctions simples (gras, italique, etc) juste au dessus de la fenêtre de saisie</span>
                              </div>
                              <div style="text-align: left;">
                                 <div style="color: #0b5394;">Après avoir rédigé votre message, n'oubliez pas :
                                    <ul>
                                       <li> 1 de mettre un titre à votre sujet </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>
                                       3 de cliquer sur envoyer ou sur pré-visualiser si vous souhaitez avoir un visuel avant édition du message.</li>
                                    </ul>
                                    <fieldset>
                                       <strong><br/>Merci de bien tenir compte de ces dernières indications afin de faciliter le travail de la modération. </strong><br/>
                                    </fieldset>
                                 </div>
                              </div>
                           </p>
                        </div>
                     </center>   
                  </td>
               </tr>
               <tr>   
                  <td>
                     <!--barre bbcode---------------------------------------->
                     *<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><br/>
                     <!--fim de la barre---------------------------------------->
                  </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>
                                       <span class="corners-top"><span></span></span>
                                       <fieldset class="submit-buttons">
                                          <select name="forum_select" id="forum_select">
                                             <option value="3">forum 3</option>
                                             <option value="51">forum 51</option>
                                             <option value="22">forum 22</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="hidden" name="subject" value=""/>
                                          <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>
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

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

Résolu Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.

Message par demeter1 Lun 16 Mar 2015 - 16:42

Re self,
Tu as réussi à trouver la faille pour l'envoi.

Voici le visuel du formulaire
Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi. Visuel11

A l'envoi le titre n'est pas pris en compte
Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi. A_l_en11

Désolé de te faire bosser autant Embarassed



demeter1

demeter1
Membre actif

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

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

Résolu Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.

Message par Self Lun 16 Mar 2015 - 17:45

Je ne te fait faire que des tests pour le moment mais je n'ai pas encore déterminé d'où vient le bogue du HTML.
Peux tu essayer de désactiver un moment les javascript de ton forum ?
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

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

Résolu Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.

Message par demeter1 Lun 16 Mar 2015 - 19:00

Je viens de désactiver le js.
demeter1

demeter1
Membre actif

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

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

Résolu Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.

Message par Self Lun 16 Mar 2015 - 20:00

ça n'a pas l'air de venir des JS, tu as modifié ton template overall_header pour les widgets sur le coté gauche ?
Peux-tu me le passer stp ?
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

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

Résolu Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.

Message par demeter1 Lun 16 Mar 2015 - 20:06

Il a été bien chamboulé celui-ci. Le voici

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>

<meta name="google-site-verification" content="QIt8QdIQrncat0F9agLr9i4MyUk52K2siVNcNtm1V08" /> 
 <meta name="identifier-url" content="http://altitudetropicale.forums-actifs.com" />
<meta name="title" content="Altitude Tropicale forum de jardinage" />
<meta name="description" content="forum de jardinage sur les plantes tropicales acclimatables en zones tempérées. Plantes exotiques et tropicales, culture et acclimatation." />
<meta name="abstract" content="forum de jardinage sur les plantes tropicales acclimatables en zones tempérées. Plantes exotiques et tropicales, culture et acclimatation." />
<meta name="keywords" content="Jardin,jardinerr, jardinier, acanthacée, araliacée,Amaryllidacée,bulbeuse, tropicale,aracée,musacée,broméliacée,costacée,cycadales, éricacée,fougère,fruitiers,géraniacée,héliconiacée,malcacée,solanacée,marantacée, cannacée,orchidacée,plamiers, plante carnivore, murs végétaux,plantes xérophytes,poacée, potager, protéacée, rutacée,strelilziacée,zingibéracée, CACTUS, plantes, canna,musa, aquatique, succulente, hedychium, forum de jardinage" />
<meta name="author" content="fascicularia" />
<meta http-equiv="pragma" content="no-cache" />
<meta name="revisit-after" content="3" />
<meta name="language" content="FR" />
<meta name="robots" content="All" />
 

<link href="http://fonts.googleapis.com/css?family=Playfair+Display&amp;v1" rel="stylesheet" type="text/css" />
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
 
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
   <meta http-equiv="content-script-type" content="text/javascript" />
   <meta http-equiv="content-style-type" content="text/css" />
   <!-- BEGIN switch_compat_meta -->
   <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
 
   <!-- END switch_compat_meta -->
   <!-- BEGIN switch_canonical_url -->
   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
   <!-- END switch_canonical_url -->
   {META_FAVICO}
   {META}
   {META_FB_LIKE}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
   {T_HEAD_STYLESHEET}
   {CSS}
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
   <script src="{JQUERY_PATH}" type="text/javascript"></script>
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

   <!-- BEGIN switch_fb_login -->
   <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
   <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
   <!-- END switch_fb_login -->

    <!-- BEGIN switch_ticker -->
          $(document).ready(function() {           
              Ticker.start({
                height : {switch_ticker.HEIGHT},
                spacing : {switch_ticker.SPACING},
                speed : {switch_ticker.SPEED},
                direction : '{switch_ticker.DIRECTION}',
                pause : {switch_ticker.STOP_TIME}
              });
          });
        <!-- END switch_ticker -->

   <!-- BEGIN switch_ticker_new -->
   <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
   <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch( tickerDirParam )
      {
         case 'top' :
            slid_vert = true;
            break;

         case 'left':
            break;

         case 'bottom':
            slid_vert = true;
            auto_dir = 'prev';
            break;

         case 'right':
            auto_dir = 'prev';
            break;

         default:
            slid_vert = true;
      }

      $(document).ready(function() {
         var w_cont = $('#fa_ticker_container').width();

         if (w_cont > 0)
         {
            $('#fa_ticker_container').width(w_cont);

            /* Affichage de la liste */
            $('#fa_ticker_content').css('display','block');

            /* Calcul des dimensions du conteneur et des elements */
            var width_max = $('ul#fa_ticker_content').width();
            var width_item = Math.floor(width_max / {switch_ticker.SIZE});
            var height_max = h_perso;

            /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
            $('ul#fa_ticker_content li').each( function () {
               if ($(this).height() > height_max)
               {
                  height_max = $(this).height();
               }
            } );

            /* Redimensionnement des elements et des images trop larges */
            $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
               if ($(this).width() > width_item)
               {
               var ratio      = $(this).width() / width_item;
               var new_height = Math.round($(this).height() / ratio);
               $(this).height(new_height).width(width_item);
               }
            });

            /* Redimensionnement et centrage du conteneur en mode vertical */
            if (slid_vert)
            {
               $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
            }

            /* Initialisation du caroussel */
            $('#fa_ticker_content').jcarousel({
                  vertical: slid_vert,
               wrap: 'circular',
               auto: {switch_ticker.STOP_TIME},
               auto_direction: auto_dir,
            scroll: 1,
            size: {switch_ticker.SIZE},
            height_max: height_max,
            animation: {switch_ticker.SPEED}
            });
         }
         else
         {
            $('ul#fa_ticker_content li:not(:first)').css('display','none');
            $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
         }
      });
   //]]>
   </script>
   <!-- END switch_ticker_new -->

   <script type="text/javascript">//<![CDATA[
   $(document).ready(function(){
       <!-- BEGIN switch_enable_pm_popup -->
                pm = $('body').prepend('
                <div id="kinboxpop">
                  <div id="knmessagepop" style="z-index:999;">         
                      <h3><span class="username">' + _userdata.username + '</span> Vous avez un nouveau message</h3>
                    <span id="contentmess">Vérifiez votre boîte de réception pour afficher le message.<br /><br />
          <a href="/privmsg?folder=inbox"><p style="color:#566c00">Voir le message</p></a></span>
                    </div>
                </div>');
              $('#close_popup').on('click',function() {
                    $('#kinboxpop').remove();
                });
              <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
         report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
         if(report != null) { report.focus(); }
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         $(document).ready(function() {
            ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
         });
      <!-- END switch_ticker -->
   });

   <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
   <!-- END switch_login_popup -->

   <!-- BEGIN switch_login_popup -->
   $(document).ready( function() {
      $(window).resize(function() {
         var windowWidth = document.documentElement.clientWidth;
         var popupWidth = $("#login_popup").width();
         var mypopup = $("#login_popup");

         $("#login_popup").css({
         "left": windowWidth/2 - popupWidth/2
            });
      });
   });
   <!-- END switch_login_popup -->
   //]]>
   </script>
   {GREETING_POPUP}
   <!-- BEGIN switch_ticker_new -->
   <style>
   .jcarousel-skin-tango .jcarousel-item {
      text-align:center;
      width: 10px;
   }

   .jcarousel-skin-tango .jcarousel-item-horizontal {
      margin-right: {switch_ticker.SPACING}px;
   }

   .jcarousel-skin-tango .jcarousel-item-vertical {
      margin-bottom: {switch_ticker.SPACING}px;
   }
   </style>
   <!-- END switch_ticker_new -->
   {HOSTING_JS}
   <!-- BEGIN google_analytics_code -->
   <script type="text/javascript">
   //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
    _gaq.push(['_trackPageview']);
   _gaq.push(['_trackPageLoadTime']);

   <!-- BEGIN google_analytics_code_bis -->
   _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
   _gaq.push(['b._trackPageview']);
   <!-- END google_analytics_code_bis -->

    (function() {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
   //]]>
   </script>
   <!-- END google_analytics_code -->

  <br /> <br /> <br />

 

 
 
 <!-- Debut header -->
  <div id="dino"></div>
<div class="abeille"></div>
<div id="yeux"></div>
<div class="cat"></div>
<div class="plaque"></div>
<div class="colibri"></div>
<div class="colibra"></div>
<table class="FCK__ShowTableBorders" cellspacing="1" cellpadding="0" width="750" align="center" border="0">
<tbody>
 
 
 
  <!--
 Début décoration thème parchemin et jungle monkey--><!--
 fin décoration thème parchemin et jungle monkey -->

      <img style="display: none;" src="http://i39.servimg.com/u/f39/11/93/85/24/altitu10.png" alt="" />
           
                <tr>

                    <td>

                  <div class="c3">  <img onmouseover="this.src='http://i39.servimg.com/u/f39/11/93/85/24/altitu10.png'" src="http://i39.servimg.com/u/f39/11/93/85/24/image_10.png" onmouseout="this.src='http://i39.servimg.com/u/f39/11/93/85/24/image_10.png'" />
                  </div>
                    </td>

                </tr>

            </tbody>

        </table>
<br /><br />
  <!-- BEGIN switch_user_logged_out -->
               
                <div class="guestMessage">
                   <strong>Bienvenue sur Altitude Tropicale</strong><br>
Cultiver des plantes insolites est un réel plaisir. D'abord en raison de leur rareté, mais aussi pour leur port si différent des végétaux que l'on rencontre sous nos latitudes. L'intérêt qui se manifeste actuellement pour les plantes exotiques va de pair avec l'accroissement du temps libre. On passe de plus en plus de temps dans son jardin et l'on rêve de vacances ensoleillées sous des pays lointains. Or, précisément, les plantes exotiques évoquent ces pays ensoleillés. En avoir chez soi, c'est apporter à son jardin une ambiance exotique qui incite à l'évasion, au rêve, au voyage. Mais créer un jardin de plantes exotiques sous des climats sujets au gel, cela semble généralement un véritable challenge. L'objectif de ce forum est donc de vous faire découvrir un choix de plantes acclimatables dans les jardins tempérés.<br />
Inscrivez-vous dés maintenant pour accéder à toutes nos fonctionnalités. Si vous avez déjà un compte, <a href="/login"> Connectez-vous ici</a> - sinon <a href="/register"> créez un compte</a> gratuitement !<br />


  <noscript><br /><br />
 Pour accéder à toutes les fonctionnalités de ce site et avoir un visuel conforme , vous devez activer le JavaScript.
 Voici les <a href="http://www.enable-javascript.com/fr/" target="_blank">
 instructions pour activer le JavaScript dans votre navigateur Web</a>.
</noscript>
                   
                </div>
                  <!-- END switch_user_logged_out -->     



       

     
        <!--Rajout typographie-->

        <link href="http://fonts.googleapis.com/css?family=Playfair+Display&amp;v1" rel="stylesheet" type="text/css" />


        <!--Fin rajout typographie-->


<!--    Menu coulissant droit  --><style type="text/css"> #gb{position:fixed;top:0px;z-index:+1000;}* html #gb{position:relative;}  .gbtab{height:78px;width:48px;float:left;cursor:pointer;background:url(' http://i39.servimg.com/u/f39/11/93/85/24/sans_t34.png') no-repeat;position:relative;   top: 70px;}.gbcontent{float:left;border:1px solid #000;background:#000000;padding:10px;}</style> <script type="text/javascript">function showHideGB(){var gb = document.getElementById("gb");var w = gb.offsetWidth;gb.opened ? moveGB(0, 48-w) : moveGB(10-w, 0);gb.opened = !gb.opened;}function moveGB(x0, xf){var gb = document.getElementById("gb");var dx = Math.abs(x0-xf) > 30 ? 30 : 1;var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;gb.style.right = x.toString() + "px";if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 5);}}</script>
<div id="gb" style="Right: -423px;">
   
   <div onclick="showHideGB()" class="gbtab">
      
   </div>
   
   <div class="gbcontent">
       <title></title> <style type="text/css">
 div.c2 {margin:auto;text-align:left;width:100%}
 select.c1 {width: 268px;}
</style> <a href="/search?search_id=newposts">Voir les nouveaux messages depuis votre dernière visite</a><br /><a href="/search?search_id=activetopics">Sujets actifs du jour</a><br /> <a href="/search?search_id=egosearch">Voir ses messages</a> <br /><a href="/search?search_id=unanswered">Voir les messages sans réponses</a><br /><a href="/portal?pid=1&tt=1">Les 100 derniers sujets</a><br /><a href="/portal?pid=63">Les 25 derniers sujets : lecture du premier topic</a><br />Les 25 derniers topics par forum<br />
      <div class="c2">
          <select onchange="location = this.value" class="c1"><option selected="selected">Choisir la section</option><option value="/portal?pid=54">Vie du site</option><option value="/portal?pid=5">Les plantes</option><option value="/portal?pid=55">Aspects généraux</option><option value="/portal?pid=56">Maladies et ravageurs</option><option value="/portal?pid=57">Visites de jardin</option><option value="/portal?pid=58">Fiches et articles</option><option value="/portal?pid=59">Échanges et bons plans</option><option value="/portal?pid=60">Liens du web</option><option value="/portal?pid=61">Divers</option></select>
      </div>
   </div>
</div> 


<meta name="google-site-verification" content="QIt8QdIQrncat0F9agLr9i4MyUk52K2siVNcNtm1V08" />
       
          <script type="text/javascript">//<![CDATA[
              ss.STEPS = 40;
          //]]>
          </script>
       
          <!-- ======================================================================================== -->
          <!-- Alexandria IS DISTRIBUTED "AS IS". NO WARRANTY OF ANY KIND IS EXPRESSED OR IMPLIED.      -->
          <!-- YOU USE AT YOUR OWN RISK. THE AUTHOR WILL NOT BE LIABLE FOR DATA LOSS, DAMAGES, LOSS OF  -->
          <!-- PROFITS OR ANY OTHER KIND OF LOSS WHILE USING OR MISUSING THIS SOFTWARE.                -->
          <!-- ======================================================================================== -->
       
       
          <!-- Alexandria's parameters for Webmasters                                                  -->
          <!-- Download and place on your site the "alexandria.wm.js" to update your special terms.    -->
          <!-- Customization is only possible for registered customers.                                -->
          <!-- **************************************************************************************** -->
            <script type="text/javascript" language="JavaScript1.2" src="http://www.memodata.com/alexandria/alexandria.wm.fr.js"></script>
       
          <!-- **************************************************************************************** -->
          <!-- Alexandria's engine                                                                      -->
          <!-- Copy the lines below in each page you want Alexandria's functionalities to be available. -->
          <!-- **************************************************************************************** -->
            <script type="text/javascript" language="JavaScript1.2" src="http://www.sensagent.com/alexandria/scripts/alexandria.main.js"></script>
            <link rel="StyleSheet" href="http://www.sensagent.com/alexandria/css/alexandria.window.css" type="text/css" />
       
          <!-- ======================================================================================== -->


</head>

 
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
   <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
         <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
         </p>
      </div>
   </div>
   <!-- END hitskin_preview -->

   <!-- BEGIN switch_login_popup -->
   <div id="login_popup">
      <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
         <tr height="25">
            <td class="catLeft">
               <span class="genmed module-title">{SITENAME}</span>
            </td>
         </tr>
         <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
            <td class="row1" align="left" valign="top">
               <div id="login_popup_buttons">
                  <form action="{S_LOGIN_ACTION}" method="get">
                     <input type="submit" class="mainoption" value="{L_LOGIN}" />
                     <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                     <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                  </form>
               </div>
               <span class="genmed">{LOGIN_POPUP_MSG}</span>
            </td>
         </tr>
      </table>
   </div>
   <!-- END switch_login_popup -->

   <a name="top"></a>
   {JAVASCRIPT}

<!--début encadrement-->
    <div id="haut_cadre"></div>
   
<div id="fond_cadre">

<!-- fin premiere partie suite dans le template overall footer end-->

   <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
         <td class="bodyline">
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
               <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_left -->
                  <td align="center" width="100%" valign="middle">
                     <!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                     <br />
                     <!-- END switch_logo_center -->
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
                  </td>
                  <!-- BEGIN switch_logo_right -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_right -->
               </tr>
            </table>
                                <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
            
               <tr>
               <td align="{MENU_POSITION}"{MENU_NOWRAP} class="navig"> <span id="true_bar"><div align="center">{GENERATED_NAV_BAR}</div> </span> </td>




               </tr>
            </table>
<br /><br />
<!-- Selecteur de theme-->
<table cellspacing="0" cellpadding="0" border="0" align="center">

                      <tr> <td><div id="selecteur"></div></td></tr></table>

<!-- Fin selecteur de theme-->

            <div style="clear: both;"></div>

            <!-- BEGIN switch_ticker_new -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td align="left" class="row1">
                        <div id="fa_ticker_container">
                           <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                           </ul>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker_new -->

            <!-- BEGIN switch_ticker -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td align="left" class="row1">
                        <div id="fa_ticker_container">
                           <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                              <div class="fa_ticker_content">
                                 <!-- BEGIN ticker_row -->
                                 <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                 <!-- END ticker_row -->
                              </div>
                           </div>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker -->

             <div id="page-body">

              <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>

                  <table cellpadding="0" cellspacing="0" width="100%" class="three-col">

                    <tbody>

                        <tr>

                          <td valign="top">

<table cellpadding="0" cellspacing="0" width="auto"><tr><td class="widgetleft" width="{C1SIZE}"><span class="mainwidgetleft">

 

 

                              <div id="{ID_LEFT}">

                                <!-- BEGIN giefmod_index1 -->

                                {giefmod_index1.MODVAR}

                                    <!-- BEGIN saut -->

                                    <div style="height:{SPACE_ROW}px"></div>

                                    <!-- END saut -->

                                <!-- END giefmod_index1 -->

                              </div>

 

</span> </td></tr></table>

 

                          </td>
                         
     
 

                 
 
demeter1

demeter1
Membre actif

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

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

Résolu Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.

Message par Self Lun 16 Mar 2015 - 21:50

demeter1 a écrit:Il a été bien chamboulé celui-ci.

Effectivement, tellement que je ne savais même pas où mettre ce qui était mal placé.
On peut faire un essai comme ceci ? :
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
 
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>

   <meta name="google-site-verification" content="QIt8QdIQrncat0F9agLr9i4MyUk52K2siVNcNtm1V08" />
   <meta name="identifier-url" content="http://altitudetropicale.forums-actifs.com" />
   <meta name="keywords" content="Jardin,jardinerr, jardinier, acanthacée, araliacée,Amaryllidacée,bulbeuse, tropicale,aracée,musacée,broméliacée,costacée,cycadales, éricacée,fougère,fruitiers,géraniacée,héliconiacée,malcacée,solanacée,marantacée, cannacée,orchidacée,plamiers, plante carnivore, murs végétaux,plantes xérophytes,poacée, potager, protéacée, rutacée,strelilziacée,zingibéracée, CACTUS, plantes, canna,musa, aquatique, succulente, hedychium, forum de jardinage" />
   <meta name="author" content="fascicularia" />
   <meta http-equiv="pragma" content="no-cache" />
   <meta name="revisit-after" content="3" />
   <meta name="robots" content="All" />
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
   <meta http-equiv="content-script-type" content="text/javascript" />
   <meta http-equiv="content-style-type" content="text/css" />
   <!-- BEGIN switch_compat_meta -->
   <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
   <!-- END switch_compat_meta -->
   <!-- BEGIN switch_canonical_url -->
   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
   <!-- END switch_canonical_url -->
   {META_FAVICO}
   {META}
   {META_FB_LIKE}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
   {T_HEAD_STYLESHEET}
   <link href="http://fonts.googleapis.com/css?family=Playfair+Display&amp;v1" rel="stylesheet" type="text/css" />
   {CSS}
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
   <script src="{JQUERY_PATH}" type="text/javascript"></script>
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

   <!-- BEGIN switch_fb_login -->
   <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
   <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
   <!-- END switch_fb_login -->

   <!-- BEGIN switch_ticker -->
   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <!-- END switch_ticker -->

   <!-- BEGIN switch_ticker_new -->
   <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
   <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch( tickerDirParam )
      {
         case 'top' :
            slid_vert = true;
            break;

         case 'left':
            break;

         case 'bottom':
            slid_vert = true;
            auto_dir = 'prev';
            break;

         case 'right':
            auto_dir = 'prev';
            break;

         default:
            slid_vert = true;
      }

      $(document).ready(function() {
         var w_cont = $('#fa_ticker_container').width();

         if (w_cont > 0)
         {
            $('#fa_ticker_container').width(w_cont);

            /* Affichage de la liste */
            $('#fa_ticker_content').css('display','block');

            /* Calcul des dimensions du conteneur et des elements */
            var width_max = $('ul#fa_ticker_content').width();
            var width_item = Math.floor(width_max / {switch_ticker.SIZE});
            var height_max = h_perso;

            /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
            $('ul#fa_ticker_content li').each( function () {
               if ($(this).height() > height_max)
               {
                  height_max = $(this).height();
               }
            } );

            /* Redimensionnement des elements et des images trop larges */
            $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
               if ($(this).width() > width_item)
               {
               var ratio      = $(this).width() / width_item;
               var new_height = Math.round($(this).height() / ratio);
               $(this).height(new_height).width(width_item);
               }
            });

            /* Redimensionnement et centrage du conteneur en mode vertical */
            if (slid_vert)
            {
               $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
            }

            /* Initialisation du caroussel */
            $('#fa_ticker_content').jcarousel({
                  vertical: slid_vert,
               wrap: 'circular',
               auto: {switch_ticker.STOP_TIME},
               auto_direction: auto_dir,
            scroll: 1,
            size: {switch_ticker.SIZE},
            height_max: height_max,
            animation: {switch_ticker.SPEED}
            });
         }
         else
         {
            $('ul#fa_ticker_content li:not(:first)').css('display','none');
            $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
         }
      });
   //]]>
   </script>
   <!-- END switch_ticker_new -->

   <script type="text/javascript">//<![CDATA[
      $(document).ready(function(){
         <!-- BEGIN switch_enable_pm_popup -->
            pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
            if(pm != null) { pm.focus(); }
         <!-- END switch_enable_pm_popup -->
         <!-- BEGIN switch_report_popup -->
            report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
            if(report != null) { report.focus(); }
         <!-- END switch_report_popup -->
         <!-- BEGIN switch_ticker -->
            $(document).ready(function() {            
               Ticker.start({
                  height : {switch_ticker.HEIGHT},
                  spacing : {switch_ticker.SPACING},
                  speed : {switch_ticker.SPEED},
                  direction : '{switch_ticker.DIRECTION}',
                  pause : {switch_ticker.STOP_TIME}
               });
            });
         <!-- END switch_ticker -->
      });

      <!-- BEGIN switch_login_popup -->
         var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
      <!-- END switch_login_popup -->

      <!-- BEGIN switch_login_popup -->
      $(document).ready( function() {
         $(window).resize(function() {
            var windowWidth = document.documentElement.clientWidth;
            var popupWidth = $("#login_popup").width();
            var mypopup = $("#login_popup");

            $("#login_popup").css({
            "left": windowWidth/2 - popupWidth/2
               });
         });
      });
      <!-- END switch_login_popup -->
      //]]>
   </script>
   
   {GREETING_POPUP}
   
   <!-- BEGIN switch_ticker_new -->
   <style>
      .jcarousel-skin-tango .jcarousel-item {
         text-align:center;
         width: 10px;
      }

      .jcarousel-skin-tango .jcarousel-item-horizontal {
         margin-right: {switch_ticker.SPACING}px;
      }

      .jcarousel-skin-tango .jcarousel-item-vertical {
         margin-bottom: {switch_ticker.SPACING}px;
      }
   </style>
   <!-- END switch_ticker_new -->

   {HOSTING_JS}

   <!-- BEGIN google_analytics_code -->
    <script type="text/javascript">
        //<![CDATA[
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
        ga('create', {G_ANALYTICS_ID}, 'auto');
        ga('send', 'pageview');
       
        <!-- BEGIN google_analytics_code_bis -->
        ga('create', {G_ANALYTICS_ID_BIS}, 'auto', { 'name': 'gabis' });
        ga('gabis.send', 'pageview');
        <!-- END google_analytics_code_bis -->
        //]]>
    </script>
   <!-- END google_analytics_code -->

   <script type="text/javascript">//<![CDATA[
      ss.STEPS = 40;
   //]]>
   </script>
    
   <!-- ======================================================================================== -->
   <!-- Alexandria IS DISTRIBUTED "AS IS". NO WARRANTY OF ANY KIND IS EXPRESSED OR IMPLIED.      -->
   <!-- YOU USE AT YOUR OWN RISK. THE AUTHOR WILL NOT BE LIABLE FOR DATA LOSS, DAMAGES, LOSS OF  -->
   <!-- PROFITS OR ANY OTHER KIND OF LOSS WHILE USING OR MISUSING THIS SOFTWARE.                -->
   <!-- ======================================================================================== -->
    
    
   <!-- Alexandria's parameters for Webmasters                                                  -->
   <!-- Download and place on your site the "alexandria.wm.js" to update your special terms.    -->
   <!-- Customization is only possible for registered customers.                                -->
   <!-- **************************************************************************************** -->
   <script type="text/javascript" language="JavaScript1.2" src="http://www.memodata.com/alexandria/alexandria.wm.fr.js"></script>
    
   <!-- **************************************************************************************** -->
   <!-- Alexandria's engine                                                                      -->
   <!-- Copy the lines below in each page you want Alexandria's functionalities to be available. -->
   <!-- **************************************************************************************** -->
   <script type="text/javascript" language="JavaScript1.2" src="http://www.sensagent.com/alexandria/scripts/alexandria.main.js"></script>
   <link rel="StyleSheet" href="http://www.sensagent.com/alexandria/css/alexandria.window.css" type="text/css" />
    
   <!-- ======================================================================================== -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
   <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
         <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
         </p>
      </div>
   </div>
   <!-- END hitskin_preview -->
     <!-- Debut header -->
   <div id="dino"></div>
   <div class="abeille"></div>
   <div id="yeux"></div>
   <div class="cat"></div>
   <div class="plaque"></div>
   <div class="colibri"></div>
   <div class="colibra"></div>
   
   <table class="FCK__ShowTableBorders" cellspacing="1" cellpadding="0" width="750" align="center" border="0">
      <tbody>
         <tr>
            <td>
               <img style="display: none;" src="http://i39.servimg.com/u/f39/11/93/85/24/altitu10.png" alt="" />
               <div class="c3"><img onmouseover="this.src='http://i39.servimg.com/u/f39/11/93/85/24/altitu10.png'" src="http://i39.servimg.com/u/f39/11/93/85/24/image_10.png" onmouseout="this.src='http://i39.servimg.com/u/f39/11/93/85/24/image_10.png'" />
               </div>
            </td>
         </tr>
      </tbody>
   </table><br /><br />
     <!-- BEGIN switch_user_logged_out -->
   <div class="guestMessage">
      <strong>Bienvenue sur Altitude Tropicale</strong><br>
      Cultiver des plantes insolites est un réel plaisir. D'abord en raison de leur rareté, mais aussi pour leur port si différent des végétaux que l'on rencontre sous nos latitudes. L'intérêt qui se manifeste actuellement pour les plantes exotiques va de pair avec l'accroissement du temps libre. On passe de plus en plus de temps dans son jardin et l'on rêve de vacances ensoleillées sous des pays lointains. Or, précisément, les plantes exotiques évoquent ces pays ensoleillés. En avoir chez soi, c'est apporter à son jardin une ambiance exotique qui incite à l'évasion, au rêve, au voyage. Mais créer un jardin de plantes exotiques sous des climats sujets au gel, cela semble généralement un véritable challenge. L'objectif de ce forum est donc de vous faire découvrir un choix de plantes acclimatables dans les jardins tempérés.<br />
      Inscrivez-vous dés maintenant pour accéder à toutes nos fonctionnalités. Si vous avez déjà un compte, <a href="/login"> Connectez-vous ici</a> - sinon <a href="/register"> créez un compte</a> gratuitement !<br />
      <noscript><br /><br />
         Pour accéder à toutes les fonctionnalités de ce site et avoir un visuel conforme , vous devez activer le JavaScript.
         Voici les <a href="http://www.enable-javascript.com/fr/" target="_blank">
         instructions pour activer le JavaScript dans votre navigateur Web</a>.
      </noscript>
   </div>
   <!-- END switch_user_logged_out -->   
   <!--    Menu coulissant droit  --><style type="text/css"> #gb{position:fixed;top:0px;z-index:+1000;}* html #gb{position:relative;}  .gbtab{height:78px;width:48px;float:left;cursor:pointer;background:url(' http://i39.servimg.com/u/f39/11/93/85/24/sans_t34.png') no-repeat;position:relative;  top: 70px;}.gbcontent{float:left;border:1px solid #000;background:#000000;padding:10px;}</style> <script type="text/javascript">function showHideGB(){var gb = document.getElementById("gb");var w = gb.offsetWidth;gb.opened ? moveGB(0, 48-w) : moveGB(10-w, 0);gb.opened = !gb.opened;}function moveGB(x0, xf){var gb = document.getElementById("gb");var dx = Math.abs(x0-xf) > 30 ? 30 : 1;var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;gb.style.right = x.toString() + "px";if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 5);}}</script>
   <div id="gb" style="Right: -423px;">
      <div onclick="showHideGB()" class="gbtab"></div>
      <div class="gbcontent">
         <style type="text/css">
            div.c2 {margin:auto;text-align:left;width:100%}
            select.c1 {width: 268px;}
         </style>
         <a href="/search?search_id=newposts">Voir les nouveaux messages depuis votre dernière visite</a><br /><a href="/search?search_id=activetopics">Sujets actifs du jour</a><br /> <a href="/search?search_id=egosearch">Voir ses messages</a> <br /><a href="/search?search_id=unanswered">Voir les messages sans réponses</a><br /><a href="/portal?pid=1&tt=1">Les 100 derniers sujets</a><br /><a href="/portal?pid=63">Les 25 derniers sujets : lecture du premier topic</a><br />Les 25 derniers topics par forum<br />
         <div class="c2">
            <select onchange="location = this.value" class="c1"><option selected="selected">Choisir la section</option><option value="/portal?pid=54">Vie du site</option><option value="/portal?pid=5">Les plantes</option><option value="/portal?pid=55">Aspects généraux</option><option value="/portal?pid=56">Maladies et ravageurs</option><option value="/portal?pid=57">Visites de jardin</option><option value="/portal?pid=58">Fiches et articles</option><option value="/portal?pid=59">Échanges et bons plans</option><option value="/portal?pid=60">Liens du web</option><option value="/portal?pid=61">Divers</option></select>
         </div>
      </div>
   </div>

   <!-- BEGIN switch_login_popup -->
   <div id="login_popup">
      <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
         <tr height="25">
            <td class="catLeft">
               <span class="genmed module-title">{SITENAME}</span>
            </td>
         </tr>
         <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
            <td class="row1" align="left" valign="top">
               <div id="login_popup_buttons">
                  <form action="{S_LOGIN_ACTION}" method="get">
                     <input type="submit" class="mainoption" value="{L_LOGIN}" />
                     <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                     <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                  </form>
               </div>
               <span class="genmed">{LOGIN_POPUP_MSG}</span>
            </td>
         </tr>
      </table>
   </div>
   <!-- END switch_login_popup -->

   <a name="top"></a>
   {JAVASCRIPT}

   <!--début encadrement-->
   <div id="haut_cadre"></div>
   <div id="fond_cadre">
      <!-- fin premiere partie suite dans le template overall footer end-->
      <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
         <tr>
            <td class="bodyline">
               <table width="100%" cellspacing="0" cellpadding="0" border="0">
                  <tr>
                     <!-- BEGIN switch_logo_left -->
                     <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                     <!-- END switch_logo_left -->
                     <td align="center" width="100%" valign="middle">
                        <!-- BEGIN switch_logo_center -->
                        <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                        <br />
                        <!-- END switch_logo_center -->
                        <div class="maintitle">{MAIN_SITENAME}</div>
                        <br />
                        <span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
                     </td>
                     <!-- BEGIN switch_logo_right -->
                     <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                     <!-- END switch_logo_right -->
                  </tr>
               </table>
               <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
                  <tr>
                     <td align="{MENU_POSITION}"{MENU_NOWRAP} class="navig"> <span id="true_bar"><div align="center">{GENERATED_NAV_BAR}</div> </span> </td>
                  </tr>
               </table><br /><br />
               <!-- Selecteur de theme-->
               <table cellspacing="0" cellpadding="0" border="0" align="center"><tr><td><div id="selecteur"></div></td></tr></table>
               <!-- Fin selecteur de theme-->
               <div style="clear: both;"></div>

               <!-- BEGIN switch_ticker_new -->
               <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                     <tr>
                        <td align="left" class="row1">
                           <div id="fa_ticker_container">
                              <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                                 <!-- BEGIN ticker_row -->
                                 <li>{switch_ticker.ticker_row.ELEMENT}</li>
                                 <!-- END ticker_row -->
                              </ul>
                           </div>
                        </td>
                     </tr>
                  </table>
               </div>
               <!-- END switch_ticker_new -->

               <!-- BEGIN switch_ticker -->
               <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                     <tr>
                        <td align="left" class="row1">
                           <div id="fa_ticker_container">
                              <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                                   <div class="fa_ticker_content">
                                    <!-- BEGIN ticker_row -->
                                    <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                    <!-- END ticker_row -->
                                   </div>
                              </div>
                           </div>
                        </td>
                     </tr>
                  </table>
               </div>
               <!-- END switch_ticker -->
               <div id="page-body">
                  <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                     <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                        <tbody>
                           <tr>
                              <td valign="top">
                                 <table cellpadding="0" cellspacing="0" width="auto"><tr><td class="widgetleft" width="{C1SIZE}"><span class="mainwidgetleft">
                                    <div id="{ID_LEFT}">
                                       <!-- BEGIN giefmod_index1 -->
                                       {giefmod_index1.MODVAR}
                                       <!-- BEGIN saut -->
                                       <div style="height:{SPACE_ROW}px"></div>
                                       <!-- END saut -->
                                       <!-- END giefmod_index1 -->
                                    </div>
                                 </table>
                              </td>
                              <td valign="top" width="100%">
                              <!-- BEGIN html_validation -->
                              </td>
                           </tr>
                        </tbody>
                     </table>
                  </div>
               </div>
            </td>
         </tr>
      </table>
   </div>
</body>
</html>
<!-- END html_validation -->
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

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

Résolu Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.

Message par demeter1 Mar 17 Mar 2015 - 3:39

Bonjour Self,
La mise ne forme et correcte, l'envoi est bien effectué. Il n'y a que le titre qui n'est pas pris en compte (Vous devez préciser un titre avant de pouvoir envoyer votre message.).

Merci pour cette correction du template et pour tout le travail que tu fournis.
demeter1

demeter1
Membre actif

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

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

Résolu Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.

Message par Self Mar 17 Mar 2015 - 13:13

Bonjour,

On as sur la page deux erreurs Javascript, une que j'ai corrigé dans le template overall_header, que voici :
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
 
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>

   <meta name="google-site-verification" content="QIt8QdIQrncat0F9agLr9i4MyUk52K2siVNcNtm1V08" />
   <meta name="identifier-url" content="http://altitudetropicale.forums-actifs.com" />
   <meta name="keywords" content="Jardin,jardinerr, jardinier, acanthacée, araliacée,Amaryllidacée,bulbeuse, tropicale,aracée,musacée,broméliacée,costacée,cycadales, éricacée,fougère,fruitiers,géraniacée,héliconiacée,malcacée,solanacée,marantacée, cannacée,orchidacée,plamiers, plante carnivore, murs végétaux,plantes xérophytes,poacée, potager, protéacée, rutacée,strelilziacée,zingibéracée, CACTUS, plantes, canna,musa, aquatique, succulente, hedychium, forum de jardinage" />
   <meta name="author" content="fascicularia" />
   <meta http-equiv="pragma" content="no-cache" />
   <meta name="revisit-after" content="3" />
   <meta name="robots" content="All" />
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
   <meta http-equiv="content-script-type" content="text/javascript" />
   <meta http-equiv="content-style-type" content="text/css" />
   <!-- BEGIN switch_compat_meta -->
   <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
   <!-- END switch_compat_meta -->
   <!-- BEGIN switch_canonical_url -->
   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
   <!-- END switch_canonical_url -->
   {META_FAVICO}
   {META}
   {META_FB_LIKE}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
   {T_HEAD_STYLESHEET}
   <link href="http://fonts.googleapis.com/css?family=Playfair+Display&amp;v1" rel="stylesheet" type="text/css" />
   {CSS}
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
   <script src="{JQUERY_PATH}" type="text/javascript"></script>
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

   <!-- BEGIN switch_fb_login -->
   <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
   <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
   <!-- END switch_fb_login -->

   <!-- BEGIN switch_ticker -->
   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <!-- END switch_ticker -->

   <!-- BEGIN switch_ticker_new -->
   <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
   <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch( tickerDirParam )
      {
         case 'top' :
            slid_vert = true;
            break;

         case 'left':
            break;

         case 'bottom':
            slid_vert = true;
            auto_dir = 'prev';
            break;

         case 'right':
            auto_dir = 'prev';
            break;

         default:
            slid_vert = true;
      }

      $(document).ready(function() {
         var w_cont = $('#fa_ticker_container').width();

         if (w_cont > 0)
         {
            $('#fa_ticker_container').width(w_cont);

            /* Affichage de la liste */
            $('#fa_ticker_content').css('display','block');

            /* Calcul des dimensions du conteneur et des elements */
            var width_max = $('ul#fa_ticker_content').width();
            var width_item = Math.floor(width_max / {switch_ticker.SIZE});
            var height_max = h_perso;

            /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
            $('ul#fa_ticker_content li').each( function () {
               if ($(this).height() > height_max)
               {
                  height_max = $(this).height();
               }
            } );

            /* Redimensionnement des elements et des images trop larges */
            $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
               if ($(this).width() > width_item)
               {
               var ratio      = $(this).width() / width_item;
               var new_height = Math.round($(this).height() / ratio);
               $(this).height(new_height).width(width_item);
               }
            });

            /* Redimensionnement et centrage du conteneur en mode vertical */
            if (slid_vert)
            {
               $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
            }

            /* Initialisation du caroussel */
            $('#fa_ticker_content').jcarousel({
                  vertical: slid_vert,
               wrap: 'circular',
               auto: {switch_ticker.STOP_TIME},
               auto_direction: auto_dir,
            scroll: 1,
            size: {switch_ticker.SIZE},
            height_max: height_max,
            animation: {switch_ticker.SPEED}
            });
         }
         else
         {
            $('ul#fa_ticker_content li:not(:first)').css('display','none');
            $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
         }
      });
   //]]>
   </script>
   <!-- END switch_ticker_new -->

   <script type="text/javascript">//<![CDATA[
      $(document).ready(function(){
         <!-- BEGIN switch_enable_pm_popup -->
            pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
            if(pm != null) { pm.focus(); }
         <!-- END switch_enable_pm_popup -->
         <!-- BEGIN switch_report_popup -->
            report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
            if(report != null) { report.focus(); }
         <!-- END switch_report_popup -->
         <!-- BEGIN switch_ticker -->
            $(document).ready(function() {            
               Ticker.start({
                  height : {switch_ticker.HEIGHT},
                  spacing : {switch_ticker.SPACING},
                  speed : {switch_ticker.SPEED},
                  direction : '{switch_ticker.DIRECTION}',
                  pause : {switch_ticker.STOP_TIME}
               });
            });
         <!-- END switch_ticker -->
      });

      <!-- BEGIN switch_login_popup -->
         var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
      <!-- END switch_login_popup -->

      <!-- BEGIN switch_login_popup -->
      $(document).ready( function() {
         $(window).resize(function() {
            var windowWidth = document.documentElement.clientWidth;
            var popupWidth = $("#login_popup").width();
            var mypopup = $("#login_popup");

            $("#login_popup").css({
            "left": windowWidth/2 - popupWidth/2
               });
         });
      });
      <!-- END switch_login_popup -->
      //]]>
   </script>
   
   {GREETING_POPUP}
   
   <!-- BEGIN switch_ticker_new -->
   <style>
      .jcarousel-skin-tango .jcarousel-item {
         text-align:center;
         width: 10px;
      }

      .jcarousel-skin-tango .jcarousel-item-horizontal {
         margin-right: {switch_ticker.SPACING}px;
      }

      .jcarousel-skin-tango .jcarousel-item-vertical {
         margin-bottom: {switch_ticker.SPACING}px;
      }
   </style>
   <!-- END switch_ticker_new -->

   {HOSTING_JS}

   <!-- BEGIN google_analytics_code -->
    <script type="text/javascript">
        //<![CDATA[
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
        ga('create', {G_ANALYTICS_ID}, 'auto');
        ga('send', 'pageview');
       
        <!-- BEGIN google_analytics_code_bis -->
        ga('create', {G_ANALYTICS_ID_BIS}, 'auto', { 'name': 'gabis' });
        ga('gabis.send', 'pageview');
        <!-- END google_analytics_code_bis -->
        //]]>
    </script>
   <!-- END google_analytics_code -->
    
   <!-- ======================================================================================== -->
   <!-- Alexandria IS DISTRIBUTED "AS IS". NO WARRANTY OF ANY KIND IS EXPRESSED OR IMPLIED.      -->
   <!-- YOU USE AT YOUR OWN RISK. THE AUTHOR WILL NOT BE LIABLE FOR DATA LOSS, DAMAGES, LOSS OF  -->
   <!-- PROFITS OR ANY OTHER KIND OF LOSS WHILE USING OR MISUSING THIS SOFTWARE.                -->
   <!-- ======================================================================================== -->
    
    
   <!-- Alexandria's parameters for Webmasters                                                  -->
   <!-- Download and place on your site the "alexandria.wm.js" to update your special terms.    -->
   <!-- Customization is only possible for registered customers.                                -->
   <!-- **************************************************************************************** -->
   <script type="text/javascript" language="JavaScript1.2" src="http://www.memodata.com/alexandria/alexandria.wm.fr.js"></script>
    
   <!-- **************************************************************************************** -->
   <!-- Alexandria's engine                                                                      -->
   <!-- Copy the lines below in each page you want Alexandria's functionalities to be available. -->
   <!-- **************************************************************************************** -->
   <script type="text/javascript" language="JavaScript1.2" src="http://www.sensagent.com/alexandria/scripts/alexandria.main.js"></script>
   <link rel="StyleSheet" href="http://www.sensagent.com/alexandria/css/alexandria.window.css" type="text/css" />
    
   <!-- ======================================================================================== -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
   <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
         <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
         </p>
      </div>
   </div>
   <!-- END hitskin_preview -->
     <!-- Debut header -->
   <div id="dino"></div>
   <div class="abeille"></div>
   <div id="yeux"></div>
   <div class="cat"></div>
   <div class="plaque"></div>
   <div class="colibri"></div>
   <div class="colibra"></div>
   
   <table class="FCK__ShowTableBorders" cellspacing="1" cellpadding="0" width="750" align="center" border="0">
      <tbody>
         <tr>
            <td>
               <img style="display: none;" src="http://i39.servimg.com/u/f39/11/93/85/24/altitu10.png" alt="" />
               <div class="c3"><img onmouseover="this.src='http://i39.servimg.com/u/f39/11/93/85/24/altitu10.png'" src="http://i39.servimg.com/u/f39/11/93/85/24/image_10.png" onmouseout="this.src='http://i39.servimg.com/u/f39/11/93/85/24/image_10.png'" />
               </div>
            </td>
         </tr>
      </tbody>
   </table><br /><br />
     <!-- BEGIN switch_user_logged_out -->
   <div class="guestMessage">
      <strong>Bienvenue sur Altitude Tropicale</strong><br>
      Cultiver des plantes insolites est un réel plaisir. D'abord en raison de leur rareté, mais aussi pour leur port si différent des végétaux que l'on rencontre sous nos latitudes. L'intérêt qui se manifeste actuellement pour les plantes exotiques va de pair avec l'accroissement du temps libre. On passe de plus en plus de temps dans son jardin et l'on rêve de vacances ensoleillées sous des pays lointains. Or, précisément, les plantes exotiques évoquent ces pays ensoleillés. En avoir chez soi, c'est apporter à son jardin une ambiance exotique qui incite à l'évasion, au rêve, au voyage. Mais créer un jardin de plantes exotiques sous des climats sujets au gel, cela semble généralement un véritable challenge. L'objectif de ce forum est donc de vous faire découvrir un choix de plantes acclimatables dans les jardins tempérés.<br />
      Inscrivez-vous dés maintenant pour accéder à toutes nos fonctionnalités. Si vous avez déjà un compte, <a href="/login"> Connectez-vous ici</a> - sinon <a href="/register"> créez un compte</a> gratuitement !<br />
      <noscript><br /><br />
         Pour accéder à toutes les fonctionnalités de ce site et avoir un visuel conforme , vous devez activer le JavaScript.
         Voici les <a href="http://www.enable-javascript.com/fr/" target="_blank">
         instructions pour activer le JavaScript dans votre navigateur Web</a>.
      </noscript>
   </div>
   <!-- END switch_user_logged_out -->   
   <!--    Menu coulissant droit  --><style type="text/css"> #gb{position:fixed;top:0px;z-index:+1000;}* html #gb{position:relative;}  .gbtab{height:78px;width:48px;float:left;cursor:pointer;background:url(' http://i39.servimg.com/u/f39/11/93/85/24/sans_t34.png') no-repeat;position:relative;  top: 70px;}.gbcontent{float:left;border:1px solid #000;background:#000000;padding:10px;}</style> <script type="text/javascript">function showHideGB(){var gb = document.getElementById("gb");var w = gb.offsetWidth;gb.opened ? moveGB(0, 48-w) : moveGB(10-w, 0);gb.opened = !gb.opened;}function moveGB(x0, xf){var gb = document.getElementById("gb");var dx = Math.abs(x0-xf) > 30 ? 30 : 1;var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;gb.style.right = x.toString() + "px";if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 5);}}</script>
   <div id="gb" style="Right: -423px;">
      <div onclick="showHideGB()" class="gbtab"></div>
      <div class="gbcontent">
         <style type="text/css">
            div.c2 {margin:auto;text-align:left;width:100%}
            select.c1 {width: 268px;}
         </style>
         <a href="/search?search_id=newposts">Voir les nouveaux messages depuis votre dernière visite</a><br /><a href="/search?search_id=activetopics">Sujets actifs du jour</a><br /> <a href="/search?search_id=egosearch">Voir ses messages</a> <br /><a href="/search?search_id=unanswered">Voir les messages sans réponses</a><br /><a href="/portal?pid=1&tt=1">Les 100 derniers sujets</a><br /><a href="/portal?pid=63">Les 25 derniers sujets : lecture du premier topic</a><br />Les 25 derniers topics par forum<br />
         <div class="c2">
            <select onchange="location = this.value" class="c1"><option selected="selected">Choisir la section</option><option value="/portal?pid=54">Vie du site</option><option value="/portal?pid=5">Les plantes</option><option value="/portal?pid=55">Aspects généraux</option><option value="/portal?pid=56">Maladies et ravageurs</option><option value="/portal?pid=57">Visites de jardin</option><option value="/portal?pid=58">Fiches et articles</option><option value="/portal?pid=59">Échanges et bons plans</option><option value="/portal?pid=60">Liens du web</option><option value="/portal?pid=61">Divers</option></select>
         </div>
      </div>
   </div>

   <!-- BEGIN switch_login_popup -->
   <div id="login_popup">
      <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
         <tr height="25">
            <td class="catLeft">
               <span class="genmed module-title">{SITENAME}</span>
            </td>
         </tr>
         <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
            <td class="row1" align="left" valign="top">
               <div id="login_popup_buttons">
                  <form action="{S_LOGIN_ACTION}" method="get">
                     <input type="submit" class="mainoption" value="{L_LOGIN}" />
                     <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                     <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                  </form>
               </div>
               <span class="genmed">{LOGIN_POPUP_MSG}</span>
            </td>
         </tr>
      </table>
   </div>
   <!-- END switch_login_popup -->

   <a name="top"></a>
   {JAVASCRIPT}

   <!--début encadrement-->
   <div id="haut_cadre"></div>
   <div id="fond_cadre">
      <!-- fin premiere partie suite dans le template overall footer end-->
      <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
         <tr>
            <td class="bodyline">
               <table width="100%" cellspacing="0" cellpadding="0" border="0">
                  <tr>
                     <!-- BEGIN switch_logo_left -->
                     <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                     <!-- END switch_logo_left -->
                     <td align="center" width="100%" valign="middle">
                        <!-- BEGIN switch_logo_center -->
                        <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                        <br />
                        <!-- END switch_logo_center -->
                        <div class="maintitle">{MAIN_SITENAME}</div>
                        <br />
                        <span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
                     </td>
                     <!-- BEGIN switch_logo_right -->
                     <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                     <!-- END switch_logo_right -->
                  </tr>
               </table>
               <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
                  <tr>
                     <td align="{MENU_POSITION}"{MENU_NOWRAP} class="navig"> <span id="true_bar"><div align="center">{GENERATED_NAV_BAR}</div> </span> </td>
                  </tr>
               </table><br /><br />
               <!-- Selecteur de theme-->
               <table cellspacing="0" cellpadding="0" border="0" align="center"><tr><td><div id="selecteur"></div></td></tr></table>
               <!-- Fin selecteur de theme-->
               <div style="clear: both;"></div>

               <!-- BEGIN switch_ticker_new -->
               <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                     <tr>
                        <td align="left" class="row1">
                           <div id="fa_ticker_container">
                              <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                                 <!-- BEGIN ticker_row -->
                                 <li>{switch_ticker.ticker_row.ELEMENT}</li>
                                 <!-- END ticker_row -->
                              </ul>
                           </div>
                        </td>
                     </tr>
                  </table>
               </div>
               <!-- END switch_ticker_new -->

               <!-- BEGIN switch_ticker -->
               <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                     <tr>
                        <td align="left" class="row1">
                           <div id="fa_ticker_container">
                              <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                                   <div class="fa_ticker_content">
                                    <!-- BEGIN ticker_row -->
                                    <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                    <!-- END ticker_row -->
                                   </div>
                              </div>
                           </div>
                        </td>
                     </tr>
                  </table>
               </div>
               <!-- END switch_ticker -->
               <div id="page-body">
                  <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                     <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                        <tbody>
                           <tr>
                              <td valign="top">
                                 <table cellpadding="0" cellspacing="0" width="auto"><tr><td class="widgetleft" width="{C1SIZE}"><span class="mainwidgetleft">
                                    <div id="{ID_LEFT}">
                                       <!-- BEGIN giefmod_index1 -->
                                       {giefmod_index1.MODVAR}
                                       <!-- BEGIN saut -->
                                       <div style="height:{SPACE_ROW}px"></div>
                                       <!-- END saut -->
                                       <!-- END giefmod_index1 -->
                                    </div>
                                 </table>
                              </td>
                              <td valign="top" width="100%">
                              <!-- BEGIN html_validation -->
                              </td>
                           </tr>
                        </tbody>
                     </table>
                  </div>
               </div>
            </td>
         </tr>
      </table>
   </div>
</body>
</html>
<!-- END html_validation -->

Puis une qui se situe je pense dans le template index_body, cherches dans ce template le passage :
Code:
<script type="text/javascript">
    function showhide(blocid)
</script>
Puis supprime le.
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

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

Résolu Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.

Message par demeter1 Mar 17 Mar 2015 - 13:47

Bonjour Self,
Je viens de passer en revue les templates avec la recherche blocid mais je n'ai rien trouvé. Je vais vérifier dans les widgets et les pages html.


Pour le overall header corrigé , je viens de le remettre (sorry).

Edit; rien dans le htmml. je passe aux widgets.

Edit 2 : trouvé dans un widget.

Je viens de faire une tentative. Le message "Vous devez préciser un titre avant de pouvoir envoyer votre message." est présent à l'envoi.

demeter1

demeter1
Membre actif

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

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

Résolu Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.

Message par Scoubifitz Mar 17 Mar 2015 - 16:25

bonjour,

un name="subject" ferait l'affaire ?

<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();" />

Hi
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.

Message par demeter1 Mar 17 Mar 2015 - 21:22

Bonjour Self, bonjour scoubi,
La dernière modif fonctionne à merveille.
Un grand merci à Self pour le travail colossal qu'il a fait. Il lui a fallu énormément de patience et de détermination pour se dépêtrer de tout mes bidouiillages aussi bien avec le script que le template.

Un grand merci Scoubi pour cette aide qui a permis de résoudre le dernier soucis.

Voici la trame complète si un autre membre est intéressé.
Code:
<script src="http://altitudetropicale.forums-actifs.com/31827.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">
              <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 afin de<br/> faciliter les recherches et le référencement</span></b><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 imagesdans 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. j'ai adjoint des fonctions simples (gras, italique, etc) juste au dessus de la fenêtre de saisie</span>
                              </div>
                              <div style="text-align: left;">
                                <div style="color: #0b5394;">Après avoir rédigé votre message, n'oubliez pas :
                                    <ul>
                                      <li> 1 de mettre un titre à votre sujet </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>
                                      3 de cliquer sur envoyer ou sur pré-visualiser si vous souhaitez avoir un visuel avant édition du message.</li>
                                    </ul>
                                    <fieldset>
                                      <strong><br/>Merci de bien tenir compte de ces dernières indications afin de faciliter le travail de la modération. </strong><br/>
                                    </fieldset>
                                </div>
                              </div>
                          </p>
                        </div>
                    </center> 
                  </td>
              </tr>
              <tr> 
                  <td>
                    <!--barre bbcode---------------------------------------->
                    *<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><br/>
                    <!--fim de la barre---------------------------------------->
                  </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>
                                      <span class="corners-top"><span></span></span>
                                      <fieldset class="submit-buttons">
                                          <select name="forum_select" id="forum_select">
                                            <option value="9">forum 3</option>
                                            <option value="51">forum 51</option>
                                            <option value="9">forum 22</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>

Juste une derniére petite question qui me semble un peu idiote à poser mais bon.....
Je supprime bien cet input
Code:
<input type="hidden" name="f" value="51"/>

Bonne soirée à tous les deux et mes remerciements renouvelés pour l'aide que vous m'avez apporté.
demeter1

demeter1
Membre actif

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

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

Résolu Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.

Message par Self Mar 17 Mar 2015 - 21:34

Salut Smile !

Non il ne faut pas supprimer cet input, juste mettre une valeur par défaut Wink .
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

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

Résolu Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.

Message par demeter1 Mar 17 Mar 2015 - 21:39

Merci Scoubi. J'ai supposé qu'il s'agissait du référent mais sans être sur.
Merci à tous les deux. ok
Je clôture donc le topic et vous souhaite une bonne soirée.
demeter1

demeter1
Membre actif

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

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

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

- Sujets similaires

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