resultado undefined en ventana modal

[elsolodigno]

Hola comunidad, estoy tratando de pasar un id que lo tomo de una BD a una ventana modal pero el resultado me da undefined.

Éste es el código:

Código Javascript:

<script type="text/javascript">
    var iddata = document.getElementById('ida').dataset.id;
</script>
 

Código PHP:

while ...
<a id="ida" data-id="<?php echo $row['id']; ?>" data-toggle="modal" href="#myModal">...</a>
...
fin While
 

Código HTML:

...
<div class="modal-body">
<script type="text/javascript">
    document.write(iddata);
</script> 
</div>
...
 

Me pueden guiar un poco respecto al código javascript?.

Muchas gracias!.

[PHPeros]

Prueba con getAttribute:

Código Javascript:

var iddata = document.getElementById('ida').getAttribute('data-id');
 

[elsolodigno]

Iniciado por PHPeros

Prueba con getAttribute:

Código Javascript:

var iddata = document.getElementById('ida').getAttribute('data-id');
 

Muchas gracias por la pronta respuesta pero sigue el mismo error: undefined

Será por el while de php? pero el código fuente muestra bien el tag a:

<a id="ida" data-id="4" data-toggle="modal" href="#myModal">...

Me faltará algo más en javasript para guardar e imprir el contenido del data-id?.

Gracias de nuevo.

[zeuskx]

Hola, supongo que no lo estarás haciendo así pero por si acaso te comento, el código javascript que obtiene la id del enlace tiene que ir debajo de este para que puede coger su id.

Te pongo 2 ejemplos..

Esto funciona:

Código HTML:

<a id="ida" data-id="100" data-toggle="modal" href="#myModal">...</a>
<script>
    var iddata = document.getElementById('ida').getAttribute('data-id');
    alert(iddata);
</script>
 

Esto no funciona:

Código HTML:

<script>
    var iddata = document.getElementById('ida').getAttribute('data-id');
    alert(iddata);
</script>
<a id="ida" data-id="100" data-toggle="modal" href="#myModal">...</a>
 

Si sigues con el problema por favor deja un poco mas de info para saber donde esta el problema..

Saludos

[elsolodigno]

Muchas gracias zeuskx, funcionó! pero el problema ahora surge porque me guarda solamente el primer id del tag <a>, y lo que necesito es obtener el id de cada tag <a> cdo se haga clic no se si me explico.

Tendré que usar un array en javascript? cómo puedo obtener los id de los tags <a> para luego trabajar el link que elige el usuario en la ventana modal?.

Bueno muchas gracias nuevamente por sus tiempos!.

[PHPeros]

En vez de agregar un manejador distinto para cada enlace, puedes incluir todos los enlaces en un contenedor y usar el siguiente código aprovechando el efecto burbuja del evento click y obteniendo el elemento en cuestión mediante target:

Código Javascript:

document.getElementById("contenedor").addEventListener("click", function(e){
      if(e.target.href)
          alert(e.target.getAttribute("data-id"));
}, false);
 

Código HTML:

<div id="contenedor">
    <a id="ida1" data-id="uno" data-toggle="modal" href="#myModal">uno</a>
    <a id="ida2" data-id="dos" data-toggle="modal" href="#myModal">dos</a>
    <a id="ida3" data-id="tres" data-toggle="modal" href="#myModal">tres</a>
</div>
 

[elsolodigno]

Te pido disculpas por mi ignorancia pero no lo entendí...

Ésta es la manera casera que encontré que funciona pero en la ventana modal siempre me muestra el mismo id para luego poder trabajarlo.

Código PHP:

While PHP
<a data-toggle="modal" data-target="#myModal" href="#">...</a>
<script>
var variablejs = "<?php echo $row['id']; ?>" ;
document.write("VariableJS = " + variablejs);
</script>
Fin While PHP
 

Código HTML:

...
<div class="modal-body">
<script type="text/javascript">
document.write("VariableJS = " + variablejs);
</script> 
</div>
...
 

Cuando llegue el id a la ventana modal compararlo con la base datos y mostrar los datos de ese id.

Muchas gracias de nuevo.

[zeuskx]

Iniciado por elsolodigno

Muchas gracias zeuskx, funcionó! pero el problema ahora surge porque me guarda solamente el primer id del tag <a>, y lo que necesito es obtener el id de cada tag <a> cdo se haga clic no se si me explico.

Puedes obtener la id de cada enlace pasandolas por parámetro mediante una pequeña función:

Código HTML:

<script>  
    function pasar_id(iddata){
        alert(iddata);
    }   
</script>
 
<a id="ida" data-id="100" data-toggle="modal" href="#myModal" onclick="pasar_id('100');">Enlace 100</a><br>
<a id="ida" data-id="101" data-toggle="modal" href="#myModal" onclick="pasar_id('101');">Enlace 101</a><br>
<a id="ida" data-id="102" data-toggle="modal" href="#myModal" onclick="pasar_id('102');">Enlace 102</a>
 

Como estas usando php puedes pasar la id de los enlaces de esta manera:

Código HTML:

<script>  
    function pasar_id(iddata){
        alert(iddata);
    }   
</script>
 
<a id="ida" data-id="<?php echo $row['id']; ?>" data-toggle="modal" href="#myModal" onclick="pasar_id('<?php echo $row['id']; ?>');">...</a>
 

[elsolodigno]

Muchas gracias funcionó!. Pero ahora no me sale cómo guardar el id para trabajarlo:

Sería algo así?:

Código PHP:

$variablephp = "<script>  
    var idresult function pasar_id(iddata){
        document.write(iddata);
    }   
document.write(idresutl);
</script>";
echo "variablephp = $variablephp";
 

pero me abre otra página... :(

GRacias de nuevo!