Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.
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.
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
Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.
Bonjour,
Je pense qu'en ajoutant ceci dans ton formulaire tu devrais pourvoir choisir la destination du message :
EDIT: Ah, il faudra aussi remplacer ceci :
Par :
Je pense qu'en ajoutant ceci dans ton formulaire tu devrais pourvoir choisir la destination du message :
- 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());
Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.
Bonjour Self,
Merci pour ce coup de main.
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
et le js modifié
Désolé de jouer le gros lourdeau
Merci pour ce coup de main.
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
Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.
Bonjour,
Pour les boutons de l'éditeur, ceci devrait être utile http://www.sceditor.com/documentation/options/
Bonne soirée !
Pour les boutons de l'éditeur, ceci devrait être utile http://www.sceditor.com/documentation/options/
Bonne soirée !
kiwi14637- Membre habitué
-
Messages : 1387
Inscrit(e) le : 19/05/2010
Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.
Bonjour Kiwi,
Merci pour le lien
Merci pour le lien
Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.
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>
Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.
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
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
Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.
On va recommencer du début.
A quoi est censé servir le code ? :
La même demande pour la fonction lancée à la soumission qui n'est apparemment pas reconnu ? :
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 ?
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 ?
Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.
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).
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).
Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.
Je vais recommencer tout le code, ce sera plus simple je pense .
Je vois ça demain .
Je vois ça demain .
Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.
Merci Self. un peu gêné de t'avoir bouffé autant de temps .
Passe une bonne fin de soirée et encore merci pour cette aide.
Passe une bonne fin de soirée et encore merci pour cette aide.
Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.
Bonjour,
On essai comme ceci :
Avec le Javascript comme ceci :
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()+'')};
Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.
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.
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>
Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.
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 ?
Tu m'as donné tout le contenu de la page ?
Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.
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
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
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
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
Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.
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 :
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>
Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.
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 ?
Peux tu essayer de désactiver un moment les javascript de ton forum ?
Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.
ç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 ?
Peux-tu me le passer stp ?
Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.
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&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&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 /> </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>
Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.
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&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 /> </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 -->
Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.
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.
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.
Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.
Bonjour,
On as sur la page deux erreurs Javascript, une que j'ai corrigé dans le template overall_header, que voici :
Puis une qui se situe je pense dans le template index_body, cherches dans ce template le passage :
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&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 /> </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>
Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.
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.
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.
Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.
bonjour,
un name="subject" ferait l'affaire ?
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();" />
Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.
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é.
Juste une derniére petite question qui me semble un peu idiote à poser mais bon.....
Je supprime bien cet input
Bonne soirée à tous les deux et mes remerciements renouvelés pour l'aide que vous m'avez apporté.
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é.
Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.
Salut !
Non il ne faut pas supprimer cet input, juste mettre une valeur par défaut .
Non il ne faut pas supprimer cet input, juste mettre une valeur par défaut .
Re: Imitation d'éditeur sur page html . Code fonctionnel. Besoin d'aide pour installer une liste déroulante pour l'envoi.
Merci Scoubi. J'ai supposé qu'il s'agissait du référent mais sans être sur.
Merci à tous les deux.
Je clôture donc le topic et vous souhaite une bonne soirée.
Merci à tous les deux.
Je clôture donc le topic et vous souhaite une bonne soirée.
Sujets similaires
» HTML : Besoin d'aide pour liste deroulante.
» [code] pour page HTML
» Problème d’un code pour une page HTML
» Besoin d'aide pour un code HTML ><
» Afficher une annonce html sans avoir besoin de faire appel à une page HTML
» [code] pour page HTML
» Problème d’un code pour une page HTML
» Besoin d'aide pour un code HTML ><
» Afficher une annonce html sans avoir besoin de faire appel à une page HTML
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum