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
">
Supervisor
Miko
3379942805/02/2009Peru
 
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:
 
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