miércoles, 20 de junio de 2018

Tachar texto en html

Hoy vamos a ver como tachar un texto en html, puede que necesitemos tacharlo en lugar de eliminarlo por motivos de indexacción o simplemente queremos que siga mostrándose, pero indicarle al visitante que ya no está activo o vigente dicho texto.

Veamos como hacerlo.

Tachar texto en html




Lo que tenemos que hacer es meter el texto a tachar entra las etiquetas de apertura y cierre  "strike"
quedando de la siguiente manera:


  1. <strike>este texto se mostrará tachado</strike>


Y en el navegador del visitante lo verá  así:


este texto se mostrará tachado




Espero que os haya sido útil.

Un saludo.

lunes, 18 de junio de 2018

Abrir un enlace o vinculo en nueva pestaña o ventana html

Hoy vamos a ver como decirle a un enlace o vinculo que se abra en un a nueva ventana.
Veamos como hacerlo.


abrir enlace o vinculo en nueva pestaña o ventana


Cogeremos el enlace que queramos darle esta funcion, que tendrá una estructura parecida a esta:


  1. <a href="aquí la url">aquí el texto a mostrar</a>


Y simplemente al enlace anterior le tendremos que añadir el siguiente código:


  1. target="_blank"


Quedando el enlace de la siguiente manera:



  1. <a href="aquí la url" target="_blank">aquí el texto a mostrar</a>



Como podéis ver la solución es fácil y rápida de hacer.




Espero que os haya sido útil.


Un saludo.


lunes, 4 de junio de 2018

Comprobar si dos campos de Email son iguales

Hoy vamos a ver como comprobar  si los dos email introducidos son iguales. A la hora de que se registre un usuario, en ocasiones necesitamos que vuelva escribir la dirección de correo electrónico con el único fin de que a la hora de escribirlo se pueda confundir, lo que ello llevaría a un registro nulo, y dependiendo de los datos a introducir en el registro, se le podria complicar hecer un nuevo registro.

Veamos como hacerlo.


comprobar si dos email son iguales

Lo primero que tenemos que hacer en el formulario de registro es crear un nuevo campo de texto para que puedan repetir el email




  1. <p> Clave: 
  2. <input type="text" name="clave1" maxlength="12" size="20" required="required"></p>
  3. <p><br>
  4.   Repite Clave: 
  5.   <input type="text" name="clave2" maxlength="12" size="20" required="required"></p>
  6. <p>



y una vez tengamos duplicado el campo, vayamos a validarlo con javascript, para que los dos sean iguales, si no lo son, se lo hacemos saber, en este caso, será mediante una alerta.

Lo haremos con el siguiente código:



  1. var c1 = document.mi_formulario.clave1.value;
  2. var c2 = document.mi_formulario.clave2.value;

  3. if (c1 != c2) {
  4. alert ("Las contraseñas introducidas no son iguales");
  5. return false;
  6. }else {
  7. alert('Contraseña correcta');
  8. }
  9. }


Como veis es un código sencillo, a continuación os dejo un  ejemplo para que veais el funcionamiento:



Clave:

Repite Clave:

Veréis que al darle al botón de comprobar  validara si los dos campos son iguales.






Espero que os haya sido útil.


Un saludo.

martes, 29 de mayo de 2018

Mostrar ocultar un div con javascript

Hoy vamos a ver como se puede insertar contenido dentro de una etiqueta div y que ese contenido pueda estar oculto o visible.
Veamos como hacerlo...


Mostrar/ocultar un div con javascript


Lo primero que vamos a hacer es crear una función, en este caso la llamaré mostrarocultar, dentro de la función le decimos que el div 'contenido_oculto' no se muestre, y el span 'texto' muestre la palabra Mostrar


  1. function mostrarocultar(){

  2. document.getElementById('contenido_oculto').style.display = 
  3. (document.getElementById('contenido_oculto').style.display == 
  4. 'none') ? 'block' : 'none'; 
  5. document.getElementById('texto').innerHTML = 
  6. (document.getElementById('texto').innerHTML==
  7. 'Mostrar')?'Ocultar':'Mostrar';
  8. };



Para que inicie la función con la cara de la página, agregamos el siguiente código.

  1. window.onload = function(){
  2. mostrarocultar();
  3. }



Y por último, creamos el enlace, donde daremos clic para mostrar/ocultar el contenido, y también el div donde pondremos el contenido.



  1. <p><a style='cursor: pointer;' onclick="mostrarocultar()"><span id="texto"></span></a></p>

  2. <div id="contenido_oculto">
  3. <p>Este contenido estaba oculto<br />Pulsa ocultar y desaparecerá</p>
  4. </div>


Y como siempre os comento, esto puede mejorar su aspecto con estilos css.



Os dejo esta muestra para que veáis como funciona.



Este contenido estaba oculto
Pulsa ocultar y desaparecerá







Espero que haya sido útil.


Un saludo.

miércoles, 23 de mayo de 2018

5€ gratis por registrarte en fintonic para gastar en amazon

Hoy os traigo lo que se podría considerar como "La Promoción del Año". Resulta que ahora con Fintonic te llevas un cheque regalo de 5€ en Amazon por la cara, sin sorteos. 
Tan solo tienes que añadir un código amigo al registrarte y te regalarán directamente un cheque por valor de cinco euros para gastar en Amazon. 

Pasos para ganar 5€ en Amazon con Fintonic:

  1. Descarga la aplicación de Fintonic en tu móvil ya sea a través de la App Store o Google Play.
  2. Antes de regístrarte, haz clic sobre "¿Tienes un código amigo?"
  3. Pon un e-mail válido y una contraseña.
  4. Introduce (justo debajo de donde tienes que poner la contraseña) el código amigo joason.
  5. Y pincha en "crear cuenta".
Consigue 5€ al registrarte en fintonic


Una vez que has creado tu cuenta, tendrás que añadir una cuenta bancaria de la que seas titular. Tu información es anónima (no piden nombre ni apellidos) y está cifrada. Fintonic no puede operar con tus cuentas, solo podrás acceder a los datos pero nunca operar con ellas .
Como condición ineludible para recibir el cheque, tendrás que tener la aplicación instalada y mantente como usuario activo durante un mínimo de 7 días. Si la eliminas antes, perderás el cheque.


La entrega del cheque regalo se llevará a cabo de forma automática una vez que se cumpla el periodo establecido. Te enviarán un correo electrónico con el código para canjear en Amazon, por lo que debes poner un e-mail real en el proceso de registro.


Para más información consulta las bases legales.



Un saludo.