Comment ajouter ou supprimer des éléments avec Javascripts

Fermé

Javascript

Utilisateur anonyme - 31 oct. 2012 à 02:03
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

A voir également:

Bouton supprimer javascript
Supprimer une page word - Guide
Supprimer compte instagram - Guide
Supprimer pub youtube - Accueil - Streaming
Fichier impossible à supprimer - Guide
Telecharger javascript - Télécharger - Langages

4 réponses

Réponse 1 / 4

Atropa Messages postés 1940 Date d'inscription mercredi 25 juin 2008 Statut Membre Dernière intervention 11 mai 2014 274
31 oct. 2012 à 03:05

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

Réponse 3 / 4

A.Nonymous
31 oct. 2012 à 08:31

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).

DarkAurora Messages postés 417 Date d'inscription lundi 26 novembre 2007 Statut Membre Dernière intervention 21 janvier 2013 27
31 oct. 2012 à 15:42

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/

Utilisateur anonyme
31 oct. 2012 à 17:21

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.

Réponse 4 / 4

DarkAurora Messages postés 417 Date d'inscription lundi 26 novembre 2007 Statut Membre Dernière intervention 21 janvier 2013 27
31 oct. 2012 à 17:47

<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
31 oct. 2012 à 21:19

MERCI BEAUCOUP :D

Discussions similaires

Verifier si on a cliqué sur un bouton

[JS]récupérer valeur d'un input radio?

activer/ desactiver bouton en javascript

Recupération de valeur d'un input HTML en JavaScript

tester champ formulaire avec javascript

passez var javascript vers var php