2

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.

5
  • Saludos. De momento me surge la siguiente duda ¿que es/tiene a.ejercicio? Commented el 25 jun. 2020 a las 15:37
  • es una etiqueta que donde genero los hipervinculos es un tag <a> con id ejercicio Commented el 25 jun. 2020 a las 15:40
  • Primero haces direccion igual a una cadena y justo después igual a un elemento.
    – juanrpozo
    Commented el 25 jun. 2020 a las 15:43
  • Necesito que al poner el id salga la direccion almacenada en la variable direccion y para eso tengo que hacerlo con un getElement no? Commented el 25 jun. 2020 a las 15:44
  • Te sugiero edites y coloques/completes cada elemento; se necesita el valor (en este caso de a.ejercicio para evaluar) saber lo que se obtiene y sobre que estas aplicando el each; ya esto superado tiene el problema de direccion le asignas una cadena (string) y luego lo cambia por un objeto document.getElementById('id-imagen') que en html que pones solo hay 1. Commented el 25 jun. 2020 a las 15:45

1 respuesta 1

0

cambia esto

$(a.ejercicio).each(function( index, element ) {

por esto:

$(a[class="dropdown-item ejercicio"]).each(function( index, element ) {

Lo normal es que no haga nada el script por que <a> tiene dos clases, de esta manera cogemos las dos.

1
  • 3
    Procura explicar un poco con detalle qué error había y por qué tu solución lo solventa..
    – VRoxa
    Commented el 26 jun. 2020 a las 8:16

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.