Chatbox retractable...

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

Résolu Chatbox retractable...

Message par Lylinee le 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
**

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

http://fidelitas-hp.forumactif.org/
Lylinee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox retractable...

Message par extream_man le 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>

extream_man
Nouveau membre

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

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

Résolu Re: Chatbox retractable...

Message par Lylinee le Mar 15 Avr 2014 - 18:52

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

Lylinee
**

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

http://fidelitas-hp.forumactif.org/
Lylinee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox retractable...

Message par extream_man le Mer 16 Avr 2014 - 7:36

Bonjour,
Vous devez faire exactement?

extream_man
Nouveau membre

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

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

Résolu Re: Chatbox retractable...

Message par AenigmA le 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
+ Hyperactif +

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

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

Résolu Re: Chatbox retractable...

Message par Lylinee le 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
**

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

http://fidelitas-hp.forumactif.org/
Lylinee a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox retractable...

Message par extream_man le 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%;
}

extream_man
Nouveau membre

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

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

Résolu Re: Chatbox retractable...

Message par Lylinee le Mer 16 Avr 2014 - 15:29

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

Lylinee
**

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

http://fidelitas-hp.forumactif.org/
Lylinee 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