Cargando...
Notificaciones Password  Username

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

Responder al tema
 
Herramientas Modos de visualización

  
(#1)
Old  Administrador
">
Administrador
Sorel
56225906705/02/2009PeruAdministrador de CPortadahttp://i.imgur.com/PTSSOex.png
 
icon1 Seleccionar contenido el 15/9/2011, 12:09 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 phpBB 3, punBB e Invision

Código:
function selectCode(a)
    {
      // Get ID of code block
      var e = a.parentNode.parentNode.getElementsByTagName('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();
      }
    }
    if(text){}else{ var text = 'Selecionar todos';}
    jQuery(document).ready(function(){
      jQuery("dl.codebox dt").not("dl.spoiler > dt").html('Code: <a href="#" onclick="selectCode(this); return false;" title="Select all the content" class="code-a"> 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



— Bienvenido, Invitado a CPortada —
"Tu edad no define tu madurez, tus notas no definen tu inteligencia y los rumores no definen quien eres..."
"Una mirada fría, no siempre significa un corazón sin amor..."

Ven y transfórmate en leyenda... O márchate y permanece en el olvido.
http://www.cportada.forum.st

  
(#2)
Old  Principiante
">
Principiante
djblah
1420116/02/2014BoliviaJunior Memberhttp://i.imgur.com/qoSphAW.png
 
icon1 Re: Seleccionar contenido el 16/4/2015, 9:36 pm

gracias por el codigo

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