11521 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous.

Voici ce que je recherche à faire pour que vous puissiez mieux comprendre. (pas de jugement svp ^^)

je voudrais être ma propre régie pub sur mon site, mon site n'étant pas connus, je n'intéresse pas les régie pub proposées sur le web avec 60 visites/semaine, alors je propose aux visiteurs de mon site de laisser des annonces. (pas de soucis légaux, ma micro-entreprise déclarera les éventuels gains)

Pour ce faire voici l'idée (je laisse le script en fin de message)
- L'annonce est un lien image, temporaire. (JPG)
- Un lien vers le site de l'annonceur est alors associé à cette image.(URL)

Quand la temporisation est terminée :
- image "votre annonce ici" qui remplace l'annonce (JPG de remplacement)
- Une lien vers la page des conditions et infos des annonces est alors associé à cette image. (URL de remplacement)

les images de remplacement sont toutes différentes, car elles indiquent le numéro de l'emplacement. (l'emplacement #1 est plus visible que l'emplacement #6 en fin de page)

En soit :
une image de remplacement par emplacement pub
les liens associés au images de remplacement seront tous les mêmes

N'ayant que trop peu de connaissance en JS, mon code ne marche pas. Et ce n'est pas faute de chercher a comprendre et a travailler de mon côté.

Les id E1, E2, E3... veulent dire "Emplacement 1, Emplacement 2,...)

Voici le script :

HTML

<center> //Emplacement pub 1
    <a href="https://www.google.fr" rel="nofollow noopener noreferrer" target="_blank" id="E1" name="lien_img"><img src="https://www.archive-host.com/lt/iwjrotb4jrmq/__1.jpg" onerror=
    "changeImg(this);" alt="" /></a>
</center>

<center> //Emplacement pub 2
    <a href="https://www.google.fr" rel="nofollow noopener noreferrer" target="_blank" id="E2" name="lien_img"><img src="https://www.archive-host.com/lt/syx7jzx3ofqd/__2.jpg" onerror=
    "changeImg(this);" alt="" /></a>
</center>

<center> //Emplacement pub 3
    <a href="https://www.google.fr" rel="nofollow noopener noreferrer" target="_blank" id="E3" name="lien_img"><img src="https://www.archive-host.com/lt/0c7w4lfmda64/__3.jpg" onerror=
    "changeImg(this);" alt="" /></a>
</center>

<center> //Emplacement pub 4
    <a href="https://www.google.fr" rel="nofollow noopener noreferrer" target="_blank" id="E4" name="lien_img"><img src="https://www.archive-host.com/lt/bwapdhrghput/__4.jpg" onerror=
    "changeImg(this);" alt="" /></a>
</center>

<center> //Emplacement pub 5
    <a href="https://www.google.fr" rel="nofollow noopener noreferrer" target="_blank" id="E5" name="lien_img"><img src="https://www.archive-host.com/lt/xv8doa1pjap0/__5.jpg" onerror=
    "changeImg(this);" alt="" /></a>
</center>

<center> //Emplacement pub 6
    <a href="https://www.google.fr" rel="nofollow noopener noreferrer" target="_blank" id="E6" name="lien_img"><img src="https://www.archive-host.com/lt/t9p4gtr90ov1/__6.jpg" onerror=
    "changeImg(this);" alt="" /></a>
</center>



JavaScript

<script type="text/javascript">
         <![CDATA[
    function changeImg(id)
        {
        <div id="E1" src= "https://www.aht.li/3034319/728x90_-_1.jpg";
document.getElementById("E1").href="https://www.yahoo.fr";
        
        <div id="E2" src= "https://www.aht.li/3034321/728x90_-_2.jpg";
document.getElementById("E2").href="https://www.yahoo.fr";
       
        <div id="E3" src= "https://www.aht.li/3034324/728x90_-_3.jpg";
document.getElementById("E3").href="https://www.yahoo.fr";
        
        <div id="E4" src= "https://www.aht.li/3034328/728x90_-_4.jpg";
document.getElementById("E4").href="https://www.yahoo.fr";
       
        <div id="E5" src= "https://www.aht.li/3034330/728x90_-_5.jpg";
document.getElementById("E3").href="https://www.yahoo.fr";
       
        div id="E6" src= "https://www.aht.li/3034331/728x90_-_6.jpg";
document.getElementById('E3').href="https://www.yahoo.fr";
        }
    //]]>
    
</script>


Les lien "google" est "yahoo" sont ici à des fins de test, je n'ai pas encore créer la page info et règlement des annonces.

Je sais que le soucis se situe dans le JS, car quand je teste le code je n'ai que des icônes "image cassée", ce qui est normal, les lien utilisés dans le HTML sont des lien temporaires expirés. Ce qui prouve que c'est le côté JS qui ne va pas.

Pouvez-vous m'aiguillez sur ce qui ne va pas ? j'essaierai de corriger suivant vos conseils, et je vous redonnerez de nouveaux codes. je ne suis pas le genre à entendre un travail fait par les autres, sachez néanmoins que si je ne sais pas faire, je vous le dirais, et je serais susceptible de vous demander un exemple, que j'adapterais sur mon code.

Merci par avance de votre aide Smiley smile