Cargando...
Notificaciones Password  Username

Regresar CPortada - Mas que un foro, tu Comunidad.  » Recursos para Forumotion - Foroactivo » Scripts
Actualizar esta página BBcode Tooltip para SCEditor
Nombre de Usuario:
Contraseña:
   

Responder al tema
 
Herramientas Modos de visualización

(#1)
Old  Supervisor
">
avatar
Supervisor
Miko
37211172805/02/2009PeruMy dream is you.https://i.imgur.com/Nh2lbrq.png
 
icon1 BBcode Tooltip para SCEditor - el 23/7/2016, 11:40 am

Los tooltips son estás pequeñas etiquetas emergentes que se muestran cuando el cursor del ratón queda parado durante unos instantes encima de un componente visual de una ventana. Son muy prácticos para suministrar una información adicional relacionada a este componente.

Demo:



Código CSS:

Código:
.tooltip {cursor : help;}
datatip {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1.5px solid #D5D5D5;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
position: absolute;
padding: 12px ;
border-radius: 3px;
margin-top: 25px;
margin-left: -20px;
display: none;
width : auto;
color:black;
}
texttip { color:green;font-weight:bold;}



Código JavaScript:

Código:
$(document).on('ready', function() {
            $(".sceditor-container").append('<div class="sceditor-dropdown sceditor-tooltip" style="display:none;margin-top: 27px;"><div><label for="tooltiptext" style="text-align:left;" >Text : </label><input type="text" id="tooltiptext" style = "float:left" placeholder="Nhập text..."> <
                label
                for = "tooltipnote"
                style = "text-align:left;" > Note: </label><input type="text" id="tooltipnote" style = "float:left" placeholder=" "><input type="button" style = "margin-top: 15px;"class="button" value="insert"></div > < /div>'); 
                $('<a class= "sceditor-button bbcode-tooltip"  title= "BBCode Tooltip"><div style="background-image:url(http://i12.servimg.com/u/f12/17/70/81/78/commen10.png)">BBCode Tooltip</div></a>').insertAfter('.sceditor-button-fahide').click(function() {
                    var f = $(".sceditor-tooltip").css("display");
                    if (f == 'none') {
                        $(".sceditor-tooltip").css({
                            "left": $(this).position().left,
                            "top": $(this).position().top,
                        }).show();
                    } else {
                        $(".sceditor-tooltip").hide();
                    }
                }); $(".sceditor-tooltip .button").click(function() {
                    var a = $(".sceditor-tooltip #tooltiptext").val();
                    var b = $(".sceditor-tooltip #tooltipnote").val();
                    $('#text_editor_textarea').sceditor("instance").insert('[tooltip=' + b + ']' + a + '[/tooltip]');
                }); $('.post').each(function() {
                    var m = $(this).html().replace(/\[tooltip=(.*?)\](.*?)\[\/tooltip]/gi, '<span class="tooltip"><datatip>$1</datatip><texttip>*$2</texttip></span>');
                    $(this).html(m);
                }); $('.post ').find('.tooltip').each(function() {
                    var s = $(this);
                    $(s).hover(function() {
                        $(s).find('datatip').show();
                    }, function() {
                        $(s).find('datatip').hide();
                    });
                });
            });




Quisiera borrarte de mi memoria...creer que no existe tu persona,
pero es imposible que yo lo crea...
por que eres imagen que a mi se revela...
no puedo seguir con esta angustia...e ir sin ti es mi castigo
yo se que es pecado amarte a ciegas...y desde hoy he jurado…

" Un corazon Solitario no es un corazon "

Comentar con facebook:
 » Temas similares en otros foros
» Como poner un plug-in social de facebook desplegable en mi foro ?
» Activar el BBCode para decorar post
» ¿Existe algún código HTML o BBCODE para cambiar la raíz de la dirección de tu foro?
» Los iconos para los BBCode no se ven en mi foro? que hago ayuda please
» No comprendo el código para tablas BBCode
 
Permisos de este foro:
No puedes responder a temas en este foro.

 Los Códigos BB están Activado
 Los Emoticonos están Activado
 Código [IMG] está Activado
 Código HTML está Activado