Discussion :

[adrio8854]

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 ^^.

[thelvin]

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.

[adrio8854]

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 ?

[adrio8854]

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 !

[adrio8854]

en tout cas ça marche sur mon viewer HTML de mon tel mais pas sur mon site :'(

[NoSmoking]

Bonjour,
et si tu nous montrais ton code corrigé !

[adrio8854]

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
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<center>
    <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>
    <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>
    <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>
    <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>
    <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>
    <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>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function changeImg(elm){
 
<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("E5").href="https://www.yahoo.fr";
 
<div id="E6" src= "https://www.aht.li/3034331/728x90_-_6.jpg";
document.getElementById('E6').href="https://www.yahoo.fr";
        }

Ça ne marche toujours pas bouh

Alors d'après mes recherche et grâce à mes débuts de cours avec "learn Java" par "sololens", je pourrais, si je ne peux pas faire en un seul code, prévoir 6 codes en "emplacement(X).js" fait par notepad++, hébergé sur un serveur de fichier en l'appelant avec un src.

[NoSmoking]

Là j'ai du mal à comprendre ce que tu as tenté comme code, tu mélanges HTML et JS dans la partie <script> de ta page.

[adrio8854]

C'est là que mes connaissances s'arrêtent...
Peux tu m'eclairer sur mon erreur ?

[adrio8854]

En soi, ce que je recherche à faire dans la partie JS, c'est de donner l'image de remplacement et le lien de remplacement des image dans la partie HTML grâce aux id E1, E2, E3...

Plus précisément mettre ce code plusieurs fois sur ma page :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<a href="http://www.google.fr" rel="nofollow noopener noreferrer" target="_blank" id="lien_img">
   <img src="https://wwwaht.li/3033590/image_a_lien_temporaire.jpg"
        onerror="changeImg(this);" ></img>
 </a>
 
 <script type="text/javascript">
 function changeImg(elm){
   elm.src="https://www.aht.li/3033591/image_de_remplacement.jpg";
   document.getElementById('lien_img').href="http://www.yahoo.fr";   
 }
 </script>

il manque un point "." entre www et aht.li dans la partie HTML, c'est normal, c'est pour forcer l'affichage de l'image de remplacement

[adrio8854]

voila, pour vous donner des nouvelles de mon travail, je suis reparti du début, en plusieurs étapes :
1 : on change d'image en cas d'erreur (OK)
2 : on change de lien en cas d'erreur de la première image (j'y travail)

en soi, pour schématiser tout ceci ça donnerais ça

---
Image 1
-> lien 1

Si erreur de chargement de l'image 1
-> image 2
-> lien 2
---

je suis arrivé à changer l'image 1 par l'image 2. Bon début.
voici le code, je suis entrain de travailler pour le changement de lien

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<a href="http://www.google.fr" rel="nofollow noopener noreferrer" target="_blank" id="lien_img">
   <img src="https://www.aht.li/3033590/image_a_lien_temporaire.jpg"
        onerror="this.src='https://www.aht.li/3033591/image_de_remplacement.jpg'"/></img>
 </a>

[adrio8854]

Bon, j'avoue que je suis complètement perdu...
j'ai la tête qui va exploser a force d'essayer des trucs qui ne marche pas...

je reprends le code que l'on m'a donné :

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>

Qui fonctionne très bien QUE si il est mit qu'UNE fois sur ma page.

Pouvez-vous m'aiguiller pour le mettre plusieurs fois ? j'ai essayer avec différent ID, avec les onerror, bref avec des truc inimaginables, et là je coule complet. ça fais bonnement plus de 24h cumulé que j'essaie de trouver... sans succès... un petit indice svp ?

[thelvin]

Tu sais, l'informatique ce n'est pas de la poésie.

C'est normal que tu ne trouves pas, puisque tu cherches l'inspiration de choses à taper et qui te semblent justes sans raison particulière. Au lieu d'apprendre d'abord comment les choses sont faites et ensuite te servir de cette connaissance pour trouver la solution.

Ce n'est pas compliqué : tu ne feras jamais de JavaScript correct tant que tu n'apprendras pas à faire du JavaScript. Il sera toujours temps de revenir sur ton site une fois que ce sera fait.

[adrio8854]

effectivement, je m'inspire...

et crois moi je m'efforce de comprendre.

Après, ce n'est pas forcément facile d'apprendre via des pages internet, il n'y a pas de prof pour expliquer les choses avec ses mots quand on ne comprends par une chose... c'est la manque du côté "humain" d'internet je te l'accorde.

En revanche, je fais des effort en cherchant un maximum par moi même, en essayant de comprendre et d'apprendre, en testant des ligne de codes et de voir le résultat.

C'est pour cela que je suis là, pour avoir le côté "humain" que les pages de cours ne peuvent faire.

Avoir un petit coup de pouce en me disant ce qu'il ne va pas ça sert a ça les forum non ?

Dis tu as tout le monde qui recherche de l'aide sur le forum JS "va apprendre le JS et reviens après" ? s'il a appris, il aura peu de chance d'avoir de l'aide
A moins que ce site soit réservé au personnes voulant faire des choses plus techniques que les bases, et dire à tous les débutants "bande de nul, apprenez avant de venir ici" ?

Désolé de mon coup de gueule, mais j'ai l'impression que c'est sur tous les forum pareil :

"Bonjour j'ai besoin d'un coup de pouce"
rep "bonjour, va sur cours.fr, tu apprendras très bien. Bon courage a+"

Si tu aurais une piste pour m'expliquer le pourquoi du comment je peux pas utiliser mon script plusieurs fois par page ça serait vraiment très gentil, je comprendrais le pourquoi, et j'apprendrais en même temps, tu vois ?

[thelvin]

On va faire avec, mais nous avons deux principes importants :

- L'entraide : si quelqu'un est bloqué et qu'on sait ce qui se passe, on va lui dire comment avancer.

- On ne fait pas le travail des gens à leur place : tu ne sais pas du tout faire de JavaScript. Pas du tout. Rien, zéro. La seule chose à faire pour t'aider, c'est soit te pointer du doigt que tu ne sauras pas faire de JavaScript tant que tu n'auras pas appris, soit faire absolument tout à ta place et te montrer le résultat que tu n'as plus qu'à copier/coller sans rien comprendre et sans te poser de question. Donc, faire le travail à ta place.

Si tu aurais une piste pour m'expliquer le pourquoi du comment je peux pas utiliser mon script plusieurs fois par page ça serait vraiment très gentil, je comprendrais le pourquoi, et j'apprendrais en même temps, tu vois ?

Je te l'ai déjà dit, mais tu ne comprends pas assez la programmation pour que ça te parle. Tu ne peux pas utiliser ce script plusieurs fois par page, puisqu'alors ça te fait plusieurs par page une fonction qui a toujours le même nom. Même nom, donc c'est toujours la dernière qui est gardée.

Ça devrait être logique. Ça devrait être évident après que je l'ai dit une fois, et vu que ce n'est pas le cas il est clair que tu n'as aucune base de la programmation, en JavaScript ou autre.

Après, ce n'est pas forcément facile d'apprendre via des pages internet, il n'y a pas de prof pour expliquer les choses avec ses mots quand on ne comprends par une chose... c'est la manque du côté "humain" d'internet je te l'accorde.

Ce n'est pas un problème. Si tu as besoin qu'on te prenne par la main pendant que tu apprends, des milliers de sites le feront sans hésiter. Nous aussi, du moment que tu as une question.

Est-ce que tu peux nous montrer un livre ou tutoriel en ligne d'apprentissage du JavaScript, et nous pointer du doigt une partie qui te décourage, qui ne te semble pas claire, avec laquelle tu n'arrives pas à t'en sortir et une description de ce qui te passe par la tête et ce que tu as essayé ? Non ? Alors tu n'as pas encore essayé d'apprendre. Et ça ne va pas.

Dis tu as tout le monde qui recherche de l'aide sur le forum JS "va apprendre le JS et reviens après" ? s'il a appris, il aura peu de chance d'avoir de l'aide

Lorsqu'on a un certain niveau il n'y a rien de plus facile que faire la différence entre les gens qui ont commencé à apprendre une technologie mais qui buttent sur un point précis, et ceux qui ne savent absolument rien et font juste n'importe quoi au hasard. Ici nous sommes dans le deuxième cas.

Quelqu'un qui a appris, je verrais où il butte et je répondrais en fonction. Toi tu fais n'importe quoi et la première chose à faire, c'est d'apprendre grosso-merdo ce qu'on fait quand on fait du JavaScript.

Conclusion : nous t'aiderons, mais nous ne ferons pas ton travail à ta place. En l'état actuel des choses, ce qui ne va pas c'est que tu ne comprends absolument rien au JavaScript et que tu n'as jamais rien appris de ta vie à propos de mettre du JavaScript dans une page web. Il faut donc commencer par changer ça. Ou alors aller engager un programmeur freelance quelque part pour qu'il s'en occupe à ta place.

[adrio8854]

Pour temporiser les choses, car on peut continuer à faire un discours de sourd ^^ voici quelques points importants sur tes dires (qui sont assez cru soit dit en passant, mais bon je n'ai pas été un ange non plus)

Tu as raison quand tu dis que je n'y connais rien au JavaScript. Cependant j'aimerais éclaircir quelques points.
J'imagine que tu as du avoir des personnes qui disent "aider moi, je fais de mon côté" et qui attendent qu'on leur mache le travail. C'est une solution, mais pas constructive au final.

Pour ma part, ça fait plus de 15 jours que j'en chie des sabliers pour réussir. J'ai demander à mes contacts pour me donne des cours de JS, manque de peau personne n'utilise ce code.

Comme je l'ai dis plus haut j'essaie de prouver mes efforts en montrant que je m'implique

Alors certes mes avancement ne sont pas glorieux et je ne prétends pas recevoir une médailles pour ceci.

Pour finir, en aucun cas, et j'insiste sur ce point, j'attendrais qu'on me mache je travail. Et si l'aide est faites a contre coeur, ça vaudra pas le coup.

Comme je te l'ai dis, si je comprends pas, je pose des questions, ou je fais des recherches. Sur mon code il y a une partie de HTML que je ne comprends pas c'est vrai.
Et c'est juste la partie "elm" de changeimg que je ne saisis pas. Après j'ai une certaine logique. Je ne suis pas programmeur je suis technicien informatique. Qui sont deux métier différents. Je repare des ordi, j'interviens logiciellement, mais je ne sais pas coder, tu as raison sur ce point. En tout cas si vous voulez m'aider, il va y avoir des effort en contrepartie, ce qui est plus que normal.

[adrio8854]

Avec les "connaissances" que j'ai, j'ai pensé à un truc.

Est ce que si j'appelle un script.js que j'héberge sur mon serveur de fichier je pourrais appeler plusieurs fois le script ?

En sois je n'appellerai pas 6x la fonction changeimg mais 6x un fichier.js ?
Par exemple emplacement1.js, emplacement2.js...

Les 6 fonctions seront dans 6 fichiers différents, donc pas directement sur la même page ? Tu vois ce que je veux dire ?

Je suis conscient que tu n'es pas sur le forum h24, donc j'essaierai demain et je laisserais le code que j'aurais écrit.

[NoSmoking]

Cela ne changera rien pour les mêmes raisons qu'expliquées ci avant !

As tu entendu parler des paramètres passés à une fonction ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
function la_meme_pour_tous( param1, param2, param3){
  // je fais ce que je veux avec param1
  // je fais ce que je veux avec param3
  // je fais ce que je veux avec param2
  // etc...
}
// appels
function la_meme_pour_tous( "Bonjour", "vous", "autres");
function la_meme_pour_tous( "Salut", "à", "toi");
function la_meme_pour_tous( "Hasta", "la", "vista");

[adrio8854]

Merci de l'aide, j'ai déjà la fonction changeimg, je vais regarder pour faire les paramètres de chaque image avec leur lien respectif, et je reviens vers vous pour vous donner mon nouveau code.