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

A voir également:

Bouton supprimer javascript
Supprimer rond bleu whatsapp - Guide
Supprimer page word - Guide
Bouton shift pc ✓ - Forum Windows
Supprimer pub youtube - Accueil - Streaming
Bouton on off ✓ - Forum Loisirs / Divertissements

4 réponses

Réponse 1 / 4

Atropa Messages postés 1940 Date d'inscription Statut Membre Dernière intervention 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

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

DarkAurora Messages postés 417 Date d'inscription Statut Membre Dernière intervention 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/

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.

Réponse 4 / 4

DarkAurora Messages postés 417 Date d'inscription Statut Membre Dernière intervention 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

Discussions similaires

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

tester champ formulaire avec javascript

passez var javascript vers var php

Récupérer valeur dans HTML par javascript

fonction afficher/cacher un div, cacher les autres.

Verifier si on a cliqué sur un bouton

Votre réponse

Discussions similaires