etiquetas HTML con dos puntos????, ¿que són?

Anarko · #1 (**permalink**) 25/12/2016, 11:48

Hola.

En https://developers.facebook.com/docs...ed-permissions bríndan un código HTML que incluye etiquetas de DOS PUNTOS.

Dónde obtengo + info sobre esas etiquetas???

Grácias!.

Código HTML:

<fb:login-button scope="public_profile,email" onlogin="checkLoginState();">
ingresar al web</fb:login-button>

mpozo · #2 (**permalink**) 26/12/2016, 14:10

Puedes crear etiquetas personalizadas

Anarko · #3 (**permalink**) 26/12/2016, 23:57

Gracias Mpozo!.

... quizá me diste el URL errado?
al´´i no encuentro info acerca de los dos puntos.

:D

mpozo · #4 (**permalink**) 27/12/2016, 06:04

Lo que importa es el javascript asociado
Puedes crear tags con el nombre y estructura que quieras

Código HTML:

Ver original<fb:login-button> 
 <fb::login-button>
 <fb-login-button>
 <login-button>

Anarko · #5 (**permalink**) 28/12/2016, 15:26

Cita:

Iniciado por mpozo

Lo que importa es el javascript asociado
Puedes crear tags con el nombre y estructura que quieras

Código HTML:

Ver original<fb:login-button> 
 <fb::login-button>
 <fb-login-button>
 <login-button>

Gracias de nuevo MPOZO.

Puedes brindárme algún URL en español donde pueda
obtener + info sobre esas "etiquetas" ???

:)

mpozo · #6 (**permalink**) 29/12/2016, 15:38

En este post te deje un link
Si quieres un ejemplo que involucre eventos. Pulsa en los corazones

Código Javascript:

Ver original<!DOCTYPE html>
<html dir="ltr" lang="es-es">
    <head>
        <title></title>
        <meta charset="utf-8">
        <meta name="viewport" content="user-scalable=yes, width=device-width, initial-scale=1">
        <style>
 
        </style>
        <script>
          function ini(){
document.createElement('mpozo:boton');//creamos el elemento corazon
var btn = document.getElementsByTagName('mpozo:boton');//llamamos todos los elemento corazon del documento
  var i;
  for (i = 0; i < btn.length; i++) {//ejecuta acciones para esos elementos
//creamos estilos para nuetras etiquetas
    
    btn[i].style.backgroundImage= "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAACaElEQVR4nO2by7WCMBCGKYECyJgSLIESLCEnwT0l0IElWIIlWIIlsAxhkxLuXZh45YrKI+QF/zmznvn+TAYYj0myadOmTSMkMUl5VuQN0JIDrVooTmLHLhxoxRElPCtyjgk2nZdjgnlW5BxRcs/Lzi2wMwdaNUBLnhW56ZzdArIib4GdBTApgP0MiBtHlMzJKTFJBWIHAew2MOdPC+wsEDsYwlbgiF2HFtBfVHEaC95CcRphdu8BtPi4nwz+VMRk8H9RDymoxcf9mBMf0hGT4MWOXQzCP6IBWr7L2wAtZ576226QmKSD4DkmWACrl4D/dCocaLVkTgFMfh3OEpN07n0fHE+DiiNKrOQEVn80QE15G4XcOwEf9+rOL9H2/TkRu/bCq8eNNXgVUhgceEPj5fEsMUldFOIwZMcANX1dF2W3C4BWf3ff1uDzK+5doIaQ62LcdAEmeJXtr6MBWiZLvfEFETt2Wev911EnYuHXXs9DJsLiW5iPsfYOqNc+A27WP4B8ihaxa2J46xNUtFCc9IeQ82JcxGOTLNY5CG9Pi5D1XYPO16C6BmvqAvmyJLW4l3MendPvrMXWsRV6vyJXVyHmV2P59ccZ9btAjCZ8h388FeLbEsnRP5hGZMJ4+IhMmA4fgQnz4QM2wRx8gCaYhw/IhOXgAzBheXiPTbAH76EJ9uE9MsEdvAcmuIfXcmCCP/BaFk3wD17Lggn+wmstaIL/8FoLmBAOvJZBE8KD1zJgQrjwWjNMCB9ea4IJ8cBrjTAhPnitASbEC6/1wYT44bV6TFgPvBbHBHOgFQdazfpz06ZNmzbN0C97EM/d8hW+4gAAAABJRU5ErkJggg==')";
    btn[i].style.position="relative";
    btn[i].style.display="block";
    btn[i].style.width="64px";
    btn[i].style.height="64px";
    btn[i].addEventListener('click', function() {
        alerta(this.getAttribute('pulsar'));
    })
  }
}
 
function alerta(txt) {
    alert(txt);
}
window.addEventListener('load',ini,false);//ejecuta la funcion ini al cargar el documento
        </script>
    </head>
    <body>
 
        <mpozo:boton pulsar="soy un botón"></mpozo:boton>
        <mpozo:boton pulsar="soy otro botón"></mpozo:boton>
 
    </body>
</html>