Sujets similaires

salut a tous Smile

j'ai crée un code, qui ma l'air pas mal partie ^^

voici l'adresse de la page html : http://kalyon.1fr1.net/test2-generateur-h2.htm

mais j'ai quelque soucis ^^

c'est en faite un générateur, qui génère automatiquement le texte écrit en code BBcode avec des balises prédéfini...

soucis N°1 :

je n'arrive pas a généré la ligne [mini-bannière] essayer,vous verrez elle n'apparait pas dans le code généré !

ensuite, je voulais trouvé un moyen de pouvoir intégré cette pas dans un message de mon forum, pour que le générateur soit inclus dans mon forum, mais je ne sais pas trop comment faire !

Peut-être via une iframe ? pouvait vous m'aidez a ce niveau également ? je ne sais pas comment faire =)

Voici le code complet du code :

Code:: <body background="http://2img.net/i/fa/vide.gif" bgcolor="#e5e5e5" text="#000000" link="#006699" vlink="#5493b4">
<a name="top"></a>

<td valign="top" width="100%"><style type="text/css">
a.imginfo span {
display: none;
}

a.imginfo:hover {
background: none;
z-index: 500;
cursor: help;
}

a.imginfo:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 30px;
left: 20px;
background: white;
color: 7d7d7d;
padding: 3px;
border: 3px solid #b6b6b6;
}

#main {
background: url('http://sd-1.archive-host.com/membres/images/142586199450897653/LFD/bg_main-html.png') repeat-y !important;
}

</style>

<form onsubmit="return vB_Editor['text_editor'].prepare_submit(0, 0)" name="post" method="post" action="/msg.forum?mode=post&u=1">

<table id="prop-forum" style="margin: auto; margin-bottom: 10px; font-size: 12px;">
<TR>
<TD width="200px"><label for="banniere"><b>Lien de votre bannière</b>
<a class="imginfo"><img src="http://2img.net/i/fa/fdf/ti/question2.png"/>

<span>
<table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;">URL de votre banniere heberger</i></td></tr></tbody>
</table>

</span>

</a></label></TD>
<TD>
<INPUT type=text name="banniere" id="banniere" style="width: 200px; background: #D2E6F6; border: 1px dotted #16e000;" onfocus="this.style.borderColor='#B4B945'" onblur="this.style.borderColor='#8FBDD5'">
</TD>

</TR>

<TR>
<TD><label for="title"><b>Titre du forum</b></label></TD>
<TD>
<INPUT class="post" type="text" name="subject" onkeypress="if (event.keyCode==13){return false;}" tabindex="2" maxlength="255" size="45" value="" style="background: #D2E6F6; border: 1px dotted #16e000; width: 250px;" onfocus="this.style.borderColor='#B4B945'" onblur="this.style.borderColor='#8FBDD5'">
</TD>
</TR>

<TR>
<TD><label for="description"><b>Description du forum</b> <a class="imginfo"><img src="http://2img.net/i/fa/fdf/ti/question2.png"/>

<span>
<table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;">Mettez la description de votre forum,les avantages etc...<br>
<b>pas de limite de taille,BBcode autorisé</b></td></tr></tbody>
</table>
</span>

</a> </label></TD>
<TD>
<TEXTAREA style="background: #D2E6F6; border: 1px dotted #16e000; width: 450px; heigth: 400px;" onfocus="this.style.borderColor='#B4B945'" onblur="this.style.borderColor='#8FBDD5'" name="description" id="description"></TEXTAREA>
</TD>
</TR>

<TR>
<TD><label for="rang"><b>Votre rang sur le forum</b>

<a class="imginfo"><img src="http://2img.net/i/fa/fdf/ti/question2.png"/>

<span>
<table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;">Quel est votre rang sur le forum ?</td></tr></tbody>
</table>
</span>

</a>
</label></TD>
<TD>
<INPUT type=text name="rang" id="rang" style="background: #D2E6F6; border: 1px dotted #16e000;" onfocus="this.style.borderColor='#B4B945'" onblur="this.style.borderColor='#8FBDD5'">
</TD>
</TR>
<TR><TD><label for="categorie"><b>Catégorie de votre forum</b>

<a class="imginfo"><img src="http://2img.net/i/fa/fdf/ti/question2.png"/>

<span>
<table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;">Quel categorie reference votre forum ?</td></tr></tbody>
</table>
</span>

</a></label></TD>
<TD>
<select style="background: #D2E6F6; border: 1px dotted #16e000;" onfocus="this.style.borderColor='#B4B945'" onblur="this.style.borderColor='#8FBDD5'" /////////name="categorie" id="categorie">
<optgroup label="Général">
<option value="Forums Discussions & Humour">- Forums Discussions & Humour</option><option value="Forums TV">- Forums TV</option>

<option value="Forums Surnaturels">- Forums Surnaturels</option>
<option value="Forums Sports">- Forums Sports</option>
<option value="Forum Société, Sujets d'Actualités">- Forum Société, Sujets d'Actualités</option>
<option value="Forums Musique">- Forums Musique</option>
<option value="Forums Jeux Vidéos">- Forums Jeux Vidéos</option>
</optgroup>
<optgroup label="Forums RPG">
<option value="RPG - Contemporain/Actuel">- Contemporain/Actuel</option>
<option value="RPG - Fantastique / Futuriste">- Fantastique / Futuriste</option>
<option value="RPG - Scolaire">- Scolaire</option>

<option value="RPG - Manga">- Manga</option>
</optgroup>
<optgroup label="Internet">
<option value="Forums Informatique et Services Webmasters">- Forums Informatique et Services Webmasters</option>
<option value="Aides informatique">- Aides informatique</option>
<option value="Annuaires & référencements">- Annuaires & référencements</option>
</optgroup>
<optgroup label="Forums Graphiques"></option>
<option value="Aides, Services et Tutoriaux">- Aides, Services et Tutoriaux</option>
<option value="Créations Graphiques">- Créations Graphiques</option>

</optgroup>
<option value="Forum Famille, Enfants">- Forum Famille, Enfants</option>
<option value="Forums Animaliers">- Forums Animaliers</option>
<optgroup label="Forums Carrières et Education">
<option value="Scolaires">- Scolaires</option>
<option value="Justice, Gendarmerie & Police">- Justice, Gendarmerie & Police</option>
</optgroup>
<optgroup label="Forums Art et Culture">
<option value="Forums Arts et Culture">- Forums Arts et Culture</option>
<option value="BD, Mangas & Dessins animés">- BD, Mangas & Dessins animés</option>

<option value="Forums Cinéma">- Forums Cinéma</option>
<option value="Littérature">- Littérature</option>
</optgroup>
<optgroup label="Autres, sites, blogs">
<option value="Forums inclassables">- Forums inclassables</option>
<option value="Sites et blogs"> - L'Annuaire des sites et blogs</option>
</optgroup></select></TD>

</TR> //////
<TR>
<TD><label for="url"><b>URL du forum</b>
<a class="imginfo"><img src="http://2img.net/i/fa/fdf/ti/question2.png"/>

<span>
<table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;">Indiquer l'URL de votre forum<br>exemple :<br>Http://Maxii-pubs.forumactif.com</td></tr></tbody>
</table>
</span>

</a></label></TD>
<TD>
<INPUT type=text name="url" id="url" style="width: 200px; background: #D2E6F6; border: 1px dotted #16e000;" onfocus="this.style.borderColor='#B4B945'" onblur="this.style.borderColor='#8FBDD5'">
</TD>
</TR>
<TR>
<TD><label for="urlban"><b>URL de la mini-banniere</b> <a class="imginfo"><img src="http://2img.net/i/fa/fdf/ti/question2.png"/>

<span>
<table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;">Lien de votre Mini-Banniere (468x60 Px) heberger</i></td></tr></tbody>
</table>
</span>

</a></label></TD>
<TD>
<INPUT type=text id="urllogo" style="width: 200px; border: 1px dotted #16e000; background-color: #D2E6F6;" name="urllogo" value="(468x60 Px Max)" onFocus="this.style.borderColor='#B4B945';if(this.value=='(468x60 Px Max)')this.value=''" onblur="this.style.borderColor='#8FBDD5'">
</TD>
</TR>
<TR>
<TD><label for="urllogo"><b>URL du logo</b> <a class="imginfo"><img src="http://2img.net/i/fa/fdf/ti/question2.png"/>

<span>
<table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr><td style="text-align: center;">Lien de votre logo (88x31 Px) heberger</i></td></tr></tbody>
</table>
</span>

</a></label></TD>
<TD>
<INPUT type=text id="urllogo" style="width: 200px; border: 1px dotted #16e000; background-color: #D2E6F6;" name="urllogo" value="(88x31 Px Max)" onFocus="this.style.borderColor='#B4B945';if(this.value=='(88x31 Px Max)')this.value=''" onblur="this.style.borderColor='#8FBDD5'">
</TD>
</TR>

<TR>
<TD COLSPAN=2 align="center"> <br>

<INPUT type="button" style="background: #D2E6F6; border: 1px dashed #8FBDD5;" onfocus="this.style.borderColor='#B4B945'" onblur="this.style.borderColor='#8FBDD5'" value="Générer le code" onClick="document.post.message.style.display='block'; document.post.message.value='<strong>Bannière : </strong> [url='+document.post.url.value+']<img src="'+document.post.banniere.value+'" border="0" alt="" />[/url]\n\n<strong>Titre du forum : </strong> '+document.post.subject.value+'\n\n<strong>Description : </strong> '+document.post.description.value+'\n\n<strong>Votre rang : </strong> '+document.post.rang.value+'\n\n<strong>Catégorie souhaitée : </strong> '+document.post.categorie.value+'\n<strong>URL du forum :</strong> '+document.post.url.value+'\n\n<strong>Logo : </strong> [url='+document.post.url.value+']<img src="'+document.post.urllogo.value+'" border="0" alt="" />[/url]';document.getElementById('validate').disabled=(document.getElementById('text_editor_textarea').value!='')?false:true;">
</TD>

</TR>

<tr><td colspan="2"></td></tr>
<tr><td><b>Code généré</b> :<br>
<i>Il vous suffit de copiez/coller ce code a l'emplacement ou ira votre publicité </i></td><td><textarea id="text_editor_textarea" class="post" wrap="virtual" onselect="storeCaret(this);" tabindex="3" cols="35" rows="15" name="message" onkeyup="storeCaret(this);document.getElementById('validate').disabled=(this.value!=''&&document.getElementById('text_editor_textarea').value!='')?false:true;" onclick="storeCaret(this);" style="width: 250px; height: 250px; background: #D2E6F6; border: 2px double #ffb200;" readonly="true"></textarea></td></tr>

</table>

</form>

N'hésiter surtout pas a me questionné, je vous répondrais au plus rapide Smile

Merci a ceux qui pourront m'aidez ^^

EDIT= arf', entre la visualisation, et l'url finale il y as une grosse difference Sad

lecode etait parfait, centré, l'info bulle apparaissait au meme endroit que maintenant, mais il n'y avait rien qui derangait en dessous Sad

pouvez vous, au passage corriger ce qui ne va pas ? :X

Parfait merci Smile

Resolu

[AVIS AUX EXPERTS] besoin d'aide sur un code complexe svp

[AVIS AUX EXPERTS] besoin d'aide sur un code complexe svp

Sujets similaires

Sujets similaires

Partenaires Or