Chatbox retractable...

3 participants

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

Résolu Chatbox retractable...

Message par Lylinee Mar 15 Avr 2014 - 18:23

Bonjour =)

J'ai passé la journée à essayer de faire une chatbox retractable, aucun problème, j'ai réussis à le faire via une page HTML pour essayer. Ce que je voudrais, c'est qu'en fait la CB ne s'affiche pas et s'affiche seulement quand j'ai cliquer sur le bouton.

Voici mon code

Code:
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p").animate({height:'toggle'},1200);
  });
});
</script>
</head>
<body>

<button>Chatbox</button>
<p><iframe src="/chatbox/chatbox.forum?page=front&" scrolling="no" style="float: left; width: 700px; height: 300px;" marginwidth="0" marginheight="0" frameborder="0"></iframe></p>
</body>
</html>


Dernière édition par Lylinee le Mer 16 Avr 2014 - 15:30, édité 1 fois
Lylinee

Lylinee
**

Messages : 87
Inscrit(e) le : 14/12/2010

Voir le profil de l'utilisateur https://thetimeturner.forumactif.com/
Lylinee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox retractable...

Message par extream_man Mar 15 Avr 2014 - 18:44

Bonjour

Code:
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button#chatBox").click(function(){
    $("p#xIframe").animate({height:'toggle'},1200);
  });
});
</script>
</head>
<body>
 
<button id="chatBox">Chatbox</button>
<p id="xIframe"><iframe src="/chatbox/chatbox.forum?page=front&" scrolling="no" style="float: left; width: 700px; height: 300px;" marginwidth="0" marginheight="0" frameborder="0"></iframe></p>
</body>
</html>
avatar

extream_man
Nouveau membre

Masculin
Messages : 5
Inscrit(e) le : 08/03/2012

Voir le profil de l'utilisateur
extream_man a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox retractable...

Message par Lylinee Mar 15 Avr 2014 - 18:52

Merci pour ta réponse, mais malheureusement ça ne change rien à ce que je veux.
Lylinee

Lylinee
**

Messages : 87
Inscrit(e) le : 14/12/2010

Voir le profil de l'utilisateur https://thetimeturner.forumactif.com/
Lylinee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox retractable...

Message par extream_man Mer 16 Avr 2014 - 7:36

Bonjour,
Vous devez faire exactement?
avatar

extream_man
Nouveau membre

Masculin
Messages : 5
Inscrit(e) le : 08/03/2012

Voir le profil de l'utilisateur
extream_man a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox retractable...

Message par AenigmA Mer 16 Avr 2014 - 8:13

Bonjour Lylinee,

Tu devrais trouver sur ce POST

Pas la même chose exactement mais peut être que ça te convient aussi.
AenigmA

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

Voir le profil de l'utilisateur http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox retractable...

Message par Lylinee Mer 16 Avr 2014 - 10:42

Alors oui, je voudrais que la CB ne soit pas automatiquement affiché.
Merci AenigmA, mais nous ne voulons pas d'un CB latérale, mais bien d'une cb qui se rétracter du bas vers le haut. J
Je sais que cela est tout à fait possible puisque je l'ai vu.
Lylinee

Lylinee
**

Messages : 87
Inscrit(e) le : 14/12/2010

Voir le profil de l'utilisateur https://thetimeturner.forumactif.com/
Lylinee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox retractable...

Message par extream_man Mer 16 Avr 2014 - 14:03

Mettez ce code en javascript.
En Situation sélectionner toutes les pages
Code:
$(document).ready(function (data, type) {
   if(_userdata["session_logged_in"] == '1') {
      $('table.bodylinewidth').after('<span id="toggleCh">Chatbox</span><iframe src="/chatbox/chatbox.forum?page=front&" scrolling="no" id="chatboxCH" style="display: none;"></iframe>');
      $('#toggleCh').click(function () {
         $('#chatboxCH').fadeToggle(200);
      });
   };
});

Et mettre CSS
Code:
#toggleCh {
float: right;
position: fixed;
bottom: 10px;
right: 40px;
background-color: #fff9ed;
border: 1px #d48888 solid;
padding: 2px 8px;
border-radius: 2px;
}

#chatboxCH {
float: right;
position: fixed;
bottom: 40px;
right: 40px;
background-color: #fff9ed;
border: 1px #d48888 solid;
padding: 2px 8px;
border-radius: 2px;
width: 65%;
height: 50%;
}
avatar

extream_man
Nouveau membre

Masculin
Messages : 5
Inscrit(e) le : 08/03/2012

Voir le profil de l'utilisateur
extream_man a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox retractable...

Message par Lylinee Mer 16 Avr 2014 - 15:29

Merci pour ton aide =)
Le problème a été résolue d'une autre façon =)
Lylinee

Lylinee
**

Messages : 87
Inscrit(e) le : 14/12/2010

Voir le profil de l'utilisateur https://thetimeturner.forumactif.com/
Lylinee a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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