IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Image de remplacement avec lien de remplacement


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre habitué
    Homme Profil pro
    Inscrit en
    Juillet 2013
    Messages
    14
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Juillet 2013
    Messages : 14
    Par défaut Image de remplacement avec lien de remplacement
    Bonjour,

    je vous explique mon projet (pas de jugement svp ^^)

    Sur mon site internet, je voudrais gérer moi même pas propre régie pub. Mon site étant petit, ce seront les visiteurs qui pourront laisser
    des annonces sur une durée déterminée pour un tarifs dérisoire (ne vous en faites pas pour la légalité, les gains seront déclarer avec mon entreprise)
    (les régies pubs existantes ne sont pas intéressés par un site ayant 60 visite/semaine)

    J'ai bosser et on m'a aider à faire un script.

    Le but, c'est de laisser une annonce (de 1 semaine minimum) grâce à un lien temporaire vers une image cliquable vers le site de l'annonceur.
    Je peux gérer la temporisation grâce à mon hébergeur de fichiers.
    A la fin de la semaine, c'est une image de remplacement qui prendre le relais "Votre annonce ici" avec un lien menant a la page d'info.

    Quand je mets ce script une seule fois, pas de soucis, sauf que j'ai 6 emplacements sur ma page d'accueil.
    Et quand j'intègre les 6 script, ça bug ! Je vois emplacement 6 à l'emplacement 3, ou que des emplacement 6... ou encore emplacement 5-6-5-6...
    Bref je vous laisse le lien du site pour vous montrer le bug visuellement www.trackmania-tuta.racing

    Pourtant dans l'éditeur du site tout est bon.

    Auriez-vous des idée pour "isoler" chaque script et éviter les bugs ?
    ps : je suis une bouse en javascript, je peux plus ou moins le comprendre en le lisant, mais je ne sais pas l'écrire

    voici le script :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    <center>
        <a href="https://www.google.fr" rel="nofollow noopener noreferrer" 
    target="_blank" id="lien_img1" name="lien_img">
    <img src="https://www.archive-host.com/lt/iwjrotb4jrmq/__1.jpg" 
    onerror= "changeImg(this);" alt="" /></a> 
     
    <script type="text/javascript">
    //<![CDATA[
        function changeImg(elm){
        elm.src="https://www.aht.li/3034319/728x90_-_1.jpg";
        document.getElementById('lien_img1').href="https://www.yahoo.fr";   
        }
        //]]>
        </script>
    </center>

    les liens de redirection google est yahoo sont ici pour tester le script, il seront remplacé par le site de l'annonceur et la page d'info pub.
    La première image possède un lien temporaire expiré, vous devriez donc tomber sur l'image de remplacement "votre annonce ici" en testant le script.


    Merci de votre aide, déjà que j'ai beaucoup de mal avec le HTML/JS, alors avec un bug comme celui la, je vous raconte pas ^^.

  2. #2
    Modérateur

    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    12 582
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 12 582
    Par défaut
    Hello,

    ben tu as déclaré 6 fois une fonction qui s'appelle changeImg(). Forcément au moment où la page appelle une fonction qui porte ce nom, elle exécute la dernière qu'elle a rencontrée, hein.
    En principe ça sera toujours la numéro 6 à moins de rencontrer des ordres de chargement bizarres.

    Il faut déclarer une seule fonction de ce nom, et l'appeler en lui donnant en paramètre l'id du lien que tu veux changer. A partir de là, cette fonction décidera en fonction de l'id de chaque lien, quelle image et quelle URL elle propose pour cet id.
    N'oubliez pas de consulter les FAQ Java et les cours et tutoriels Java

  3. #3
    Membre habitué
    Homme Profil pro
    Inscrit en
    Juillet 2013
    Messages
    14
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Juillet 2013
    Messages : 14
    Par défaut
    je comprends mieux dans ce cas.

    Est ce que je peux changer le "this" dans "changeimg(this)" par exemple "changeimg(image1) si l'ID de l'image 1 est "image1" ?

    La fonction changeimg() serait donc différente à chaque fois ? en étant lié à une image différente ?

  4. #4
    Membre habitué
    Homme Profil pro
    Inscrit en
    Juillet 2013
    Messages
    14
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Juillet 2013
    Messages : 14
    Par défaut
    bon apparemment, j'ai trouvé !

    Ce n'est pas le "this" qu'il faut changer.

    J'ai d'abord chercher autour de changeimg() comme tu me l'a dis.

    J'ai remplacer (elm) par 1, ce qui donnait changeimg(1) pour identifier et l'emplacement 1

    Bim ça marche pas.


    je me suis souvenu de l'attribut "elm", que j'avais dejà vu dans plusieurs script
    Et d'un éclair de génie j'ai tenter un truc, nommé elm1, elm2... ce qui me semblait plus logique.

    elm = élément, donc elm1 = élément 1 ?
    Et bien apparemment oui

    j'ai mis 2 script a la suite en mettant pour chacun des script changeimg(elm1) et changeimf(elm2) dans la partie JS.
    et vous allez me prendre pour un fou, mais j'ai été euphorique de voir que ça marche !

    Pendant que d'autre dirons, bah oui PATATE ! c'est la base du JS !

    juste un chiffre qui change toute la donné... et ben !

  5. #5
    Membre habitué
    Homme Profil pro
    Inscrit en
    Juillet 2013
    Messages
    14
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Juillet 2013
    Messages : 14
    Par défaut
    en tout cas ça marche sur mon viewer HTML de mon tel mais pas sur mon site :'(

  6. #6
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 210
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 210
    Par défaut
    Bonjour,
    et si tu nous montrais ton code corrigé !

Discussions similaires

  1. Créer une image cliquable intéractive avec lien - comment faire ?
    Par jerome44600 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 9
    Dernier message: 27/10/2010, 10h09
  2. image avec lien
    Par ghita269 dans le forum Langage
    Réponses: 4
    Dernier message: 11/07/2006, 19h44
  3. Problème de bord avec image en tant que lien
    Par gids01 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 16/05/2006, 20h03
  4. image avec lien internet
    Par zorian dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 08/05/2006, 17h56

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo