Cargando...
Notificaciones Password  Username

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

Responder al tema
 
Herramientas Modos de visualización

  
(#1)
Old  Administrador
">
Administrador
Rezo
96211701/07/2009PeruAdministradorhttp://i.imgur.com/ybqJjyN.png
 
icon1 [Scripts] Seleccionar contenido el 27/8/2011, 2:36 pm

Hola miembros de CPortada, en este tutorial, usted descubrirá cómo poner un botón 'Seleccionar contenido' de cada cuadro de código como se ve en este foro. Este tutorial es compatible para todas las versiones del foro.

Un ejemplo de el botón "Seleccionar contenido" como se ve en este foro:



Al hacer clic se seleccionará de forma automática el contenido de la caja de código:



Paso 1:
Vaya a ...
Administration Panel → Modules Tab → Javascript codes management → Create a new javascript

Paso 2:
Llámalo como quieras y establecer su ubicación en todas las páginas.

Paso 3:
Una vez que haya hecho eso, usted tendrá que agregar el siguiente código en el campo 'Código Javascript' (la versión de su único foro):

Para PhpBB2

Código:
function selectCode(a)
    {
    // Get ID of code block
    var e = jQuery(a).closest('tr').next().find('.cont_code')[0];

    // Not IE
    if (window.getSelection)
    {
    var s = window.getSelection();
    // Safari
    if (s.setBaseAndExtent)
    {
    s.setBaseAndExtent(e, 0, e, e.innerText.length - 1);
    }
    // Firefox and Opera
    else
    {
    // workaround for bug # 42885
    if (window.opera && e.innerHTML.substring(e.innerHTML.length - 4) == '<BR>')
    {
    e.innerHTML = e.innerHTML + ' ';
    }

    var r = document.createRange();
    r.selectNodeContents(e);
    s.removeAllRanges();
    s.addRange(r);
    }
    }
    // Some older browsers
    else if (document.getSelection)
    {
    var s = document.getSelection();
    var r = document.createRange();
    r.selectNodeContents(e);
    s.removeAllRanges();
    s.addRange(r);
    }
    // IE
    else if (document.selection)
    {
    var r = document.body.createTextRange();
    r.moveToElementText(e);
    r.select();
    }
    }
    jQuery(function(){

    jQuery('div.postbody td.code').parent().prev().find('b').html('Code:
    <a href="javascript:void()" onClick="selectCode(this)"><font
    face="verdana" color="red"></font> Select Content </a>');
    });

Si usted ha hecho todos los pasos correctamente, entonces usted debe tener un funcionamiento completamente el botón "Seleccionar contenido" que aparecen para cada cuadro de código.

:biggrin:

Tutorial escrito por Base, con la ayuda de k.201017 y Gangstar15 en Select Content Button



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