JeuWeb - Crée ton jeu par navigateur
[HTML] Modification d'un petit code - Version imprimable

+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : [HTML] Modification d'un petit code (/showthread.php?tid=5661)



[HTML] Modification d'un petit code - madmax52 - 24-08-2011

Bonjour à tous je voudrais apporter des modifications à ce petit code. Mon niveau de connaissances étant presque nul, j'aurais besoin de votre aide...


Code :
<input type="button" value="Cacher le menu vertical" onClick='MontrerCacher("menug", this); this.value=(this.value=="Cacher le menu vertical") ? "Afficher le menu vertical" : "Cacher le menu vertical";' />


- Je voudrais cacher mes deux menus menug et menud. comment faire ?
- je voudrais remplacer le bouton par deux images que je créerais pour les deux états.

Merci de votre aide.


RE: Modification d'un petit code html - php_addict - 24-08-2011

le plus simple c'est d'apprendre non ? avant de demander "faites le moi" il va quand même falloir apprendre le HTML et le javascript, c'est vraiment la base primordiale....

je te met en bleu les élément HTML et en rouge les éléemnts javascript

<input type="button" value="Cacher le menu vertical" onClick='MontrerCacher("menug", this); this.value=(this.value=="Cacher le menu vertical") ? "Afficher le menu vertical" : "Cacher le menu vertical";' />

faut faire un petit effort très cher ! allez une petit piste pédagogique: MontrerCacher est une fonction javacript qui doit etre quelque part d'autre dans ton code (vu que cela ne semble pas être le tient)

allez...je te laisse potasser tranquillement


RE: Modification d'un petit code html - Hideaki - 24-08-2011

Bonjour,
si tu utilises JQuery et que as mit des ids sur tes menus

$('#menug').hide(0);
$('#menud').show(0);
Si tu utilises sans JQuery et que as mit des ids sur tes menus

document.getElementBy('menug').style.display = 'none';
document.getElementBy('menud').style.display = 'block';
pour les images voici un exemple de tête :

<img src="monImage.jpg" onclick="maFonction();" style="cursor: pointer;">

Mais dans tous les cas, je te conseil de lire des tutoriaux sur le JavaScript mais aussi de lire des tutoriaux sur le HTML & CSS

PS: Le code a été fait de tête et non vérifié Smile


RE: Modification d'un petit code html - madmax52 - 27-08-2011

Sujet résolu le créateur du scripte m’a aider à faire les modification. J'ai essayé de moi même je n'étais pas loins de la solution mais je m'étais la variable au mauvais endroit.


RE: Modification d'un petit code html - Viciousity - 27-08-2011

Le code au dessus est vraiment pas top soit-il dit ...
Tu devrais séparer ton JS de ton html ^^