Comment ajouter ou supprimer des éléments avec Javascripts

Javascript

Utilisateur anonyme -
Utilisateur anonyme - 31 oct. 2012 à 21:19

Bonjour,
Sur ma page html, je veux mettre un bouton qui supprime temporairement un élément flash player et un autre bouton ou le même pour le remettre. Je sais comment le caché mais je voudrais vraiment le supprimer. Merci de me répondre vite

Afficher la suite

4 réponses

Réponse 1 / 4
Atropa Messages postés 2051 Statut Membre 274

je pense que le plus simple c'est de stocker le contenu du parents dans une variable et et de le remettre ensuite

var tmp = elm.innerHTML;
elm.innerHTML = '';
pour le supprimer

et elm.innerHTML = tmp; pour le remettre

elm étant le parent de l'objet
-1
Réponse 2 / 4
Utilisateur anonyme

d'accord
-1
Réponse 3 / 4
A.Nonymous

Pour modifier un document HTML avec du Javascript, il faut passer par les méthodes DOM (Document Object Model), ou utiliser une librairie JS qui facilite les manipulations du DOM (jQuery en est une).
-1
1. DarkAurora Messages postés 443 Statut Membre 27
  
  C'est bien la manière la plus efficace. A voir les fonctions Append, Prepend, After, Prev, qui permette de placer des éléments en fonction de ceux déjà présent.
  
  Pour la suppression en jQuery -> $('#MonElementEnFlash').remove();
  donc si tu as un bouton avec un ID = Click_me;
  tu fais $('#Click_me').click(function(){ $('#MonElementEnFlash').remove(); }
  
  $('#MonElementEnFlash') = Élément dont l'id est MonElementEnFlash
  $('.MonElementEnFlash') = Élément dont la class est MonElementEnFlash
  ('.' = class / '#' = id)
  
  pour le remettre c'est un peu plus compliqué mais pas impossible
  
  pour utiliser jQuery il faut inclure une bibliothèque que tu pourras trouver ici (documentation incluse) https://jquery.com/download/
  
  0
2. Utilisateur anonyme
  
  merci, c'est assé clair mais, je vais te donner une parti, car, c un peu compliqué. Le programme à l'air de ça:
  
  <input type="button" onclick="removeElement('tdp')" value="Cacher le jeu (le supprimer)" />
  <input type="button" onclick="addElement('tdp')" value="Monter le jeu (le remettre)" />
  <div style="margin:auto;text-align:center;">
  <object id="tdp" width="800" height="500" type="application/x-shockwave-flash" name="tdp" data="http://www.darkness-project.com/tdp4/Preloader.swf" style="visibility: visible;" enableviewstate="false"></object>
  
  Où est le problème? Merci de modifier le programme.
  
  0

DarkAurora Messages postés 443 Statut Membre 27

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<script type="text/javascript"                                        src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

	<script type="text/javascript">
		$(document).ready(function(){ //Initialise le code JS lorsque les éléments HTML sont chargés
			$('#removeElement').live('click', function(){ $('#tdp').remove(); }); //Supprime l'élément avec l'id tdp lorsqu'on click sur removeElement
			
			$('#addElement').live('click', function(){ 
				if(!document.getElementById('tdp')) // Test pour ne pas ajouter à l'infinie l'element tdp				
					$('#tdp_content').append('<object id="tdp" width="800" height="500" type="application/x-shockwave-flash" name="tdp" data="http://www.darkness-project.com/tdp4/Preloader.swf" style="visibility: visible;" enableviewstate="false"></object>'); // Ajoute l'element tdp lorsqu'on click sur addElement
			});
		});
	</script>
</head>

<body>
	<input type="button" id="removeElement" value="Cacher le jeu (le supprimer)" /> 
	<input type="button" id="addElement" value="Monter le jeu (le remettre)" /> 
	<div style="margin:auto;text-align:center;" id="tdp_content">
		<object id="tdp" width="800" height="500" type="application/x-shockwave-flash" name="tdp" data="http://www.darkness-project.com/tdp4/Preloader.swf" style="visibility: visible;" enableviewstate="false"></object>
	</div>
</body>
</html>

code tester et validé si jamais tu as besoin d'éclaircissement n'hésite pas

Utilisateur anonyme

MERCI BEAUCOUP :D
0

Comment ajouter ou supprimer des éléments avec Javascripts

4 réponses

Discussions similaires

Newsletters