[SOLUCIONADO] Cambiar el ID por CLASS...

yopmail · #1 (**permalink**) 31/07/2016, 10:04

Hola, soy muy nuevo... mi intención era hacer un efecto de pop up bastante logrado, este: http://www.w3schools.com/howto/howto_css_modals.asp

El problema es que el boton que abre el pop up es un ID, y yo quiero tener varios botones que puedan abrir el mismo pop up... he cambiado esta parte del codigo:

Código PHP:

  // Get the button that opens the modal 
var btn = document.getElementById("myBtn");

Por eso:

Código PHP:

  // Get the button that opens the modal 
var btn = document.getElementsByClassName("myBtn");

Y el pop up deja de funcionar por completo... como comento soy muy nuevo si alguien podria echarme una mano de como pasar el ID a CSS y así lograr el efecto con class estaria genial

dejo +1 a toda ayuda prestada

Gracias

#2 (**permalink**) 31/07/2016, 10:41

Cuando usas el método getElementsByClassName(className), este te entrega un arreglo, por lo tanto para tener acceso a un elemento en particular debes indicar el indice correspondiente al elemento, de esta forma:

Código Javascript:

Ver originaldocument.getelementsByClassName(className)[0];
document.getelementsByClassName(className)[1];
...
document.getelementsByClassName(className)[n-1];
document.getelementsByClassName(className)[n];

Dejo un ejemplo para que se entienda mejor:

Código HTML:

Ver original<html>
    <head>
        <script>
        function some(n){
        alert(document.getElementsByClassName("asd")[n].innerHTML);
        }
        </script>
    </head>
    <body>
        <span onclick="some(0);" class="asd">Hola</span><br/>
        <span onclick="some(1);" class="asd">Como andas</span><br/>
        <span onclick="some(2);" class="asd">Adios</span><br/>
    </body>
</html>

Saludos.

IsaBelM · #3 (**permalink**) 31/07/2016, 13:21

Ese método está desactualizado. En su lugar usa querySelectorAll()

yopmail · #4 (**permalink**) 31/07/2016, 14:47

Solucionado, Muchas Gracias