problème avec ma Chatbox LAtérale

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

Résolu problème avec ma Chatbox LAtérale

Message par Charmed Eternity le Sam 27 Juin 2015 - 20:50

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 2015/06/27
Lien du forum : http://omgsouthpark.forumactif.org/

Description du problème

Bonjour à vous. Je viens tout juste d'installer une chatbox latérale. Malheureusement, elle est dans le bas de la page complètement sous le ouvrir. J'ai essayé de le mettre en haut de la page, j'ai modifé les bottom qu'il y avait dans le css(comme vous allez pouvoir voir dans le css modifié que je vais vous poster)

Donc le css:
Code:
******Chatbox Latérale***
.ChatboxLaterale {
  position: fixed; /* position fixe dans la fenêtre */
  top: 50%; /* à 10% du haut (calculé en fonction de la taille de la fenêtre) */
  left: 0; /* et collé au bord gauche */
  width : 100px; /* dimension 100px */
}
.ChatboxLaterale iframe {
  width: 800px; /* largeur */
  height: 300px; /* hauteur */
  display: none; /* caché par défaut */
}
.boutonChatbox {
vertical-align: top; /* on aligne le bouton en haut, le long de la chatbox */
}
.boutonChatbox img {
  cursor:pointer; /* on ajoute un pointeur pour indiquer que image est cliquable */
}
****Fin Chatbox***

LE code Javascript:
Code:
$(function(){
  var urlChatBox = '/chatbox/index.forum?page=front&';
  var imgOuvrir = 'http://upload.cssactif.com/image/21ouvrirchat.png';
  var imgOuvrirSurvol = 'http://upload.cssactif.com/image/21ouvrirchat.png';
  var imgFermer = 'http://upload.cssactif.com/image/88fermerchat.png';
  var imgFermerSurvol = 'http://upload.cssactif.com/image/88fermerchat.png';
  $('body').append('
      <table class="ChatboxLaterale" cellspacing="0" cellpadding="0">
        <tr>
            <td>
              <iframe src="'+urlChatBox+'" id="chatboxpop" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
            </td>
            <td class="boutonChatbox">
              <img id="btn_cb" src="'+imgOuvrir+'" alt="ouvrir la chatbox" />
            </td>
        </tr>
      </table>
  ');
  $('#btn_cb').on({
      click: function(){
        $('#chatboxpop').toggle();
      },
      mouseenter: function(){
        if($('#chatboxpop').css('display') == 'none'){
            $(this).attr('src', imgOuvrirSurvol);
        } else {
            $(this).attr('src', imgFermerSurvol);
        }
      },
      mouseleave: function(){
        if($('#chatboxpop').css('display') == 'none'){
            $(this).attr('src', imgOuvrir);
        } else {
            $(this).attr('src', imgFermer);
        }
      }
  });
});

Merci beaucoup. Very Happy


Dernière édition par Charmed Eternity le Sam 27 Juin 2015 - 21:26, édité 1 fois

Charmed Eternity
**

Messages : 80
Inscrit(e) le : 29/11/2010

http://charmeds-eternity.forumactif.com/index.htm
Charmed Eternity a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème avec ma Chatbox LAtérale

Message par MlleAlys le Sam 27 Juin 2015 - 21:08

Bonjour,
votre premier code css avec le positionnement absolu de la cb n'est pas pris en compte parce que la ligne suivante :
******Chatbox Latérale***
n'est pas un commentaire en css.
Pour que ce soit un commentaire, il faut que ce soit entre /* et */ :
/* commentaire */
Donc il faut au moins ajouter les slashs au début et à la fin ce qui donne :
/******Chatbox Latérale***/

Si vous avez d'autres commentaires erronés dans votre feuille de style, corrigez les de la même façon.

MlleAlys
+ Hyperactif +

Messages : 4405
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème avec ma Chatbox LAtérale

Message par Charmed Eternity le Sam 27 Juin 2015 - 21:25

Wow, c'est parfait merci beaucoup. Tu viens de régler un autre de ems problèmes en même temps. Je vais me rappeler de ça. Very Happy

Charmed Eternity
**

Messages : 80
Inscrit(e) le : 29/11/2010

http://charmeds-eternity.forumactif.com/index.htm
Charmed Eternity a été remercié(e) par l'auteur de ce sujet.

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


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