Style sur un innerHTML [Résolu]

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 ?

Citation:

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

Citation:

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.

Citation:

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 !

21/07/2011, 16h23	#4
DavidDeTroyes Membre confirmé Inscription : février 2005 Messages : 305 Détails du profil Informations personnelles : Âge : 35 Localisation : France, Aube (Champagne Ardenne) Informations forums : Inscription : février 2005 Messages : 305 Points : 271 Points : 271	J'ai trouvé ! Il suffit d'utiliser la propriété firstChild qui modifie les attributs de la balise enfant. Merci quand même ! __________________ "Les cons ca ose tout, c'est même à ca qu'on les reconnait" M. AUDIARD "L'intelligence, on croit toujours en avoir assez, vu que c'est avec ça qu'on juge" COLUCHE Spidercochon ! Spidercochon ! Il peut marcher au plafond. Est-ce qu'il peut tisser une toile ? Bien sûr que non c'est un cochon Prends garde Spidercochon est là...
	00

21/07/2011, 15h17	#2
andry.aime Rédacteur/Modérateur Andry Aimé Inscription : septembre 2007 Messages : 5 128 Détails du profil Informations personnelles : Nom : Andry Aimé Localisation : Ile Maurice Informations forums : Inscription : septembre 2007 Messages : 5 128 Points : 7 270 Points : 7 270	Peut-on voir le code html?
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email