Autor Tema: Problemas con funciones js jquery aprendizaje básico programación web (Leído 2060 veces)

bmleunammf · « **en:** 06 de Octubre 2017, 22:12 »

Hola, hoy llego aca con un problema que me a superado con la poca preparacion que tengo en js.

En el siguiente codigo se encuentran urls distintas pero que tienen el mismo dominio que se ha almacenado en la var=base y el resto esta en el enlace y al hacer click se unirian la var=base con el resto ubicado en el .attr("href") para ir a la direcion deseada:

Código: [Seleccionar]

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>
<script>
var base = "https://lh3.googleusercontent.com/";

$(function() {
    $("a").on("click", function() {

        var segundaParte: $(this).attr("href")
   
        var enlaceEntero = base + segundaParte

        window.open(enlaceEntero,"_black")       
})
</script>

<a href="-p1bHZYMMlYc/WT89b779ijI/AAAAAAADK5M/w-N3VOsPBc4C6uAkHBLYZgMzdgSs5RaOACKgB/s3200/UltEnd-v1_02_0021.webp">Foto 01</a><br>
<a href="-KUlkpOCJ67s/WT89bxVR0jI/AAAAAAADK5M/fzZSbutiWrIHXRi-t94DchY5ai1WatN_wCKgB/s3200/UltEnd-v1_02_0024.webp">Foto 02</a>

<html>
<body>

Pero por mas que lo he intentado no he podido solucionarlo, gracias por adelantado.
NOTA: Es necesario que se ejecute con $("a").on("click", function() {} ya que haria mas general la publicacion, otro metodo encontrado me obliga a llamar una funsion desde el enlace y con el anterior codigo solo bastaria hacer click en el enlace y listo.

esperando pronta respuesta.

Alex Rodríguez · « **Respuesta #1 en:** 06 de Diciembre 2017, 17:49 »

Hola, en el código pueden verse algunos errores como abrir con <body> y no cerrar correctamente con </body>

También hay errores como window.open(enlaceEntero,"_black") en lugar de window.open(enlaceEntero,"_blank")

También tienes mal ordenadas las etiquetas body, html, etc.

Además es aconsejable poner los ; al final de cada línea de instrucción

Otro error que pareces tener es tratar de acceder a un atributo (href) cuando aún no se ha cargado la página y por tanto es inaccesible.

Recomendamos tomar las bases antes de usar jquery. Las bases de programación web pueden encontrarse en https://aprenderaprogramar.com/index.php?option=com_content&view=article&id=57&Itemid=86

Recomendamos seguir los cursos en este orden: HTML, CSS, JavaScript y PHP

En el curso de JavaScript puedes encontrar numerosos ejemplos

Saludos

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: