Hola a todos!
He encontrado en Internet que con Bootstrap se puede hacer lo que se muestra en este ejemplo: http://codepen.io/ibanez182/pen/WxKABq/
En el ejemplo no se escribió ninguna linea de código Javascript, solo se utilizarón los atributos HTML: data-toggle, data-target, aria-expanded y aria-controls. No entiendo bien como funcionan pero me ha interesado mucho que se pueda "programar" de esta manera. Mis preguntas son: ¿Cuales son todos esos atributos? ¿Cuales son las funciones de cada uno de esos?. En Internet no encontré información sobre esos atributos, pero se que son "HTML5 custom attributes" y se les puede dar la funcionalidad que uno quiera. Bootstrap usa unos cuantos. En definitiva. ¿Donde podría conseguir más información al respecto? Saludos!
entre Desarrolladores
Recibe ayuda de expertos
Registrate y pregunta
Es gratis y fácil
Recibe respuestas
Respuestas, votos y comentarios
Vota y selecciona respuestas
Recibe puntos, vota y da la solución
Pregunta
¿Cuales son todos los atributos data-* y aria-* que usa Bootstrap y sus funciones?
- preguntó
- Web
- 1350 Vistas
- 1 Respuestas
- solucionada
1 Respuesta
Hola @pedrourday,
Los atributos aria- y data- son atributos personalizados de HTML, así que no hay una lista exhaustiva de ellos: tienen el nombre que más le guste al que los use.
Luego, hay una afirmación equivocada en tu pregunta: para que este código funcione SI hace falta JavaScript: la cuestión acá es que ese JavaScript es parte de Bootstrap y está relacionado con los elementos vía event-listeners y por eso no se ve el código. Si vas con el inspector del navegador a los checkbox vas a ver qué función de Bootstrap están indicando.
Para este caso particular, la forma de uso y funcionamiento está acá.
Tenés ejemplos de uso de todas las funcionas programadas de Bootstrap en este enlace.
HTML es un lenguaje de presentación: el código que lo hace funcionar, aunque medianamente oculto en este caso, tiene que seguir existiendo.
Saludos cordiales!
Por favor, accede o regístrate para añadir un comentario.
Por favor, accede o regístrate para responder a esta pregunta.
En el blog
-
- 407095
- 1
- Jul 5, 2015
Sin Respuesta
-
- 158
- 0
- Mar 19
-
- 75
- 1
- Feb 26
-
- 188
- 0
- Ene 30
-
- 1024
- 0
- Nov 7, 2023
-
- 289
- 0
- Sep 19, 2023
-
- 301
- 0
- Ago 21, 2023
-
- 382
- 0
- May 14, 2023
-
- 352
- 0
- Abr 21, 2023
- ver todas
Preguntas relacionadas
- seleccionar los atributos que contengan data?
- Que opinan de usar mean.io ó mean.js stack para sus proyectos??? Cuales son sus pros y contras??
- Evitar que cambie de pestaña bootstrap
- ¿Solucionar problemas responsivos sistema de grillas en bootstrap?
- Cuando uso include_once en php no funciona las hojas de estilo css (uso bootstrap)
Actividad Reciente
Santiago2610 comentó Mar 23
Acualizar ChoiceField en djangoSantiago2610 preguntó Mar 19
Acualizar ChoiceField en djangogonzalss preguntó Feb 26
Script /boot/ scrapingParkJo preguntó Ene 30
No me deja instalar Oracleelporfirio respondió Ene 10
Actualizar la imagen con los datos devuelto en un …ovedg preguntó Dic 31, 2023
Actualizar la imagen con los datos devuelto en un …Ehdez preguntó Nov 7, 2023
Necesito en wordpress un pluging que me calcule la…pedrourday preguntó Sep 19, 2023
Alternativas a ThreeJS y BabylonJS?pedrourday preguntó Ago 21, 2023
¿Que tecnologias y lenguajes me recomiendan?Fabio respondió Jul 11, 2023
plugin de efecto circular 3d en imagenes
Ultimas Preguntas
Preguntas relacionadas
- seleccionar los atributos que contengan data?
- Que opinan de usar mean.io ó mean.js stack para sus proyectos??? Cuales son sus pros y contras??
- Evitar que cambie de pestaña bootstrap
- ¿Solucionar problemas responsivos sistema de grillas en bootstrap?
- Cuando uso include_once en php no funciona las hojas de estilo css (uso bootstrap)
Usuarios Top
- Leonardo-Tadei
- 227320 Puntos
- Peter
- 150460 Puntos
- white
- 75880 Puntos
- carlossevi
- 63580 Puntos
- magarzon
- 30650 Puntos
- pregunton
- 20400 Puntos