10646 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Il s'agit d'un slider avec différentes images qui apparaissent en fondu l'une après l'autre.
Les images ne sont pas clicables.
J'essaye de créer un lien en javascript et d'insérer le slide dedans (current-slide).
Mais je n'y arrive pas... Je suis débutant en javascript.

Voici mon script :

window.onload = clickSlider();
function clickSlider() {

var lien = document.createElement("a");
var slide = document.getElementsByClassName("current-slide");
lien.setAttribute("href", "/contact/");
lien.appendChild(slide);

}

Modifié par nodesign (10 Dec 2018 - 15:14)
Bonjour nodesign,
oElement est un élément HTML qui représente l'élément HTML "current-slide"
Attention getElementsByClassName() renvoi un tableau d'élément donc si "current-slide" est la seul élément ayant une class "current-slide" alors il faut faire :

var oElement  = document.getElementsByClassName("current-slide")[0];
Voir Les sélecteurs javascript

document.addEventListener('DOMContentLoaded',function(){
var oElement = ....
  oElement.addEventListener('click',function(){document.location='/contact/'});
});
Bonjour,

Merci beaucoup pour l'explication.
Mon client a finalement choisi une autre solution...
Je cherche une bon cours pour débuter le javascript, en aurais-tu un à me conseiller ?
Merci d'avance,

Raphaël