11548 sujets

JavaScript, DOM et API Web HTML5

Salut tout le monde ^^
Je suis sûre que la solution est stupide, mais je trouve rien de correct sur google...

Mon problème est simple. J'ai un lot d'image dans mon HTML
<p class='centrer'>
<img id='encens1070' onclick='ajout_encens(1070)' src='skin/divers/poudre/encens-vent.png' title='Ajout l&#39;Encens de vent dans le bol' alt='Encens de vent' />&nbsp;
<img id='encens1071' onclick='ajout_encens(1071)' src='skin/divers/poudre/encens-terre.png' title='Ajout l&#39;Encens de terre dans le bol' alt='Encens de terre' />&nbsp;
<img id='encens1072' onclick='ajout_encens(1072)' src='skin/divers/poudre/encens-eau.png' title='Ajout l&#39;Encens d&#39;eau dans le bol' alt='Encens d&#39;eau' />&nbsp;
<img id='encens1073' onclick='ajout_encens(1073)' src='skin/divers/poudre/encens-foudre.png' title='Ajout l&#39;Encens de foudre dans le bol' alt='Encens de foudre' />&nbsp;
<img id='encens1074' onclick='ajout_encens(1074)' src='skin/divers/poudre/encens-lumiere.png' title='Ajout l&#39;Encens de lumière dans le bol' alt='Encens de lumière' />&nbsp;
<img id='encens1075' onclick='ajout_encens(1075)' src='skin/divers/poudre/encens-ombre.png' title='Ajout l&#39;Encens d&#39;ombre dans le bol' alt='Encens d&#39;ombre' />&nbsp;
<img id='encens1076' onclick='ajout_encens(1076)' src='skin/divers/poudre/encens-feu.png' title='Ajout l&#39;Encens de feu dans le bol' alt='Encens de feu' />&nbsp;
<img id='encens1077' onclick='ajout_encens(1077)' src='skin/divers/poudre/encens-glace.png' title='Ajout l&#39;Encens de glace dans le bol' alt='Encens de glace' />&nbsp;
</p>


Quand on clique sur une image, ça appelle une fonction javascript (ajax en réalité) et par moment (quand le joueur n'a plus l'objet en sa possession après l'action), il faudrait que l'image disparaisse (devienne invisible et non-clicable).

Et je bloque complètement sur cette étape de suppression...

J'ai bien vue une solution avec "display:block" de base sur l'image, mais niveau présentation, ça m'arrange pas du tout...

J'ai vu aussi l'emploi de removechild, mais là j'avoue que j'ai pas capté comment l'employé, n'ayant pas de parent.


Bref, ça doit pas être complexe, mais je bloque quoi...
Salut

En effet côté présentation, le résultat issu par le style.display='none', sera le même que removeChild, alors je crois que je n'ai pas bien compris ton objectif, alors voilà les deux propositions et toi tu piques ce qui t'est nécessaire:

-Alors si tu as besoin de garder ton image sur le DOM, car peut être que tu en auras besoin ultérieurement, à la fin de ta fonction en clique, ou bien dans l'endroit adéquat, tu mets ça:
this.style.display='none';


et tu le réaffiche quand tu le souhaites avec:
this.style.display='block';


-Tant que pour la solution avec removeChild, il va falloir procéder comme suit au niveau de ta fonction en clique aussi:
this.parentNode.removeChild(this);


Voilà je ne sais pas si c'est ce que tu veux, mais c'est ce que j'ai compris de ton intervention.
Bonne courage