Non prise en compte du Javascript

Version imprimable

2 pi�ce(s) jointe(s)

Bonjour � tous,

Je ne comprend pas pourquoi mon code Javascript ci-dessous est affich� comme un lien dans la page au lieu de mettre � jour le lien :(

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<a href="http://free-website-translation.com/?fr" id="ftwtranslation_button" hreflang="fr" title="" style="border:0;" onclick="<script>traduction = 'oui'; return false; </script>" /></a>
<p class="MsoBodyTextIndent2" style="line-height: 11pt;" align="center">
<span style="font-size: 11pt;">
celles-ci peuvent être remplacées ou mixées avec le "X10" (voir l'
<a title="Afficher l'aide à la configuration" href="
<script language="Javascript">
  if (traduction=="oui")
        {
        document.write("Help_configuration.bmp");
        }
  else
        {
        document.write("Aide_configuration.bmp");
        }
</script>
">aide à la configuration</a>).
<br><br>
</p>

ce qui s'affiche (le lien est en bleu) :

Pi�ce jointe 218905

Merci de me "sortir de ce mauvais pas":lol:

27/08/2016, 12h58
sekaijin

Quand on voit document.write dans un JS c'est mauvais plan, mais l� c'est bien pire.

1) mettre tout �a � la poubelle. Ce n'est ni du HTML conforme, ni du JS conforme, ni rien de bon. Donc tout � la benne
2) apprendre le B.A.BA. de HTML car vu ce qui est propos� il y a un gros besoin.
3) lire les cours (r�cent de pr�f�rence) et les tutos de developpez.com

Je ne corrigerais pas ce code. Tout est a r��crire. Mais surtout, il fait montre d'une grande m�connaissance des bases du HTML. Il faut donc apprendre ces bases avant de passer � JS.
A+JYT
27/08/2016, 13h25
ffbb

Merci pour votre critique acerbe :( mais un petit exemple m'aiderai beaucoup plus !!!

C'est promis, je vais r�viser le HTML et JS :oops:
27/08/2016, 13h36
sekaijin

Non, non, ceci n'est pas une critique. Je ne me permettrais pas.

Il s'agit d'un constat et de conseils.
Je pense s�rieusement que corriger ce "texte" n'est pas te fournir une aide.
Je pense qu'il sera, beaucoup plus, profitable d'ouvrir les cours de base du HTML sur le site d�veloppez. Et d'apprendre les bases.
Je suis persuad� que d�s les premiers pas de ces cours tu vas comprendre � quel point tu es loin tr�s loin d'avoir �crit du code HTML.

A+JYT
27/08/2016, 15h40
ffbb

Vous devriez en parler � Microsoft car ce code a �t� g�n�r� par l'application "Microsoft Word" (j'essaie uniquement d'y ins�rer un peu de JS).
Donc les ing�nieurs qui ont cr��s ce g�n�rateur sont selon vous "incultes" et devront "retourner � l'�cole".

En conclusion, je ne vous demande pas personnellement de m'aider, d'autres seront peut-�tre plus "constructif" que vous envers les personnes qui n'ont pas "la science infuse" et votre expertise car un forum est justement fait pour que l'expertise des uns puisse profiter aux autres.

Si, par hasard, je vois un jour que vous demandez de l'aide, je me garderai bien de vous apporter une r�ponse et pas plus un jugement.

Cdt

Bonjour,
dans tes attributs href et onclick, tu peux mettre du code javascript sans avoir � mettre les balises <script>
Code:

1 2 onclick="traduction = 'oui'; return false;"
Il n'est pas vraiment recommand� de mettre beaucoup de code dans l'attribut d'une balise (href, onclick...), il vaut mieux d�clarer une fonction quelque part dans ta page et ensuite l'appeler :
Code:

1 2 3 4 5 6 7 8 9 10 11 <script> function toto() { if (traduction=="oui") { document.write("Help_configuration.bmp"); } else { document.write("Aide_configuration.bmp"); } } </script> <a title="Afficher l'aide à la configuration" href="toto()">aide à la configuration</a>

27/08/2016, 17h00
ffbb

Merci benjamin_musique pour ton aide,
mais �a ne fonctionne pas :
le "href" appelle "toto()" en tant que page � charger mais n'ex�cute pas la fonction "toto" pour y mettre le nom r�el de la page !!!

autres solutions ?

Mais pourquoi tout prendre sous la critique lorsqu'on aide gentiment de fa�on la plus efficace ??

Alors puisque je passe pour un c..

Reprenons le B.A.BA.
Une balise HTML s'�crit <TagName></TagName> ou <TagName />.
Une balise HTML peut avoir des attributs les attributs s'�crivent <TagName attribut="valeur">...Voil� pour la base si donc tu avais �cout� le conseil au lieu de t'offusquer, tu aurais tout seul comme un grand compris que
Code:

1 2 <a href="http://free-website-translation.com/?fr" id="ftwtranslation_button" hreflang="fr" title="" style="border:0;" onclick="<script>traduction = 'oui'; return false; </script>" /></a>
ne peux pas �tre un code HTML conforme.
Et le fait de l'avoir fait par toi m�me t'aurait appris bien plus que de lire une solution toute faite.

Code:

<a href="http://free-website-translation.com/?fr" id="ftwtranslation_button" hreflang="fr" title="" style="border:0;" onclick="return toto();" /></a>

ensuite toujours en lisant le B.A.BA. de HTML
Un lien s'�crit <a href="url/du/lien">contenu du lien</a>.
L� encore cette simple lecture t'aurait permis de comprendre que

Code:

<a href="http://free-website-translation.com/?fr" id="ftwtranslation_button" hreflang="fr" title="" style="border:0;" onclick="return toto();" /></a>

n'ayant pas de contenu. Il est impossible de cliquer sur le lien.

il faut donc �crire

Code:

<a href="http://free-website-translation.com/?fr" id="ftwtranslation_button" hreflang="fr" title="" style="border:0;" onclick="return toto();" />cliquer ici</a>

Maintenant qu'on a un HTML conforme, c'est c.., mais un petit tour dans la doc JS explique comment fonctionnent les �v�nements.
Le onclick de <a href="url/du/lien" onclick="return toto();">contenu du lien</a> est un handler d'�v�nement qui est activ� lorsque l'utilisateur clique dessus. Si cet handler retourne true alors le lien est activ� sinon il le lien n'est pas ouvert.

Du coup toujours en revendiquant mon statut de vieux con je pense que tu as simplement compris que ce n'est pas du tout l'objectif. Car si je lis bien ton premier post tu veux en fonction de la valeur de "traduction" afficher un lien avec l'image Help_configuration.bmp ou Aide_configuration.bmp.

Ce qui n'a rien � voir avec une r�action � un �v�nement.
L�objectif est donc de cr�er un lien avec une image si traduction vaut oui et une autre s'il vaut non.

L� encore il suffisait de suivre les conseils et de lire les tutos.
1) �tape �crire le HTML statique comme brouillon pour bien voir l'objectif � atteindre.

Code:

<a href="http://free-website-translation.com/?fr" id="ftwtranslation_button" hreflang="fr" title="" style="border:0;" /><img src="Help_configuration.bmp" />aide à la configuration</a>

Code:

<a href="http://free-website-translation.com/?fr" id="ftwtranslation_button" hreflang="fr" title="" style="border:0;" /><img src="Aide_configuration.bmp" />aide à la configuration</a>

L� les tutos t'auraient grandement guid� puisque tu constates qu'il ne s'agit que de changer la valeur d'un attribut d'une balise.
Il existe des dizaines de fa�ons de faire cela et les tutos pour d�butant � juste raison proposent de mettre un id sur la balise concern�e et d'ajouter un JavaScript qui changera l'attribut.

Code:

<a href="http://free-website-translation.com/?fr" id="ftwtranslation_button" hreflang="fr" title="" style="border:0;" /><img id="imgAide" />aide à la configuration</a>

L� encore une lecture de doc pour d�butant explique comment r�cup�rer un �l�ment � partir de son id. et la doc du DOM explique comment changer un attribut.
Code:

1 2 3 4 5 if (traduction=="oui") { document.getElementById('imgAide').steAttribute("src", "Help_configuration.bmp"); } else { document.getElementById('imgAide').steAttribute("src", "Aide_configuration.bmp"); }
Vu qu'il s'agit de traduction, il semble bon de changer aussi le texte.
Code:

1 2 3 4 5 6 7 8 9 10 <a href="http://free-website-translation.com/?fr" id="ftwtranslation_button" hreflang="fr" title="" style="border:0;" /><img id="imgAide" />aide à la configuration</a> <script> if (traduction=="oui") { document.getElementById('imgAide').steAttribute("src", "Help_configuration.bmp"); document.getElementById('imgAide').innerText = "configuration assistance"; } else { document.getElementById('imgAide').steAttribute("src", "Aide_configuration.bmp"); document.getElementById('imgAide').innerText = "aide à la configuration"; } </script>
Tu peux donc continuer � me traiter de c.. je le revendique. Le code produit par MS Word n'est pas r�put� pour �tre des plus orthodoxe, mais les ing�nieurs de Microsoft n'ont tr�s certainement pas produit la chose que tu nous as pr�sent�e.

L�emm...b�teur que je suis pense sinc�rement que m�me avec ce petit r�sum� des cours pr�sents sur le site d�veloppez tu as tout int�r�t � t'y plonger. Ce que tu as �crit n'est pas une erreur ou une �tourderie. �a montre que tu n'as pas la connaissance n�cessaire. Et ce n'est pas une critique. Moi aussi, tout comme tous ceux qui t'aideront ici ont un jour �t� comme toi sans connaissance sur le sujet. C�est un conseil des plus amical et sinc�re. Je pense dans ton propre int�r�t que cela te sera grandement b�n�fique, que tu apprendras bien plus qu'en prenant des solutions toutes faites dans les r�ponses du forum.

Citation:

Envoy� par ffbb

Merci benjamin_musique pour ton aide,
mais �a ne fonctionne pas :
le "href" appelle "toto()" en tant que page � charger mais n'ex�cute pas la fonction "toto" pour y mettre le nom r�el de la page !!!

autres solutions ?

Ceci montre bien que je ne m'�tait pas tromp�. la r�ponse de benjamin_musique qui simplement corrige de fa�on constructive un code qui j'en reste persuad� est trop abracadabrant pour �tre am�lior� ne t'apporte pas satisfaction. ce qui est logique parce que l� n'est pas le probl�me.
Alors je le r�p�te encore une fois. pour �tre constructif suit les conseils que je t'ai donn� lors de ma premi�re r�ponse. c'est normal de d�buter, c'est normal de ne pas savoir, et ce n'est pas honteux que de lire les cours de base. C'est bien d'avoir essay� quelque chose. est m�me si avec tes connaissances actuelles �a te paraissait �tre la bonne voie. �a n'a rien de personnel et de critique que de te dire que non tu est tr�s loin du compte. et que essayer sans aucune connaissance suppl�mentaire est une d�pense d'�nergie en vain. Je te garanti qu'il n'y a rien dans mes propos d'agressif de critique. c'est juste un constat sur l'�tat de tes connaissance sur le sujet. et il est � mon avis pas de meilleurs conseil qu'on puisse te donner que d'apprendre quelques bases suppl�mentaire. tu en tireras enorm�ment plus que n'importe quelle r�ponse comme benjamin_musique a eu la gentillesse de te donner.

Quant � ce qui est au-dessus, ce n'est qu'un exemple de solution de ce que j'ai compris de ton besoin. Je ne suis pas s�r, loin de l�, que tel �t� ton objectif.

A+JYT

28/08/2016, 14h48
Invit�

bonjour,

J'ai envie de dire : "LOL" !

@ffbb
sekaijin a le titre de "Expert �minent", et ce n'est pas juste un titre honorifique.

Donc, quand, comme toi, on manque des plus �l�mentaires BASES en programmation (HTML, JS,....), on �coute, et on se tait.

Ne pas avoir les connaissances n�cessaires n'est pas une tare en soi. Pour y rem�dier, il suffit de vouloir apprendre.
Ne pas �couter les conseils avis�s de "ceux qui savent", par contre...... c'est au mieux manquer de clairvoyance, au pire de la fain�antise intellectuelle.

Pour finir, "�a ne fonctionne pas" ne fait pas avancer le schmilblik !

@sekaijin : il y a des coquillettes dans tes codes : steAttribute -> setAttribute ;)
"Personne n'est parfait" :lol:
28/08/2016, 15h01
ffbb

Je vois que votre �locution est toujours aussi "basique", donc je vais �claircir plusieurs points (pour les mod�rateurs) :

1) je n'ai JAMAIS employ� ce genre d'adjectif (c..) envers vous !!!

2) le code que vous dites non conforme est issu de cette page : http://free-website-translation.com/?fr , pour leurs erreurs de codification, voir avec eux.

3) le code que j'ai mis dans le 1er post �mane VRAIMENT de MS-Word, j'ai UNIQUEMENT ajout� le script JS.

Maintenant, on arr�te la pol�mique qui n'a effectivement absolument rien de constructif.

Vous pouvez clore ce post.
28/08/2016, 15h33
sekaijin

Effectivement le code est de Microsoft � la base, mais le probl�me vient de l� =>

Citation:

Envoy� par ffbb

J3) le code que j'ai mis dans le 1er post �mane VRAIMENT de MS-Word, j'ai UNIQUEMENT ajout� le script JS.

C'est cet ajout qui pose probl�me. C�est de la que tout d�coule. Cet ajout est totalement incoh�rent.

Citation:

Envoy� par ffbb

Maintenant, on arr�te la pol�mique qui n'a effectivement absolument rien de constructif.

Vous pouvez clore ce post.

Il est dommage de se braquer. �a n'a effectivement rien de constructif que de refuser d'admettre qu'on ait besoin d'apprendre.
Je clos de mon c�t�.