STIC Discussion:STIC I - exercice 5 (Volt)

Manipulation du DOM (afficher / masquer un DIV) dans une page HTML -- Lydie BOUFFLERS (discussion) 5 janvier 2016 à 17:13 (CET)

Bonjour,

Dans ma page HTML, j'ai crée plusieurs DIV qui s'affiche ou disparaisse suivant une interaction (un click sur un bouton). Il y a un div pour "accueil", un div "jeu", un div "aide".

J'ai réalisé le jeu avec Jquery UI, je voudrais remettre éléments 'draggable' à leur position d'origine. Je n'arrive pas à "reloader" un DIV sans devoir reloader la page (et donc revenir au DIV accueil).

Voici mon code actuel qui recharge donc la page:

$('#boutonvert').on('click',function(){

 location.reload(); 
 });

J'ai essayé plusieurs solutions mais rien n'y fait.

Y aurait t'il une méthode qui permettrait de "reloader" un div ?

Merci

Lydie

Re: Manipulation du DOM (afficher / masquer un DIV) dans une page HTML -- Daniel K. Schneider (discussion) 5 janvier 2016 à 17:42 (CET)

Bonjour, non location.reload() cela recharge une page (fait la même chose que le bouton "reload").

Il faut donc trouver une autre solution, en gros remettre le HTML que vous avez enlevé, par exemple:

$("#votre_div").html("..........").

Re: Re: Manipulation du DOM (afficher / masquer un DIV) dans une page HTML -- Lydie BOUFFLERS (discussion) 5 janvier 2016 à 18:23 (CET)

Rebonjour,

Bon, j'ai testé mais ça ne fonctionne pas. Je vais voir ça plus en détail et si besoin, je reviens vers vous,

Bonne soirée,

Lydie