Staff en línea
Últimos temas
[Ocio] Contemos hasta el 5000
por Roger Hoy a las 1:56 am

[ayuda] mostrar y ocultar div
por RinC Vie Dic 15, 2017 5:17 pm

[html]Colección de Cards informátivo
por Julinho Vie Dic 15, 2017 3:19 pm

[html]Menú de enlaces simple
por Andreii Vie Dic 15, 2017 2:36 pm

[html]Escaparate de imágenes sencillo
por Andreii Vie Dic 15, 2017 2:30 pm

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

Mensaje  Chalo
[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]
staff
Chalo
avatar

¿Que estoy pensando? :

los dias de ocio son geniales [table class=fecha_up][td]Se modifico:13/12/17 - 11:40 hrs. [/td][/table]


Banner en temas :

http://i.imgur.com/XlCMsAOh.jpeg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6469


Puntos :

8481


Me gusta :

967


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

Mensaje  Chalo
veo
staff
Chalo
avatar

¿Que estoy pensando? :

los dias de ocio son geniales [table class=fecha_up][td]Se modifico:13/12/17 - 11:40 hrs. [/td][/table]


Banner en temas :

http://i.imgur.com/XlCMsAOh.jpeg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6469


Puntos :

8481


Me gusta :

967


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

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

¿Que estoy pensando? :

Caballo sin nombre... [table class=fecha_up][td]Se modifico:31/07/17 - 20:22 hrs. [/td][/table]


Banner en temas :

http://i.imgur.com/FzYAhXk.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

1481


Puntos :

2155


Me gusta :

396


ingreso :

07/12/2014


Sexo :

Masculino

Plataforma :

punbb


Navegador :

Chrome


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

Volver arriba Ir abajo

Mensaje  CD"MA
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 :

472


Me gusta :

44


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

Mensaje  kuke
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 :

119


Puntos :

203


Me gusta :

36


ingreso :

27/07/2015


Sexo :

Masculino

Plataforma :

punBB


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Mensaje  CD"MA
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 :

472


Me gusta :

44


ingreso :

16/05/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Mensaje  Laura
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 :

24


Me gusta :

3


ingreso :

05/02/2017


Sexo :

Femenino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario

Volver arriba Ir abajo

Mensaje  Roger
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 :

301


Puntos :

335


Me gusta :

26


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.