Ajouter une image apres exécution d'un if et selon telle ou telle variable

Invité · 24/01/2013, 19h23

bonjour à tous, je débute en JavaScript et je bloque un peut, donc voila j'essaye d'expliqué un peut ce que je voudrais faire voici en premier la source pour essayer de vous faire comprendre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<html>
	<head>
		<script language="javascript">
			function touche(lettre) {
				var lettre_taper = document.lettre.zone_texte_1.value;
				if (lettre_taper == "B" ) {document.lettre.zone_texte_2.value="ballon";}
			}
		</script>
	<title>teste_formulaire_lettre_taper</title>
	</head>
	<body>
		<br>
		<form name="lettre">
			<input name="zone_texte_1" value="" type="text">
			<br><br>
			<input name="bouton" value="valider" onclick="touche(lettre)" type="button">
			<br><br>
			<input name="zone_texte_2" value="" type="text">
		</form>
	</body>
</html>

donc voila c'est un formulaire avec deux zone texte et un if, ce que je voudrais faire c'est que lorsque le if est vrais bien ajouter une image sur la page puis que celle ci y reste sauf si l'on surprime à l'aide d'un button.
voila cela parait simple mais je ne trouve pas de sujet qui en parle.
cela doit être la compréhension du comment faire au fait

**NoSmoking** · 24/01/2013, 22h05

Bonsoir,

...ajouter une image sur la page...

il existe les méthodes createElement( 'nom_tag') et appendChild( objet_noeud) qui devrait te satisfaire.

...sauf si l'on surprime à l'aide d'un button.

il existe la méthode removeChild( objet_noeud) pour cela.

Invité · 24/01/2013, 23h40

ok, je vais aller voir ça.par contre pas encore vue sur tuto, peut être ici?

je vient de trouver un tuto :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
    <html>
    <head>
    <title>Ton site</title>
 
    <script type="text/javascript">
    // attend que la fenetre soit charger pour pouvoir parcourir le dom
    window.onload = function ()
    {
 
    // cree une image
    var img = document.createElement('img');
    // definit le fichier
    img.src = '../img/avatar.jpg';
    // recupere le conteneur par id et lui ajoute un fils : ton image
    document.getElementById('ton_conteneur_dimage').appendChild(img);
    }
    </script>
    </head>
    <body>
    <!-- ton div qui sert de conteneur d image -->
    <div id="ton_conteneur_dimage"></div>
    </body>
    </html>

il me parait simple pour moi, par contre je me demande si je peut le mettre dans ma function déjà créer ou si il faut en refaire une deuxième?

bonsoir, désolé j'avais pas vue que c'étais une autre persone qui me répondais

j'ai trouver la bonne combinaison

au fait c'était à cause de séparateur que je plaçais mal puis

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('ton_conteneur_dimage').appendChild(img);

que je ne plaçais pas au bon endroit, moi j'avais recréer une fonction puis un if au lieu de mettre cela dans le 1er if mais à la suite du code.
merci pour l'aide car c'est bien avec getElementById et appendChild que j'ai trouver la suite.
maintenant pour ajouter un bouton suprimé ou caché l'image c'est pas compliqué.
je place en résolut.

Ajouter une image apres exécution d'un if et selon telle ou telle variable

JavaScript

Discussions similaires

Partager

Partager