adicionar no chatbox, como se sente.

Minha questão:

queria um js igual ao do bs, o do como se sente do chatbox.

---

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

Olá,

Adicione este script, com investimento no índice:

Código:

$(function() {
$('.main-content.chatbox').before('<input type="submit" name="post" value="Como se sente?" class="mood" title="Como você está se sentido?" onclick=" mood()">
<div class="moodInner" style="display: none;">
  <div class="uiTypeaheadView">
  <ul class="compact">
<li class="page" onclick=" feliz()"><img src="https://fbstatic-a.akamaihd.net/rsrc.php/v2/ys/r/v5pIg8BgPhs.png"><span class="text">feliz</span></li>
<li class="page" onclick=" triste()"><img src="https://fbstatic-a.akamaihd.net/rsrc.php/v2/yB/r/9KP8SigtDm2.png"><span class="text">triste</span></li>
<li class="page" onclick=" cansado()"><img src="https://fbstatic-a.akamaihd.net/rsrc.php/v2/y4/r/og7IX7S3EjB.png"><span class="text">cansado</span></li>
<li class="page" onclick=" otimo()"><img src="https://fbstatic-a.akamaihd.net/rsrc.php/v2/yv/r/cEiOws9B72j.png"><span class="text">ótimo</span></li>
<li class="page" onclick=" inc()"><img alt="" src="https://fbstatic-a.akamaihd.net/rsrc.php/v2/yD/r/Ta9iYOdm63s.png"><span class="text">incomodado</span></li>
  </ul>
 </div>
</div>');
$('.moodInner li').click(function() {
$('.moodInner').hide();
});
});
function mood() {
    $('.moodInner').fadeToggle('fast');
}
function feliz() {
    $.post('/chatbox/chatbox_actions.forum?archives', {
    mode: "send",
    sent: ":) se sentindo feliz."
    });
}
function triste() {
    $.post('/chatbox/chatbox_actions.forum?archives', {
    mode: "send",
    sent: ":( se sentindo triste."
    });
}
function cansado() {
    $.post('/chatbox/chatbox_actions.forum?archives', {
    mode: "send",
    sent: ":sleep: se sentindo cansado."
    });
}
function otimo() {
    $.post('/chatbox/chatbox_actions.forum?archives', {
    mode: "send",
    sent: ":D se sentindo ótimo."
    });
}
function inc() {
    $.post('/chatbox/chatbox_actions.forum?archives', {
    mode: "send",
    sent: ":x se sentindo incomodado."
    });
}

E este CSS, para personalização:

Código:

.moodInner {
border: solid;
border-color: #333 #333 #293e6a;
border-width: 1px 1px 2px;
max-height: 150px;
overflow: auto;
position: absolute;
width: 240px;
z-index: 999;
}

Até.

obrigado.
podem fechar.

[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]Movido para: Arquivo - Pedido de código