Staff en línea

[javascript] Poner smilies del chat como una ventana dropdown
Tema iniciado por y Añadir a favoritos

staff
[codebox]

[/codebox]

[hidecode]
Código:

$(function() {
  if (_userdata.session_logged_in) {
      // Here will be checked if the chat is within the object tag, if it is, changes to iframe!
      if ($('object#frame_chatbox').length) {
        $('#frame_chatbox').replaceWith('<iframe src="/chatbox/index.forum?archives" id="frame_chatbox" scrolling="yes" width="100%" height="100%" type="text/html" style="border: 0px;" />');
      }
  }
});
$(window).load(function() {
  if (_userdata.session_logged_in) {
      // Calls the customization feature of the chat...
      chatFunction();

      // Here is the solution to a problem: When the iframe is changed, the function is called again!
      $('#frame_chatbox').load(function() {
        chatFunction();
      });
  }
});
function chatFunction() {
  var oIframe = (document.getElementById("frame_chatbox").contentWindow.document || document.getElementById("frame_chatbox").contentDocument),
      script = oIframe.createElement("script"),
      chatbox_script = function() {
        window.smile = {
            Load: function() {
              $.ajax({
                  url: "/post?mode=smilies",
                  cache: true,
                  type: "get",
                  dataType: "text",
                  success: function(response, status, xhr) {
                    if (xhr.status == 200) {
                        var htmlSmile = $("<div>" + response + "</div>");
                        htmlSmile.find("#smilies_categ, p, span").remove();
                        var oTarget = htmlSmile.find("a"),
                          oThis, patt, regex;
                        for (var i = 0, len = oTarget.length; i < len; i++) {
                          oThis = $(oTarget[i]);
                          patt = /\('(.*?)'\)/i.exec(oThis.attr("href"))[1];
                          oThis.attr({
                              href: "#",
                              onclick: "smile.Insert('" + patt + "');return false;"
                          });
                        }
                        /*var aSmiles = [
                              "&phone;", "&starf;", "&hearts;", "&sung;", "&check;",
                              "&boxbox;", "©", "&Jscr;&Sscr;", "&block;", "&blk34;",
                              "&xcirc;", "&star;", "&clubs;", "&cross;", "&Fscr;&Mscr;"
                          ],
                          sSmiles = "<p>";
                        for (var i = 0, len = aSmiles.length; i < len; i++) {
                          sSmiles += "<a href='#' onclick='smile.Insert(\"" + aSmiles[i] + "\");return false;'>" + aSmiles[i] + "</a>";
                        }*/
                        $("#chat-smiles-show").html(
                          htmlSmile.find("#simple-wrap, tbody:last").html()
                        );
                    }
                  }
              });
              $("head").append(
                  "<style type='text/css'>" +
                  "#chat-smiles-show {" +
                  "  background: none no-repeat scroll center center rgb(255, 255, 255);" +
                  "  border: 2px solid #d2d2d2;" +
                  "  height: 250px;" +
                  "  overflow: auto;" +
                  "  padding-top: 6px;" +
                  "  position: absolute;" +
                  "  width: 225px;" +
                  "  z-index: 99999;" +
                  "}" +
                  "#chat-smiles-show > p {" +
                  "  margin: 0;" +
                  "}" +
                  "#chat-smiles-show p a {" +
                  "  margin-bottom: 14px;" +
                  "}" +
                  "#chat-smiles-show a {" +
                  "  display: inline-block;" +
                  "  font-size: 18px;" +
                  "  margin-bottom: 5px;" +
                  "  margin-left: 10px;" +
                  "  text-decoration: none;" +
                  "}" +
                  "</style>"
              );
              $("body").append("<div id='chat-smiles-show' style='display: none;'></div>");
            },
          Show: function(event) {
              var elenPos = $("#divsmilies"),
                  target = $("#chat-smiles-show");
              target.css({
                  "left": (elenPos.offset().left + elenPos.outerWidth()) - target.outerWidth(),
                  "top": elenPos.offset().top - target.outerHeight()
              });
              return (target[0].style.display == "none") ? target.fadeIn("fast") : target.fadeOut("fast");
            },
        Insert: function(smile) {
              var id = document.getElementById("message");
              id.focus();
              id.value += " " + smile + " ";
              document.getElementById("chat-smiles-show").style.display = "none";
            }
        };
      smile.Load();
    $("#divsmilies").unbind("click").bind("click", function (event) {
            smile.Show(event);
        });
      };
  script.type = "text/javascript";
  script.innerHTML = "(" + chatbox_script.toString() + ")();";
  oIframe.getElementsByTagName("head")[0].appendChild(script);
}

[/hidecode]
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6712


Puntos :

8775


Me gusta :

1006


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

staff
veo
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6712


Puntos :

8775


Me gusta :

1006


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

staff
Queda mas elegante... Lo único malo que si tienes mas smiles en otras ventana no los muestra..
Dosh
avatar

¿Que estoy pensando? :

Vuelve el hijo prodigo...


Banner en temas :

https://i.imgur.com/JdnysKr.png


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

1516


Puntos :

2203


Me gusta :

409


ingreso :

07/12/2014


Sexo :

Masculino

Plataforma :

punbb


Navegador :

Chrome


Ver perfil de usuario http://www.telefoneros.com/

Volver arriba Ir abajo

Muy bonito queda muy bien adaptado para un foro Punbb ^_^
CD"MA
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://www.covermyfb.com/media/covers/thumb/15699-dj-spinning-music.jpg


Color de titulos :

red


Sombra titulo :

1px 1px 1px #ccc


Mensajes :

336


Puntos :

473


Me gusta :

45


ingreso :

16/05/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Lo pruevo y les digo luego...
XyriuSbLaZ
avatar

¿Que estoy pensando? :

En nada [table class=fecha_up][td]Se modifico:22/7/15 - 22:44 hrs.[/td][/table]


Banner en temas :

http://tweeting.com/wp-content/uploads/2012/04/Cute-Kitten-Facebook-Cover.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

84


Puntos :

104


Me gusta :

16


ingreso :

10/07/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://megauniverso.superforo.net/

Volver arriba Ir abajo

gracias por el aporte vere que tal
kuke
avatar

¿Que estoy pensando? :

diseñar y hacer amigos[table class=fecha_up][td]Se modifico:14/8/15 - 1:07 hrs.[/td][/table]


Banner en temas :

https://cherieroedirksen.files.wordpress.com/2012/11/a-new-dawn-facebook-cover.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

120


Puntos :

206


Me gusta :

38


ingreso :

27/07/2015


Sexo :

Masculino

Plataforma :

punBB


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Probare nuevamente, como siempre gracias.
CD"MA
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://www.covermyfb.com/media/covers/thumb/15699-dj-spinning-music.jpg


Color de titulos :

red


Sombra titulo :

1px 1px 1px #ccc


Mensajes :

336


Puntos :

473


Me gusta :

45


ingreso :

16/05/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Mucho más útil que el pop up, gracias.
Laura
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

21


Puntos :

25


Me gusta :

4


ingreso :

05/02/2017


Sexo :

Femenino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario

Volver arriba Ir abajo

gracias por el code
Roger
avatar

¿Que estoy pensando? :

Probando el status del foro [table class=fecha_up][td]Se modifico:9/03/17 - 9:13 hrs.[/td][/table]


Banner en temas :

http://thedesigninspiration.com/wp-content/uploads/2012/06/Facebook-Covers-029.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

304


Puntos :

342


Me gusta :

30


ingreso :

30/03/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

 En la misma categoria


Permisos de este foro:
No puedes responder a temas en este foro.