Style sur un innerHTML

**DavidDeTroyes** · 21/07/2011, 15h10

Bonjour,

Je vais tenter d'être clair...

J'aimerai inter-changer 2 images sur un click mais en forçant la taille de celles-ci.

J'ai voulu utiliser innerHTML mais je ne pouvais pas interagir sur le style de celle-ci.

J'ai donc décidé de nommer mes IMG par des ID. Problème, ça ne marche pas...

Bout de code :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
        Image1 = document.getElementById("image1").value;
	document.getElementById("image1").value = Image;
	Image.value = Image1;	
 
	document.getElementById("image1").style.width = "600";
	document.getElementById("image1").style.height = "480";
 
	Image.style.width = "200";
	Image.style.height = "160";

Quelqu'un peut il m'aider ? Please...

**andry.aime** · 21/07/2011, 15h17

Peut-on voir le code html?

**DavidDeTroyes** · 21/07/2011, 15h39

En gros, c'est ça :

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<SCRIPT LANGUAGE="javascript">
function agrandir(Fenetre)
{	
	Fenetre1 = document.getElementById("fenetre1").innerHTML;
	document.getElementById("fenetre1").innerHTML = Fenetre.innerHTML;
	Fenetre.innerHTML = Fenetre1;	
 
	document.getElementById("fenetre1").style.width = "600";
	document.getElementById("fenetre1").style.height = "480";
 
	Fenetre.style.width = "200";
	Fenetre.style.height = "160";
}
 
function rotation(Fenetre, Frequence)
{
	var NombreDeFichier = 6;
 
	Nombre = Math.round(NombreDeFichier * Math.random());
 
	switch(Fenetre)
	{
		case 1:
			Hauteur = 480;
			Largeur = 600;
			break;
		default:
			Hauteur = 160;
			Largeur = 200;
	}
 
	document.getElementById("fenetre" + Fenetre).innerHTML = "<IMG SRC='pub\\pub" + Nombre + ".jpg' WIDTH=" + Largeur + " HEIGHT=" + Hauteur + ">";
 
	setTimeout("rotation(" + Fenetre + ", " + Frequence + ")", Frequence);
}
 
function informer(Fenetre)
{
}
 
function demarrage()
{
	rotation(1, 1000);
	rotation(2, 10000);
	rotation(3, 7000);
	rotation(4, 12000);
}
</SCRIPT>
 
<HTML>
	<HEAD>
		<TITLE>
			Streetpub
		</TITLE>
	</HEAD>
	<BODY ONLOAD="demarrage()">
		<TABLE WIDTH=800 HEIGHT=480 CELLPADDING=0 CELLSPACING=0>
			<TR>
				<TD ID="fenetre1" ALIGN=center VALIGN=middle ONCLICK="informer(this)" ROWSPAN=3>
					<IMG SRC="pub\pub0.jpg" WIDTH=600 HEIGHT=480>
				</TD>
				<TD ID="fenetre2" ALIGN=center VALIGN=middle ONCLICK="agrandir(this)">
					<IMG SRC="pub\pub1.jpg" WIDTH=200 HEIGHT=160>
				</TD>
			</TR>
			<TR>
				<TD ID="fenetre3" ALIGN=center VALIGN=middle ONCLICK="agrandir(this)">
					<IMG SRC="pub\pub2.jpg" WIDTH=200 HEIGHT=160>
				</TD>
			</TR>
			<TR>
				<TD ID="fenetre4" ALIGN=center VALIGN=middle ONCLICK="agrandir(this)">
					<IMG SRC="pub\pub3.jpg" WIDTH=200 HEIGHT=160>
				</TD>
			</TR>
		</TABLE>
	</BODY>
</HTML>

**DavidDeTroyes** · 21/07/2011, 16h23

J'ai trouvé !

Il suffit d'utiliser la propriété firstChild qui modifie les attributs de la balise enfant.

Merci quand même !

**Bovino** · 21/07/2011, 17h17

Code :

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

document.getElementById("image1").value;

C'est quoi le value d'une image ?

Envoyé par DavidDeTroyes

Il suffit d'utiliser la propriété firstChild qui modifie les attributs de la balise enfant.

Attention, ça dépend beaucoup du navigateur utilisé

**DavidDeTroyes** · 21/07/2011, 17h45

Envoyé par Bovino

Code :

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

document.getElementById("image1").value;

C'est quoi le value d'une image ?

Ah oui mais ça aussi c'était pourri comme code.

Envoyé par Bovino

Attention, ça dépend beaucoup du navigateur utilisé

Testé avec Opera et Chrome et c'est bon...

(IE et FF ne m’intéressent pas)

Me reste plus qu'a trouver pour forcer le plein écran en javascript ou en html...

Merci encore !

Style sur un innerHTML

JavaScript

Discussions similaires

Partager

Partager