Problème avec la chatbox

[Nye-Hael]

Bonsoir !

Disposant d'une chatbox latérale sur mon forum, j'ai voulu renouveler les images de celle-ci pour l'adapter au futur thème que je prévois d'installer. Seulement, dès que je veux changer les images, la chatbox ne s'affiche plus, et les images ne semblent pas fonctionner. J'utilise pourtant le code proposé par ForumActif.

Voici donc le screen de quand ça marche, avec le code de base :

https://i.servimg.com/u/f57/15/90/63/30/cb110.png

ça: je l'ai bien mis dans la description du site, avec le bon chiffe "h1".

Code:

<script type=text/javascript src=/-h1.htm></script>

ça : je l'ai bien mis dans une page html, et ça fonctionne donc.

Code:

jQuery(document).ready(function() { jQuery('body').append('
<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;">
 <tbody>
 <tr>
 <td>
 <iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0" scrolling="no">
 </iframe>
 </td>
 <td style="vertical-align: bottom;">
 <img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onclick="document.getElementById(\'chatboxpop\').style.display=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'block\':\'none\';this.src=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png\':\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\';" />
 </td>
 </tr>
 </tbody>
</table>
'); } );

D'habitude quand je change les images ça fonctionne, mais là ça veut pas. Donc une fois les images modifiées, avec le même code dans la description :

https://i.servimg.com/u/f57/15/90/63/30/cb210.png

Code:

<script type=text/javascript src=/-h1.htm></script>

Code:

jQuery(document).ready(function() { jQuery('body').append('
<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;">
 
<tbody>
 
<tr>
 
<td>
 <iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"> </iframe>
</td>
 
<td style="vertical-align: bottom;">
 <img src="http://nsm08.casimages.com/img/2014/05/08//1405080950194700212220700.png" onclick="document.getElementById(\'chatboxpop\').style.display=(this.src==\'http://nsm08.casimages.com/img/2014/05/08//1405080950194700212220700.png\')?\'block\':\'none\';this.src=(this.src==\'http://nsm08.casimages.com/img/2014/05/08//1405080950194700212220700.png\')?\'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png\':\'http://nsm08.casimages.com/img/2014/05/08//1405080950194700212220701.png\';" />
</td>
 
</tr>
 
</tbody>
</table>
'); } );

Merci d'avance pour votre aide !

[Invité]

Salut Nye-Hael ,
il faut voir avec la longueur des liens de tes images éventuellement :
essayes avec ceux-ci :
https://i.servimg.com/u/f56/11/26/21/37/1113.png


https://i.servimg.com/u/f56/11/26/21/37/222.png


a++

[Nye-Hael]

Hey

Je viens de réessayer avec ces deux liens, et le résultat est le même. Ni l'une ni l'autre des images ne s'affiche

[Invité]

Re,

Hey

Je viens de réessayer avec ces deux liens, et le résultat est le même. Ni l'une ni l'autre des images ne s'affiche

tu as vu un tutoriel ou une astuce pour afficher la ChatBox que je vois ce qui peut clocher stp    .

a++

[Lixyr]

Bonjour,

Vous n'avez pas besoin de créer de page html et de récupérer l'identifiant de la page pour la mettre en description, depuis, Forumactif a investi dans les feuilles JavaScript et ça simplifie les choses. Donc supprimez votre page HTML et retirez le code JavaScript dans la description et procédez ainsi :

Donc allez dans panneau d'administration > modules > gestion des code JavaScript
- créez une nouvelle page JavaScript
- titre : chatbox latérale
- placement : comme vous voulez
code :

Code:

jQuery(document).ready(function () {
                    jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 800px; height: 400px;" ></iframe></div></td><td style="vertical-align: bottom;"><img src="http://i56.servimg.com/u/f56/11/26/21/37/1113.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://i56.servimg.com/u/f56/11/26/21/37/1113.png\')?\'block\':\'none\';this.src=(this.src==\'http://i56.servimg.com/u/f56/11/26/21/37/1113.png\')?\'http://i56.servimg.com/u/f56/11/26/21/37/222.png\':\'http://i56.servimg.com/u/f56/11/26/21/37/1113.png\';"/></td></tr></table>');
                });

[Nye-Hael]

<blockquote>Tout fonctionne parfaitement avec ce code-ci !

Merci beaucoup pour ton aide ! /o/</blockquote>