Problème image cliquable html js

Résolu

PocketArt20 -

Bonjour.

Rapide mise en contexte :

J'essaye de coder une sorte de "système d'exploitation" directement sur un site.

Je dois donc rendre certaines images cliquables pour accéder à des menus/ sous-menus...

Mon seul problème est que ces images cliquables ne fonctionnent qu'au deuxième clic. Comment faire pour régler ce problème ?

Merci.

Afficher la suite

A voir également

Code html image cliquable
Code ascii - Guide
Editeur html - Télécharger - HTML
Code windows 10 - Guide
Légende image word - Guide
Reduire taille image - Guide

2 réponses

Réponse 1 / 2
jordane45 Modérateur
J'ai indiqué le bug aux admin du site.. espérons qu'ils corrigent ce souci.

Quoi qu'il en soit,
Tu dis que ça ne fonctionne qu'au second clic ...
c'est à dire ?

Quel est le code complet de ce "menu" ?
Comment est le "display" de ton startmenu au départ ? l'as tu initialisé ou l'as tu laissé par défaut ?
Où se trouve le code js par rapport à ton html ? avant ? après ? dans un fichier à part ?

Dans l'idéal, c'est le code "complet" qu'il faudrait nous montrer.

1
1. ArthurMdn
  
  Merci pour ta réponse, le menu est en display:none au début, Via Css.
  le code js se trouve sur une page a part.
  Le code source est disponible sur mon site directement
  jstern.freeboxos.fr/miniOS/mmenu.html
  
  0
2. jordane45 Modérateur
  
  @ArthurMdnLe problème est là ....
  Le css n'est pas directement considéré comme l'attribut "style".
  
  Avant le premier click
  
  Après le premier click
  
  tu devrais pouvoir modifier ton code comme ça
  if(span.style.display == "none" || span.style.display="")
  
  0
Réponse 2 / 2
jordane45 Modérateur
Sans voir ce que tu as écrit comme code .... impossible de t'aider !

Donc... Commence par poster ton code correctement sur le forum en utilisant les BALISES DE CODE
Explications disponibles ici : https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code

0
1. ArthurMdn
  
  Voici le code pour le bouton démarrer: (code modifié car accès refusé lors du post du message avec balises de code.)
  
  <img src="Elements/menu_button.png" id="menu_button" onclick="togglemenu()" [ici rajouter un ">"]
  
  Qui renvoie vers cette fonction js pour afficher un menu "démarrer". Comme Windows.
  
  function togglemenu() [ici rajouter un "{"] var span = document.getElementById("startmenu"); if(span.style.display == "none") { span.style.display = "inline"; } else { span.style.display = "none"; }}
  
  Merci
  
  0
2. jordane45 Modérateur
  
  @ArthurMdnVisiblement tu ne sais pas lire.... Je t'ai donné un lien qui explique comment poster ton code correctement...
  Donc poste ton code correctement...
  
  0
3. ArthurMdn
  
  @jordane45Visiblement tu ne sais pas lire non plus... Un message d'erreur apparait quand je fais ta manipulation... Donc je ne peux pas...
  
  "Access Denied
  You don't have permission to access "http://forums.commentcamarche.net/forum/_xhr_/postmsgfrm/" on this server.
  
  Reference #18.96711602.1592737397.2a26b45a"
  
  0
4. jordane45 Modérateur
  
  @ArthurMdn
  <img src="Elements/menu_button.png" id="menu_button" onclick="togglemenu()" [ici rajouter un ">"]
  
  function togglemenu() [ici rajouter un "{"] var span = document.getElementById("startmenu"); if(span.style.display == "none") { span.style.display = "inline"; } else { span.style.display = "none"; }}
  
  0

Problème image cliquable html js

2 réponses

Discussions similaires

Newsletters