Jump to content
  • Sky
  • Blueberry
  • Slate
  • Blackcurrant
  • Watermelon
  • Strawberry
  • Orange
  • Banana
  • Apple
  • Emerald
  • Chocolate
  • Charcoal
Miguel92

[Mini-Mod] Mostrar/Ocultar password

Recommended Posts

On 8/8/2017 at 7:49, Rhuan dijo:

Te has complicado bastante la vida. Mostrar la contraseña es tan simple como cambiar el atributo type del input de password a text.

$('#vermipass').click(function(){
    var newType = $('#password').attr('type') == 'text' ? 'password' : 'text';
    $('#password').attr('type', newType);
});

 

Ahora si me funciona correctamente, ya que estoy pasando mi theme de Bootstrap 3 a Bootstrap 4 y realice la actualización del jquery, js 

Compartir este post


Enlace al post
Compartir en otros sitios

Registra una cuenta o conéctate para comentar

Debes ser un miembro de la comunidad para dejar un comentario


  • Similar Content

    • Por Miguel92
      Bueno les presento un complemento que lo tengo en demo32.hol.es, lo hice porque el panel de la izquierda era muy tosco y feo así que decidí cambiarlo por el de la derecha si alguien quiere este panel, se los pasaré...lo hago así porque no se si les gustará o si lo usarán o no!
       

       
      Para ello deben tener el conjunto de Glyphicon Halflings aunque también se los dejaré por si acaso!
       
      Si la imagen no se ve haz clic aquí
      Después le haré el mod para que el usuario elija la imagen del fondo desde su cuenta!...
    • Por Miguel92
      Hola, este es un mod/mini-mod/complemento que aplica un background solo en el perfil... he tratado de hacerlo con home, fotos, tops, etc. desde la cuenta, en teoría lo que quería hacer es que los usuarios eligieran las imágenes que querían poner para las secciones ya mencionadas, pero solo logré para el perfil... Si el mod ya existía pido perdón, porque no lo he visto
       
      1) Ejecutar esta consulta
      ALTER TABLE `u_perfil` ADD `p_fondo` VARCHAR(200) NOT NULL;  2) Ir a c.cuenta.php y buscar 
      function loadHeadInfo($user_id){         global $tsUser, $tsCore;         // INFORMACION GENERAL y dentro de esta función buscamos 
      p.p_socials, p.p_empresa, y agregar a lado de esto
      p.p_fondo,  Luego buscar más abajo
      }         // COMPROBAR PORCENTAJE         $total = array(5,8,9,8,9); // CAMPOS EN CADA CATEGORIA         $tid = $save - 1; y arriba agregamos
                  case 9:                 // IN DB                 $perfilData = array(                     'fondo' => $tsCore->setSecure($_POST['fondo']), //Este es para el perfil                 );             break;  
      3) Vamos a estilos.css y en body dentro de las llaves {...} agregaremos esto
          background-position: center center;     background-repeat: no-repeat;     background-attachment: fixed;     background-size: cover;  
      4) Luego buscar tuTheme/templates/t.cuenta.tpl y debajo de 
      <li><a onclick="cuenta.chgtab(this)">Cambiar Nick</a></li> agregamos
      <li><a onclick="cuenta.chgtab(this)">Fondo</a></li> un poco más abajo debajo de
      {include file='modules/m.cuenta_nick.tpl'} agregamos
      {include file='modules/m.cuenta_fondo.tpl'}  
      5) Crearemos el archivo m.cuenta_fondo.tpl y la colocaremos en modules
      <div class="content-tabs fondo" style="display:none">     <fieldset>     <div class="alert-cuenta cuenta-9"></div>              <div class="field" style="padding: 5px 0">             <label for="fondo" style="display: inline-block;">Fondo del Perfil:</label>             <input type="text" value="{$tsPerfil.p_fondo}" maxlength="200" name="fondo" id="fondo" class="text cuenta-save-9" style="width:65%; display: inline-block;">         </div>    </fieldset>                   <div class="buttons">             <input type="button" value="Guardar" onclick="cuenta.save(9)" class="mBtn btnOk"/>         </div>                                      <div class="clearfix"></div> </div>  
      6) Último paso vamos a templates/sections/main_header.tpl y buscamos
      </head> <body> y arriba agregamos
      {literal} <style>     body {         background-image: url({/literal}{$tsInfo.p_fondo}{literal});     } </style> {/literal} RESULTADO FINAL:

       
       
      Para evitar las puntas blancas busquen en estilos.css
       /****** Bordes Redondos ******/  debajo agregan ↓ ↓ ↓ 
      .rtop { border-radius: 11px 11px 0 0; } .rbott { border-radius: 0 0 11px 11px; }  y listo quedará más lindo
      Para el fondo con opaco → ir a sections/main_header.tpl y buscar <body> debajo pegamos
      <div id="background_transparent"></div> y en estilo.css debajo de body { ... } pegamos
      Fondo 1
      #background_transparent {     background-color: rgba(255,255,255,.6);     position: fixed;     height: 100%;     top: 0;     width: 100%;     z-index: -1; } Fondo 2
      #background_transparent {     background-color: rgba(0,0,0,.8);     position: fixed;     height: 100%;     top: 0;     width: 100%;     z-index: -1; } Fondo1                                                           Fondo2

    • Por Miguel92
      [Mini-Mod] Aumentar/Disminuir texto! V.2
      Versión más simplificada...
       
      Hace lo mismo que la V.1 pero esta cuenta solamente con 2 opciones

       
      Descargaremos estas 2 imágenes, y la guardan en la carpeta de images 
       
      Imagen 1 → la guardan como disminuir.png
      Imagen 2 → la guardan como aumentar.png
       
      1) Vamos a sections/main_footer.tpl y arriba de </body> pegamos esto
      <div class="aumendim">   <a href="#" id="increaseFont"><img src="{$tsConfig.images}/aumentar.png" alt=""></a>   <a href="#" id="decreaseFont"><img src="{$tsConfig.images}/disminuir.png" alt=""></a>  </div>  {literal} <style>   .aumendim {     float: left;     position: fixed;     bottom: 20px;     left: 20px;   }   .aumendim a {     padding: 5px;   } </style> {/literal} <script src="{$tsConfig.js}/mix.js" type="text/javascript"></script>  
      2) Luego descargamos este archivo mix.js y lo guardamos en la carpeta tu_theme/js y listo
    • Por Miguel92
      Bueno este es un pedido para @unfernacho sobre: Pedido MOD Agrandar tamaño de la letra a gusto
       
       
      No es lo que yo buscaba pero es lo más parecido, para ver que funciona lo podes ver en → Demo32 ←, Espero que sea lo que buscabas

       
      Son 4 botones:
      * El ojo: Muestra/Oculta las opciones
      * El Medio Blanco/Medio Negro: Es el contraste (*opcional*)
      * El A+: Es para aumentar la fuente
      * El A-: Es para disminuir!
       
      Lo único que hacemos es ir a sections/footer.tpl y arriba de </body> pegamos esto
      <link rel="stylesheet" href="{$tsConfig.css}/mix.css">   <div class="acess-container">     <div id="jbbutton" class="balloon" title="Accessibility">       <span class="balloontext">Accesibilidad</span>       <img src="{$tsConfig.images}/accesibilidad.png">     </div>     <div id="acess-icons">       <div class="acess-icon balloon" title="Contraste">         <span class="balloontext">Contraste</span>         <img id="contrast" src="{$tsConfig.images}/contraste.png"/>       </div>       <div class="acess-icon balloon" title="Aumentar Fuente">         <span class="balloontext">Aumentar Fuente</span>         <img id="increaseFont" src="{$tsConfig.images}/aumentar.png"/>       </div>       <div class="acess-icon balloon" title="Diminuir Fuente">         <span class="balloontext">Diminuir Fuente</span>         <img id="decreaseFont" src="{$tsConfig.images}/disminuir.png"/>       </div>     </div>   </div> <script src="{$tsConfig.js}/mix.js" type="text/javascript"></script> Luego descargas esto: MiniMod_Aumentar_Diminuir_Fuente.rar y lo descomprimes en la carpeta de tu theme...
       
      Cualquier problema me avisas!
    • Por maxbyte
      Hola gente, hoy les traigo un minimod que al menos a mi me sirve para ganar algo de dinerillo extra.
      Es muy facil de instalar, empecemos...
       
      Solo busquen en su archivo main_header.tpl la etiqueta <head> y justo debajo copian este codigo:
       
      <script type="text/javascript"> var adfly_id = Aqui copian su codigo de Adf.ly; var adfly_advert = 'int'; var frequency_cap = 2; Veces que se redirige en 24 horas var frequency_delay = 15; Minutos entre cada anuncio mostrado var init_delay = 300; Esto son los segundos entre cada anuncio cada vez que se carga una pagina var popunder = true; </script> <script src="https://cdn.adf.ly/js/entry.js"></script> <script type="text/javascript"> var adfly_id = Aqui copian su codigo de Adf.ly; var adfly_advert = 'int'; var popunder = true; var exclude_domains = ['Aqui escriben su web', 'youtube.com']; Estas son las paginas excluidas, pueden incluir las que quieran </script> <script src="https://cdn.adf.ly/js/link-converter.js"></script> Si no quieren  anuncios popunders solo cambian var popunder = true; por var popunder = false;
       
      Y eso es todo, espero que les sirva.
  • Navegando Recientemente   0 miembros

    No registered users viewing this page.

×