panneau latéral

[nathy59]

bonjour à toutes et à tous
voila j'ai besoin d'un petit cou de pouce j'aimerais ajouter un petit panneau coulissant sur le coter droit de mon forum histoire de mettre les top site et quelque rappel j'ai bien sur essayer le panneau coulissant comme pour la chatbox mais ou je coince c'est comment mettre les éléments que je veut à l’intérieur
merci de m'aider

[gigi68]

Si tu es en phpBB2 ... Essaye ceci !
Modules = Codes Javascript créer un nouveau ..

Code:

jQuery(document).ready(function () {
    jQuery('body').append('<table style="position: fixed; bottom: 60px; right: 0px;background-color: #ccccfc;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 295px; height: 200px; display: none;" marginwidth="0" marginheight="0" frameborder="0">
     

Ton texte ici

      </div></td><td style="vertical-align: bottom;"><img src="http://www.smartagenda.fr/ressources/images/rendez-vous-internet-6822-16.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://www.smartagenda.fr/ressources/images/rendez-vous-internet-6822-16.png\')?\'block\':\'none\';this.src=(this.src==\'http://www.smartagenda.fr/ressources/images/rendez-vous-internet-6822-16.png\')?\'http://www.smartagenda.fr/ressources/images/agenda-6822-16.png\':\'http://www.smartagenda.fr/ressources/images/rendez-vous-internet-6822-16.png\';"/></td></tr></table>');
});

[nathy59]

bonjour Gigi68
merci de ta réponse si efficace qui marche parfaitement, mais je me rend compte que si ont na une chatbox latéral ont ne peut pas avoir un panneau latéral en plus car quand je veut ouvrir mon panneau ben sa ouvre ma chatbox et non mon panneau

[nathy59]

un petit up pour une solution

[stefou]

Bonjour, c'est logique puisque les deux codes utilise la même id.

Il faut modifier les identifiants d'un des deux panneaux pour les différencier.
Exemple:

Code:

        jQuery(document).ready(function () {
            jQuery('body').append('<table style="position: fixed; bottom: 60px; right: 0px;background-color: #ccccfc;z-index:10000;"><tr><td><div id="panneau_2" scrolling="no" style="width: 295px; height: 200px; display: none;" marginwidth="0" marginheight="0" frameborder="0">
           
       
        Ton texte ici
       
              </div></td><td style="vertical-align: bottom;"><img src="http://www.smartagenda.fr/ressources/images/rendez-vous-internet-6822-16.png" onClick="document.getElementById(\'panneau_2\').style.display=(this.src==\'http://www.smartagenda.fr/ressources/images/rendez-vous-internet-6822-16.png\')?\'block\':\'none\';this.src=(this.src==\'http://www.smartagenda.fr/ressources/images/rendez-vous-internet-6822-16.png\')?\'http://www.smartagenda.fr/ressources/images/agenda-6822-16.png\':\'http://www.smartagenda.fr/ressources/images/rendez-vous-internet-6822-16.png\';"/></td></tr></table>');
        });

[néco]

et évidemment , SI les boutons tombent l'un sur l'autre , il faut en déplacer un plus bas ou plus haut pour les séparer !

sur la première ligne du codage donné plus haut , tu modif juste le
bottom: 60px;
en changeant le 60 par ce que tu veux ! (c'est le nombre de pixel qu'il y aura entre le bas de l'écran et le bouton ^^ )

bizzz

[nathy59]

Oh super super super sa marche merci beaucoup

stefou et néco

je passe en résolue