Fond image et cadre en page dynamique

Version imprimable

Bonjour à toutes et à tous,

J'aurai bien voulu insérer un background à ma page créée dynamiquement dans un module en delphi au lieu d'une couleur ainsi qu'un cadre image autour de l'image qui s'affichera.

Seul le background de couleur fonctionne malgré l'essai avec background-image:url(image.jpg) etc....

Voici mon code :

Code:

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
 
 u:='<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">'#10#13+
       #10#13+
      '<html>'#10#13+
      '<head>'#10#13+
      '<title>SURVEILLANCE</title>'#10#13+
 
//***********mise à jour du taux de rafraichissement**********************
 
      '<META http-equiv="Refresh" content="'+inttostr(Ed_refresh.Value)+'">'#10#13+
 
'</head>'#10#13+
'<BODY ms_positioning="gridlayout" leftMargin=0 bgcolor="#000080" >'#10#13+
'<FORM NAME="mail" METHOD=GET ACTION="/cgi-bin/mailer">&nbsp;&nbsp;&nbsp;&nbsp;<INPUT 
 
NAME="RESTE" SIZE=5 MAXLENGTH=5 style="color: #00FF00; border-style: outset; border-width: 1; 
 
background-color: #000000">'#10#13+
'</FORM>'#10#13+
'<p align="center"><font color="#FFFF00"><b><i><FONT face="Alien Encounters" 
 
size=6>SURVEILLANCE</FONT>&nbsp;</i></b></font>'#10#13+
'&nbsp;</p>'#10#13;
      if alarme then
      begin
        t1:=60;
	      u:=u+'<p align="center"><font face="Arial Narrow" size="6" color="#FF0000">ALERTE !
 
</font>'#10#13+
	      '</p>'#10#13;
      end else t1:=0;
      u:=u+'<p align="center">&nbsp;</p><img'#10#13+
	    'style="Z-INDEX: 101; LEFT: 40px; WIDTH: 259px; POSITION: absolute; TOP: '+inttostr
 
(100+t1)+'px; HEIGHT: 211px"'#10#13+
      'height="35" alt="Cam 1" src="Image1" width="27" border="4">'#10#13;
      if NbCamera>1 then
      begin
	      u:=u+'<p align="center">&nbsp;</p><img'#10#13+
	      'style="Z-INDEX: 101; LEFT: 319px; WIDTH: 259px; POSITION: absolute; TOP: '+inttostr
 
(100+t1)+'px; HEIGHT: 211px"'#10#13+
	      'height="35" alt="Cam 2" src="Image2" width="27" border="4">'#10#13;
      end;
      if NbCamera>2 then
      begin
        if NbCamera=4 then u1:= 40 else u1:= 180;
	      u:=u+'<p align="center">&nbsp;</p><img'#10#13+
	      'style="Z-INDEX: 101; LEFT: '+inttostr(u1)+'; WIDTH: 259px; POSITION: absolute; TOP: 
 
'+inttostr(330+t1)+'px; HEIGHT: 211px"'#10#13+
	      'height="35" alt="Cam 3" src="Image3" width="27" border="4">'#10#13;
      end;
      if NbCamera=4 then
      begin
	    u:=u+'<p align="center">&nbsp;</p><img'#10#13+
	      'style="Z-INDEX: 101; LEFT: 319px; WIDTH: 259px; POSITION: absolute; TOP: 260px; 
 
HEIGHT: '+inttostr(330+t1)+'px"'#10#13+
	      'height="35" alt="Cam 4" src="Image4" width="27" border="4">'#10#13;
      end;
      u:=u+'</body>'#10#13+
      '</html>

Si quelqu'un pouvait m'aider ce serait sympa.

@+,

Cincap

17/03/2008, 09h23
le_chomeur

peux tu nous mettre le code généré ;) merci
17/03/2008, 10h52
cincap

C'est celui cité dans mon 1er topic !
Bonjour à toutes et à tous,

@ Le_chomeur, en gros, le module Delphi génère le code cité plus haut.

Avec différents essais, je suis arrivé à avoir un fond en mettant le chemin de l'image dans le background.

Le code
Code:

1 2 3 4 5 ............. '</head>'#10#13+ '<BODY ms_positioning="gridlayout" leftMargin=0 background="C:\fond_celtic.JPG" >'
Seulement, il aurait été préférable de charger cette image placée dans un Timage sur le même module qui génère cette page et la je cale pour l'utiliser à partir de ce Timage.

Car si je fait une installation du module avec innosetup, je n'aurai jamais le chemin correct de l'image comme fond.

En vous remerciant.

@+, Cincap
17/03/2008, 11h06
le_chomeur

tu n'as pas répondu a ma question ... je te demandais le code une fois qu'il a été généré ... passons ....

Qu'est ce que tu entend par Timage ?
est-ce un composant delphi ? si oui tu ne peux pas utiliser autre chose en html que de l'html ... :)

pour ton image , si ton fichier html se situe dans le même dossier que ton image met simplement : background-image="MonImage" ;

si l'image se trouve dans le Même dossier que ton .html mais dans un sous dossier gen mesImage : background-image="mesImages\MonImage"

a essayer ...

Ok voici le code de la page générée.

@ le_chomeur, voici le code de la page générée avec le fond en bleu.

Code:

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
 
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 
 
<html>
 
<head>
 
<title>VIDEO SURVEILLANCE</title>
 
<META http-equiv="Refresh" content="10">
 
<script language="javascript">
 
function disp_horloge()
 
{var date_jour=new Date()
 
var heure=date_jour.getHours()
 
var min=date_jour.getMinutes()
 
var sec=date_jour.getSeconds()
 
if (heure<10) heure="0"+heure
 
if (min<10) min="0"+min
 
if (sec<10) sec="0"+sec
 
document.forms[0].elements[0].value=heure+":"+min+":"+sec
 
setTimeout("disp_horloge()",1000)
 
}
 
</script>
 
</head>
 
<BODY ms_positioning="gridlayout" leftMargin=0 bgcolor="#000080" onLoad="disp_horloge()">
 
<FORM NAME="mail" METHOD=GET ACTION="/cgi-bin/mailer">&nbsp;&nbsp;&nbsp;&nbsp;<INPUT NAME="RESTE" SIZE=5 MAXLENGTH=5 style="color: #00FF00; border-style: outset; border-width: 1; background-color: #000000">
 
</FORM>
 
<p align="center"><font color="#FFFF00"><b><i><FONT face="Alien Encounters" size=6>SURVEILLANCE</FONT>&nbsp;</i></b></font>
 
&nbsp;</p>
 
<p align="center">&nbsp;</p><img
 
style="Z-INDEX: 101; LEFT: 40px; WIDTH: 259px; POSITION: absolute; TOP: 100px; HEIGHT: 211px"
 
height="35" alt="Cam 1" src="Image1" width="27" border="4">
 
</body>
 
</html>

Mon fichier html ne se trouve pas dans le dossier puisqu'il est créé dynamiquement à l'appel du module d'ou la difficulté de lui mettre un fond image, seul le fond couleur fonctionne.

Les deux solutions proposées ne fonctionne pas dans ce cas.

Par contre si j'ai un fichier htm déjà créé, cela fonctionne bien entendu.

@+,

Cincap

17/03/2008, 12h26
cincap

Il faut impérativement un chemin sur le web

@ le_chomeur, Après encore des essais, il faut impérativement que le fichier image soit placé sur un site.

Ce qui me parait normal puisque le module qui crée dynamiquement la page, afin que cette dernière soit visualisée sur le Web.

Ce qui n'est pas le cas si on utilise un fond de couleurs.

Merci de tes conseils.

@+,

Cincap