Foros aprenderaprogramar.com
Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: 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:
<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.
-
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