11548 sujets

JavaScript, DOM et API Web HTML5

Bonsoir à toutes et à tous.
Je fais un petit bout de code pour appeler en Ajax un fichier html externe.
<script>
								var lock = 0 ;
				function toto() {
					$.ajax({
					type: "GET",
					url: "testAJAX.html",
					error:function(msg){
					alert( "Error !: " + msg );
					},
					success:function(data){
					//affiche le contenu du fichier dans le conteneur dédié
					if(lock == 0) {
					$('#add_data').html($('#add_data').html() + data + " ");
					lock = 1;
					}}});
					}

Ça marche.
Je veux le refermer.
Dans le fichier externe (testAJAX.html) j’ai

<a onclick="closeTata();">Fermer</a>

puis j’ai rajouté la fonction Tata à toto ainsi

function closeTata(){
					$('#add_data').remove();

pour pouvoir refermer la div.

Très bien. Ça marche, mais…
mais je ne peux plus rouvrir la div Smiley eek
Mon <a onclick="toto();">Lien</a> est devenu totalement inopérant.

Per ché ?
Auriez-vous une idée ?
Merci d’avance pour vos réponses.
Salut,

Sans un minimum de code autre que des toto et tata, ça va être compliqué de répondre...
Modifié par JJK801 (10 Oct 2012 - 17:22)
Salut,

.remove() retire l'élément du DOM, du coup, c'est normal que ton "#add_data" ne soit plus là et que tu ne puisses plus lui ajouter ton lien "closeTata()" !!! Smiley smile

tm
évidement !
Quel âne !
Je l’ai compris tout seul le lendemain après une bonne nuit réparatrice et réglé le problème avec la fonction tonton ().