Problème code ascii pour l'event onclick javascript

[Kilmar]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 27/04/2020
Lien du forum : https://gakuenhorizon.forumactif.com/

Description du problème

Bonjour, je veux créer des onglets pour raccourcir la page.
Cependant, après mettre renseigné sur https://www.w3schools.com/howto/howto_js_tabs.asp
Le code ne marche pas, comme montré sur le screen, le résultat n'est pas celui du site. En Examinant l'Element sur le post, on voit que le "onclick" est traduit en https://i.imgur.com/kJcIVEp.png .

Les cotes ' ' ou l'anti-slash \ ne change rien.

Merci.

[Bryx]

Hello,

Je vous invite à faire deux pages HTML sur votre forum.
- L'une doit avoir le haut et le bas du forum
- L'autre ne doit pas avoir le haut le bas du forum

Essayer de cette manière et avec le code suivant :

Code:

<style>
/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}
</style>

<div class="tab">
  <button class="tablinks" onclick="openCity(event, 'London')">London</button>
  <button class="tablinks" onclick="openCity(event, 'Paris')">Paris</button>
  <button class="tablinks" onclick="openCity(event, 'Tokyo')">Tokyo</button>
</div>

<div id="London" class="tabcontent">
  <h3>London</h3>
  <p>London is the capital city of England.</p>
</div>

<div id="Paris" class="tabcontent">
  <h3>Paris</h3>
  <p>Paris is the capital of France.</p>
</div>

<div id="Tokyo" class="tabcontent">
  <h3>Tokyo</h3>
  <p>Tokyo is the capital of Japan.</p>
</div>

<script>
function openCity(evt, cityName) {
  var i, tabcontent, tablinks;
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }
  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }
  document.getElementById(cityName).style.display = "block";
  evt.currentTarget.className += " active";
}
</script>

Bryx

[Kilmar]

Bonjour, merci pour ta réponse mais malheureusement ça ne marche pas. Le onclick est toujours interprété en code ascii pour le o et le i sur forumactif. Le code html que je poste avec des attributs, traduit certaines lettres de l'attribut en ASCII.

Ce que je met dans mon post (qui provient du code du site utilisé ou du code que tu as arrangé) : https://i.imgur.com/t5bZ0sr.png

Et voilà ce qui arrive quand le code est posté sur le forum : https://i.imgur.com/0zBCs74.png

[Scoubifitz]

En Examinant l'Element sur le post, on voit que le "onclick" est traduit en https://i.imgur.com/kJcIVEp.png .

.../... Ce que je met dans mon post .../...

Bonjour ,

Pour des raisons de sécurité évidentes , le javascript n'est pas autorisé directement dans les post (messages) d'un forum.

Si votre souhait est de raccourcir le contenu d'un message , il y a la possibilité de créer une pagination

[Chacha]

Bienvenue sur le forum de support de Forumactif Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser : L'importance de garder secret l'email de fondation, Sécurité : ce qu'il ne faut pas faire, Liste des questions et réponses fréquentes, Liste des trucs et astuces, La fonction rechercher N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est archivé afin de ne pas perdre les réponses apportées.