He hecho el siguiente script para mostrar una imagen según un hipervinculo que el usuario selecciona, el código esta hecho así por varios motivos, el primero es que los href de los hipervinculos se generan en un for y la cantidad depende del usuario, así que no puedo ponerlo por casos porque seria un código muy ineficiente, el código de mi js en principio me proporciona el href que desea el usuario y genera una dirección con el. a través de un getElementById() hago que el img muestre la imagen en esa dirección.
Este es el código: El href se genera asi, de aqui sale el a.ejercicio:
php for ($x = 1; $x <= $num2-2; $x++): ?>
<a class="dropdown-item ejercicio" href="#<?=$i.$x?>">Ejercicio <?= $x ?></a>
<?php endfor; ?>
<script>
var direccion= "";
$(a.ejercicio).each(function( index, element ) {
$(this).click(function {
direccion= "../packs/" + ($(this).attr("href").split("#")[1]) + "/imagen.png";
direccion=document.getElementById('id-imagen');
$("#id-imagen").attr("src", direccion).css({"width": "100px"});
})
});
</script>
Así es como muestro la imagen:
<div>
<img id="id-imagen" alt="">
</div>
No me da ningún error, simplemente la imagen que debería aparecerme no me aparece, creo que el problema viene a la hora de generar la dirección pero no lo se.
a.ejercicio
?direccion
igual a una cadena y justo después igual a un elemento.a.ejercicio
para evaluar) saber lo que se obtiene y sobre que estas aplicando eleach
; ya esto superado tiene el problema dedireccion
le asignas una cadena (string
) y luego lo cambia por un objetodocument.getElementById('id-imagen')
que en html que pones solo hay 1.