Ayuda con Javascript

Archivado
Buenas a todos.
Necesito crear un html que haga lo siguiente. Necesito que sea en Javascript, si es posible hacerlo. Y por desgracia no tengo ni pajolera idea del tema y como es para algo muy puntual no me compensa ponerme a aprender en serio.

Se trata de tener una imagen en una web que cada día tenga un hipervínculo asociado y que ese hipervínculo varíe según día y mes.
Unos ejemplos:
Hoy 24/10 --> La imagen que vaya a http://www... /2410.pdf
Mañana --> http://www... /2510.pdf
El 25 de diciembre --> http://www... /2512.pdf

Y así sucesivamente. La imagen será siempre la misma, lo único que cambiaría sería la parte final de la cadena del hipervínculo.
La parte de conseguir día y mes actual la he sacado, lo de crear el hipervínculo con la imagen no me sale ni a la de tres... XD

Muchas gracias.

Saludos
No entiendo muy bien lo que necesitas, pero si lo que quieres es meter un hipervínculo simplemente, puedes hacerlo así usando jQuery (http://jquery.com/):

$("<a href=" + url + "/" + fecha + ".pdf">Enlace</a>").appendTo("body");

Eso, o pones en <a> directamente en el html, y lo único que haces con js es cambiar el atributo href...

Ya te digo que no sé muy bien si es lo que necesitas o no...
Lo que necesito es una o varias funciones que, por un lado obtengan el número de día y mes del día actual en el que se visualiza la página, y por otro visualicen una imagen que tenga un hipervínculo con cuya url vendrá determinada en parte por esos dos datos.

Fecha 25/11/2013: saber que el día es 25 y el mes 11.
url: http://www.loquesea.com/2511.pdf

Obtener día y mes sé hacerlo, pero no sé cómo almacenar esas variables para luego montar la cadena con la url.
Este es lo que tengo hecho/copiado de por ahí. Me falta saber dónde poner el hipotético <a href=... y cómo hacer para que funcione.

<!DOCTYPE html>
<html>
<body>
<script type="text/javascript">
var currentDate = new Date()
var day = currentDate.getDate()
var month = currentDate.getMonth() + 1
</script>
</body>
</html>


He probado poniendo esto dentro del código script (simplemente por ver si visualizaba la imagen con hipervínculo):
<a href="http://www.google.es"><img src="https://www.google.es/images/srpr/logo11w.png" /></a>

Y no funciona, por lo que ni siquiera he intentado montar la url con las variables. Entonces la duda es sí el código va ahí, si lo hago así, y cómo hacerlo con las variables.

He mirado lo que comentas de jquery, pero el código irá con casi toda seguridad sobre un blog de Blogger, por lo que no tengo control para meter más librerías ni nada similar.

Saludos
Lo primero crea un div dentro del body para incluir el enlace, por ejemplo:

<div id="divID"></div>


Esto ponlo encima de la etiqueta <script> para que cuando se ejecute estés seguro de que divID ya existe en la página.

Luego, en el script, create una variable que contenga el enlace como una cadena, es decir:

var enlace = "<a href='...'>...</a>";


luego simplemente, lo añades al html así:

var div = document.getElementById('divID');
div.innerHTML = enlace;
Muchas gracias por la respuesta. Siguiendo tus consejos he montado el siguiente código de prueba:
<!DOCTYPE html>
<html>
<body>
<div id="divID"></div>
<script type="text/javascript">
var currentDate = new Date()
var day = currentDate.getDate()
var month = currentDate.getMonth() + 1
var enlace = "<a href='http://www.loquesea.com'>test</a>"

var div = document.getElementById('divID');
div.innerHTML = enlace;
</script>

</body>
</html>


Así consigo que salga el enlace con el texto "test". Me queda pendiente modificar la url con las variables.

He probado:
var enlace = "<a href='http://www.loquesea.com' + day>test</a>"

y no cambia el hipervínculo.

Del mismo modo antes que tocar la url he intentado que en vez de texto saliera una imagen, pero no ha funcionado
var enlace = "<a href='http://www.loquesea.com'><img src="http://www.loquesea.com/imagen.png"></a>"


Lamento ser tan cansino XD , pero estoy 100% verde en estos temas y no hay manera...

Saludos
El problema son las comillas. Si usas comillas dobles para la cadena, dentro usa comillas simples (o escápalas), lo que te está pasando es que empiezas la cadena con comillas dobles, y en mitad metes otras comillas dobles lo que hace que termine y el resto se pierda.
He avanzado un poco más y ahora ya consigo que aparezca la imagen en el hipervínculo (era lo de las comillas).
Solo me queda pendiente el poder pasar las variables al href, cosa que de momento no me sale.

Pego el trozo de código:
var enlace = "<a href= 'http://www.test.com' + '/' + day + month + '.pdf'><img src='http://www.desarrolloweb.com/images/libros/10668.jpg'</a>"


No consigo que el hipervínculo dirija más que a la web inicial. Los "apéndices" no los lee. He probado incluso a poner solo una variable (href = day) y el vínculo va a la palabra tal cual, no al valor de la variable.
¿Hay qué usar algún caracter especial para que tome el valor? Tipo $, #, etc.

Muchas gracias
Ummm, no veo problema en ese último código, segur que day y month tienen valor? haz un alert(day) para verlo en un modal o console.log(day) si usas chrome o firefox para verlo en la consola de desarrollo.

Ese códiog te debería estar poniendo un enlace a "http://www.test.com/2410.pdf", si le das a "Ver código fuente de la página" qué hay en el href?
Lo he solucionado de otro modo.
Se ve que con el código que me has comentado dentro del href solo lee literalmente lo que escribes.

Al final he rebuscado por la web un poco más y lo he hecho así (código fuera del script):
<a href="http://www.test.com" onclick="location.href=this.href + day + '_' + month + '.pdf';return false;"><img src='http://www.test.com/imagen.jpg'></a>


Así, aunque el hipervínculo que se ve en la página es "www.test.com", al hacer click se le añade el resto y abre perfectamente los archivos si los pongo en formato dia_mes.pdf

Muchas gracias por la ayuda en cualquier caso. Hacía tiempo que no veía un usuario "novato" con posts tan útiles. De nuevo gracias.

Saludos
De nada :)
9 respuestas
Archivado
Volver a General