changer une image dans une page html

**patricktoulon** · 25/03/2011, 20h41

bonsoir a tous

je reviens encore avec une question qui va vous semblé trop facile mais je n'est rien trouver dans la faq ou discution anterieures

est -il posible de changer voir de placer une image dans une page html en vbs

merci pour le coup de main

au plaisir

**SfJ5Rpw8** · 25/03/2011, 21h03

bonsoir,

je suis pas sur d'avoir tout compris mais essai ce .HTA :

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
<!--
Auteur   : bbil
Date     :  25/03/2011
site     : http://bbil.developpez.com/tutoriel/vbs/interface-hta/
-->
 <script language="VBScript">
Sub ChoixFichier
		MonImage.src= inFichier.value
 end sub
</script>
<head>
<title>Une Image</title>
<HTA:APPLICATION
      APPLICATION="htaImages"
 > 
  </head>
   <body>
    <INPUT TYPE="file" NAME="inFichier" SIZE="100" onChange="choixfichier"><BR>
   <img src="D:\Article_Dvp\documents\interface-hta\images\unbouton.png" alt="Affiche Mon image"  Name="MonImage">
 </body>

PS : Pense à changer le nom de l'image initiale

**patricktoulon** · 25/03/2011, 22h31

bonsoir bbil

tu avais tres bien compris c'est exactement ca

Code :

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

1
2
 
picture1.src= files2.value

ca fonctionne parfaitement bien

je trouve dommage qu'il soit difficile de trouver ce genre de truc dans les pages la faq vbs et c'est pas faute d'en avoir ouvert quelques unes

je te remerci pour ta patience

tu n'aurais pas un lien inteligible pour les neuxneux comme moi en vbs ca m'arrangerais beaucoup

tient si tu te pose la question qu'estce que je fait voila ou j'en suis avec mon "mailer.hta"
il faut créer un subdossier dans le dossier de l'app du nom de "fiche contact"

je rapelle que je suis parti sur la base du petit fichier de hackoofr

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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
 
<html>
<head>
<title>mon entreprise MAILER</title>
<HTA:APPLICATION 
    ICON="icon.ico"
    APPLICATIONNAME = "ENVOYER UN MAIL" 
    BORDER="dialog"
    BORDERSTYLE="complex"
    CONTEXTMENU="no"
    SYSMENU="yes"
    MAXIMIZEBUTTON="no"
    SCROLL="no" 
CAPTION="yes"
>
 
<title>mon entreprise MAILER</title> 
 
<style>
    body 
{
  color:blue;
  background-color:blue;
 
}        
    label,.btn{
        font-weight: bold;
    }
 
.apparence2 {font-family: Elephant, sans-serif; font-size: 29px; font-weight: bold; font-style: italic; text-decoration: none; text-align: center; vertical-align: sub;  word-spacing: 0px; padding: 2px;}
 
.apparence3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFF33;font-weight: bold; text-decoration: none;}
 
 
</style>
 
 
<script Langage=JScript>
</script>
 
<script Language="VBScript">
dim dossier
messageHTML="<center><font size=4 FACE=Comic sans MS style=font-weight:bold Color=violet>restant a votre service pour tout renseignement<br>cliquez sur le lien pour me contacter<br>"
lien="<A href=mailto:mon entreprise@hotmail.fr>vp.service@hotmail.fr</A><br>"
Signature = "<center><img src=http://truc .much.com/n/15-2/folder/5ady23657/logo.gif>" 
 
 
Sub window_onload()
'mise en forme de la fenetre 
 
 
 
 
 
 
window.resizeTo 1050, 700
        iLeft = window.screen.availWidth/2 - 1050/2
        itop = window.screen.availHeight/2 - 700/2
        window.moveTo ileft, itop
 
 
 
remplissage()
End Sub
 
 
'remplissage de la liste des contacts
 
sub remplissage()
'on met la liste a vide
 
While Liste.Length > 0
  Liste.remove(0)
Wend
 
 
dossier= decodeURI (Document.location)
mysplit = split(dossier,"/" )
' je chope le UBound de mon tableau (il te donne le dernier split en fait)
dernierpoint = UBound(mysplit)
' donc le nom  est forcément le dernier split)
nom= mysplit(dernierpoint)
' et donc le reste contient le chemin du dossier
dossier=left(dossier,len(dossier)-len(nom)-1)
'ici on va enlevé le "file///" ui se trouve devans 
dossier=right(dossier,len(dossier)-8)
'ici on remplace les"/" par des "\"
dossier =replace(dossier,"/","\")
 
'************************************************************
 
 
Dim stRep 'Nom du répertoire à parcourir
Dim oFSO,oFl
Set oFSO = CreateObject("Scripting.FileSystemObject")
stRep = dossier & "\fiche contact"
Set objOption = Document.createElement("OPTION") 
Liste.Add(objOption) 
 
objOption.Text = "Choisir un Contact"
objOption.Value = "Choisir un Contact"
 
For each oFl in  oFSO.GetFolder(stRep).Files
Set objOption = Document.createElement("OPTION") 
Liste.Add(objOption) 
objOption.Text = left((oFl.Name),len(oFl.Name)-4)
objOption.Value = ofl.name
Next
end sub 
 
 
'**************************************************
'lecture du fichier
 
sub choix()
dim i
i=0
 
if liste.value="Choisir un Contact"then exit sub 
 
 
fichier= dossier &"\fiche contact\" & liste.value 
 
Set objFSO = CreateObject("Scripting.FileSystemObject") 
Set objFile = objFSO.OpenTextFile (fichier, 1) 
Do Until objFile.AtEndOfStream 
i=i+1
 
document.all("Text" & i ).value  = objFile.readLine
 
 
 
Loop 
objFile.Close 
 
remplissage() 
supcontact.disabled=false
Set objFile =nothing
end sub 
 
 
 
 
 
sub remetreblanc()
text1.value=""
text2.value="" 
text3.value=""
text4.value=""
text5.value=""
text6.value=""
text7.value=""
text8.value=""
Button3.disabled=false
Annuler.disabled=false
 
end sub
 
'**************************************************************************
'fonction du bouton annuler
'**************************************************************************
sub annulation ()
Button3.disabled=true
Annuler.disabled=true
end sub 
 
'**************************************************************************
'suppression du contact
'**************************************************************************
 
sub suppression()
Annuler.disabled=true
supcontact.disabled=true
 
Dim oFSO
dim fichiers
fichier="fiche contact\" & Text1.value & " " & Text2.value & ".txt"
 
Set oFSO = CreateObject("Scripting.FileSystemObject")
oFSO.DeleteFile (fichier),True  ' Le paramétre "Force" à true permet d'effacer les fichiers en lectures seules.
 
remplissage()
remetreblanc()
 
end sub 
 
 
'**************************************************************************
'enregistrement du contact
'**************************************************************************
 
 
sub enregistrecontact()
'Pour creer le fichier texte
Set FSys = CreateObject("Scripting.FileSystemObject") 
Set MonFic = FSys.CreateTextFile("fiche contact\"& text1.value & " " & text2.value & ".txt") 
With MonFic 'Pour écrire dans le fichier texte
.writeLine Text1.value
.writeLine Text2.value
.writeLine Text3.value
.writeLine Text4.value
.writeLine Text5.value
.writeLine Text6.value
.writeLine Text7.value
.writeLine Text8.value
End With
 
MsgBox "enrgistrement du conctact" & vbcrlf & text1.value & " " & text2.value &  vbcrlf & vbcrlf & "dans le dossier des contacts" & vbcrlf & "a reussi!!!"
Button3.disabled=true
Annuler.disabled=true
remplissage()
end sub
 
 
 
Sub SendMail()
 
' on va transformer le textaera au format html (chaque ligne entre balises)
     Dim st,i,tb,files
dim paragraphe
st=txtbody.value
tb = split(st,vbcrlf)
For i = lbound(tb) to ubound(tb)
  paragraphe=paragraphe & tb(i) & "<br>" & vbcrlf
next
paragraphe=paragraphe & "<br>"& messageHTML & lien & signature
 
 
 
 
        Set msg = CreateObject("CDO.Message") 
        With msg
          .From = LISTEEXPEDITEUR.value
          .To = text8.value 
          .Subject = txtSubject.Value
 
          .HTMLBody=paragraphe
          .Configuration.Fields.Item("http://schemas.microsoft.com/cdo/configuration/sendusing") = 2 
          .Configuration.Fields.Item("http://schemas.microsoft.com/cdo/configuration/smtpserver") =LISTESERVEUR.Value 
          .Configuration.Fields.Item("http://schemas.microsoft.com/cdo/configuration/smtpserverport") = 25 
 
If File.value <> "" Then
               .AddAttachment File.value  'Ajout de la piéce-jointe
end If  
 
          .Configuration.Fields.Update 
            On Error Resume Next
            .Send
            If Err.Number <>0 Then 
                MsgBox Err.Description,16,"Error Sending Mail"
 exit sub            
else
MsgBox "Le Mail a été envoyé avec succès !"& vbcrlf & " à" & vbcrlf & Text8.value,64,"Information" 
 
 End If
 
 
        End With
 
 
 window.close  
 End Sub
 
 
sub changeimage()
Dim oFSO
dim fichier
 
fichier=files2.value
 
Set oFSO = CreateObject("Scripting.FileSystemObject")
oFSO.CopyFile (fichier),"fond.jpg",True 
Picture1.src= files2.value
 
end sub 
 
 
</script> 
 
 
</head>
<body >
<!-- 'je ne met pas l'image en background pour pouvoir l'adapter a ma fenetre -->
 
<img id="Picture1" name="Picture1" src="fond.jpg" width="1040" height="690" style="position: absolute; left: 0px; top: 0px;"border="0" alt="">
 
 
<div id="ldheLabel1" style="position: absolute; left: 25px; top: 20px; width: 111px; height: 16px; text-align: justify;" align="left">
<span class="apparence3">Expéditeur :</span></div>
 
<div id="ldheLISTEEXPEDITEUR" style="position: absolute; left: 145px; top: 15px;" align="left">
<select id="LISTEEXPEDITEUR" name="LISTEEXPEDITEUR" style="width: 196px;">
<option value="mon entreprise@hotmail.fr" selected>mon entreprise@hotmail.fr</option>
<option value="mon perso@msn.com">mon perso@msn.com</option>
</select></div>
 
<div id="ldheLabel2" style="position: absolute; left: 25px; top: 45px; width: 111px; height: 19px; text-align: justify;" align="left">
<span class="apparence3">Destinataire :</span><span class="timesnewroman120FFFFFFt"> </span></div>
 
 
 
<!-- ***************************************************************************************************** -->
 
<!-- 'LISTE DES CONTACT -->
 
<div id="ldheliste" style="position: absolute; left: 145px; top: 45px;" align="left">
<select id="liste" name="liste" style="width: 196px"; onchange="choix()";>
 
</select>
</div>
 
 
 
 
 
 
 
 
 
<span class="apparence3">Choisir le Serveur:</span><span class="timesnewroman120FFFFFFt"style="position: absolute; left: 660px; top: 30px; width: 140px; height: 19px; text-align: justify;" align="left"> </span>
 
<div id="ldheLISTESERVEUR" style="position: absolute; left: 830px; top: 30px;" align="left">
<select id="LISTESERVEUR" name="LISTESERVEUR" style="width: 165px;">
<option value="smtp.orange.fr">Orange</option>
<option value="club-internet.fr">Club-internet</option>
<option value="smtp.neuf.fr">Neuf</option>
<option value="smtp.9online.fr">9ONLINE</option>
<option value="smtp.alice.fr">ALICE</option>
<option value="smtp.aliceadsl.fr" selected>ALICE ADSL</option>
<option value="smtp.fr.aol.com">AOL</option>
<option value="pop.altern.org">ALTERN.ORG</option>
<option value="smtp.lycos.co.uk">CARAMAIL</option>
<option value="smtp.cegetel.net">CEGETEL</option>
<option value="smtpauth.dbmail.com">DARTY BOX</option>
<option value="smtp.evhr.net">ESTVIDEO COMMUNICATION</option>
<option value="smtp.freesurf.fr">FREE</option>
<option value="smtp.freesurf.fr">FREESURF</option>
<option value="smtp.gmail.com">GMAIL</option>
<option value="smtp.gmail.com">GAWAB</option>
<option value="smtp.ifrance.com">IFrance</option>
<option value="smtp.laposte.net">LA POSTE</option>
<option value="smtp.magic.fr">MAGIC ONLINE</option>
<option value="smtp.nerim.net">NERIM</option>
<option value="mail.netcourrier.com">NET COURRIER</option>
<option value="mail.noos.fr">NOOS(Numericable)</option>
<option value="smtp1.sympatico.ca">SYMPATICO (MSN)</option>
<option value="smtp.tele2.fr">TELE2</option>
<option value="smtp.tiscali.fr">TISCALI (Alice)</option>
<option value="smtp.freesbee.fr">TISCALI-FREESBEE (Alice)</option>
<option value="smtp.mail.yahoo.fr">YAHOO</option>
</select></div>
 
<div id="ldheLabel4" style="position: absolute; left: 25px; top: 75px; width: 111px; height: 16px; text-align: justify;" align="left">
<span class="apparence3">sujet :</span></div>
 
<div id="ldhetxtSubject" style="position: absolute; left: 145px; top: 77px;" align="left">
<input type="text" id="txtSubject" name="txtSubject" style="width: 331px; height: 21px;" value="" maxlength="255"></div>
 
<div id="ldheLabel5" style="position: absolute; left: 15px; top: 135px; width: 160px; height: 19px; text-align: justify;" align="left">
<span class="apparence3">Corps du message :</span><span class="timesnewroman120FFFFFFt"> </span></div>
 
<div id="ldheTxtbody" style="position: absolute; left: 20px; top: 168px;" align="left">
<textarea id="Txtbody" name="Txtbody" style="width: 656px; height: 346px;" rows="17" cols="72"></textarea></div>
 
 
<div id="ldhefile" style="position: absolute; left: 20px; top: 521px;" align="left">
<input type="file" id="file" name="file" style="width: 656px; height: 22px;" value="choisir un fichier"></div>
 
<div id="ldheLabel6" style="position: absolute; left: 765px; top: 5px; width: 126px; height: 16px; text-align: center;" align="left">
<span class="apparence3">Parametres</span></div>
 
<div id="ldheLabel7" style="position: absolute; left: 790px; top: 135px; width: 150px; height: 16px; text-align: center;" align="left">
<span class="apparence3">fiche  contact</span></div>
 
 
 
<!-- *****************************les textboxs pour les coordonnées*********************************** -->
 
<div id="ldheText1" style="position: absolute; left: 810px; top: 171px;" align="left">
<input type="text" id="Text1" name="Text1" style="width: 186px; height: 21px;" value="Text1" maxlength="255"></div>
 
<div id="ldheText2" style="position: absolute; left: 810px; top: 201px;" align="left">
<input type="text" id="Text2" name="Text2" style="width: 186px; height: 21px;" value="Text2" maxlength="255"></div>
 
<div id="ldheText3" style="position: absolute; left: 810px; top: 231px;" align="left">
<input type="text" id="Text3" name="Text3" style="width: 186px; height: 21px;" value="Text3" maxlength="255"></div>
 
<div id="ldheText4" style="position: absolute; left: 810px; top: 261px;" align="left">
<input type="text" id="Text4" name="Text4" style="width: 186px; height: 21px;" value="Text4" maxlength="255"></div>
 
<div id="ldheText5" style="position: absolute; left: 810px; top: 291px;" align="left">
<input type="text" id="Text5" name="Text5" style="width: 186px; height: 21px;" value="Text5" maxlength="255"></div>
 
<div id="ldheText6" style="position: absolute; left: 810px; top: 321px;" align="left">
<input type="text" id="Text6" name="Text6" style="width: 186px; height: 21px;" value="Text6" maxlength="255"></div>
 
<div id="ldheText7" style="position: absolute; left: 810px; top: 351px;" align="left">
<input type="text" id="Text7" name="Text7" style="width: 186px; height: 21px;" value="Text7" maxlength="255"></div>
 
<div id="ldheText8" style="position: absolute; left: 810px; top: 380px;" align="left">
<input type="text" id="Text8" name="Text8" style="width: 186px; height: 21px;" value="Text8" maxlength="255">
</div>
 
<div id="ldheLabel8" style="position: absolute; left: 705px; top: 175px; width: 46px; height: 16px; text-align: justify;" align="left">
<span class="apparence3">Nom :</span></div>
 
<div id="ldheLabel9" style="position: absolute; left: 705px; top: 205px; width: 71px; height: 16px; text-align: justify;" align="left">
<span class="apparence3">Prenom :</span></div>
 
 
<div id="ldheLabel10" style="position: absolute; left: 705px; top: 235px; width: 91px; height: 16px; text-align: justify;" align="left">
<span class="apparence3">Adresse 1 :</span></div>
 
<div id="ldheLabel11" style="position: absolute; left: 705px; top: 265px; width: 91px; height: 16px; text-align: justify;" align="left">
<span class="apparence3">Adresse 2 :</span></div>
 
<div id="ldheLabel12" style="position: absolute; left: 705px; top: 295px; width: 91px; height: 16px; text-align: justify;" align="left">
<span class="apparence3">Adresse 3 :</span></div>
 
<div id="ldheLabel13" style="position: absolute; left: 705px; top: 325px; width: 76px; height: 16px; text-align: justify;" align="left">
<span class="apparence3">Tel fixe :</span></div>
 
<div id="ldheLabel14" style="position: absolute; left: 705px; top: 355px; width: 96px; height: 16px; text-align: justify;" align="left">
<span class="apparence3">Tel portable :</span></div>
 
 
 
 
<div id="ldheLabel15" style="position: absolute; left: 705px; top: 385px; width: 96px; height: 16px; text-align: justify;" align="left">
<span class="apparence3">Email :</span>
</div>
<div id="ldheLabel15" style="position: absolute; left: 615px; top: 75px; width: 170px; height: 16px; text-align: justify;" align="left">
<span class="apparence3">choisir le fond d'ecran :</span></div>
 
<div id="ldhefiles2" style="position: absolute; left: 818px; top: 62px;" align="left">
<input type="file" id="files2" name="files2" style="width: 110px; height: 21px;" value=""></div>
 
<div id="ldheButton4" style="position: absolute; left: 818px; top: 86px;" align="left">
<input type="button" id="Button4" name="Button4" style="width: 110px; height: 19px;" value="valider"onclick="changeimage()"></div>
 
<div id="ldheAnnuler" style="position: absolute; left: 796px; top: 442px;" align="left">
<input type="button" id="Annuler" name="Annuler" style="width: 200px; height: 22px;" disabled value="Annuler" onclick="annulation()">
</div>
 
<div id="ldhesupcontact" style="position: absolute; left: 796px; top: 468px;" align="left">
<input type="button" id="supcontact" name="supcontact" style="width: 200px; height: 21px;" disabled value="Supprimer  un Contact"onclick="suppression()">
</div>
 
<div id="ldheButton3" style="position: absolute; left: 796px; top: 493px;" align="left">
<input type="button" id="Button3" name="Button3" style="width: 200px; height: 21px;" disabled value="Enregistrer le nouveau Contact"onclick="enregistrecontact()">
</div>
 
<div id="ldheButton2" style="position: absolute; left: 795px; top: 414px;" align="left">
<input type="button" id="Button2" name="Button2" style="width: 200px; height: 24px;" value="Ajouter un Contact" onClick="remetreblanc()">
</div>
 
<div id="ldheButton1" style="position: absolute; left: 751px; top: 538px;" align="left">
<input type="button" id="Button1" name="Button1" style="width: 250px; height: 44px;" class="apparence2" value="Envoyer" onclick="SendMail()">
</div>
 
</body>
</html>

voila maintenant j'ai mal a la tete

au plaisir

**hackoofr** · 26/03/2011, 16h01

patricktoulon
J'apprécie

le Truc de l'image de fond, c'est astucieux et permet plus de personnalisation pour le HTA.
une petite remarque concernant le serveur SMTP Gmail je crois il faut que tu le programme un truc pour l'authentification pour ce dernier sinon le mail ne passe pas.
A propos de la liste des contactes j'ai pas bien compris tu les enregistre ou exactement ?
Bonne Continuation pour la mise à jour et surtout n'oublies pas de nous partager ce travail une fois terminé dans la section Téléchargement

**patricktoulon** · 26/03/2011, 17h17

bonjour hackoofr

j'ai ajouté la dernière version du fichier a la tienne dans les telechargements

alors oui pour le fond d'écran c'est juste pour le rendre un peu moins tristounet

l'amélioration de ce fichier réside dans les liste de choix

1 liste expéditeur si comme moi tu en a plusieurs (professionnelles et privées)

la liste de choix du destinataire se remplie avec les fiches qui se trouve dans le sou dossier de l'application du nom de "fiche contact"

je l'ai livré si je ne me trompe pas avec une fiche exemple

pour faire des fiches
il te suffi de cliquer sur "ajouter contact"

ensuite les text 1 a 8 se vident tu peux les remplir des labels a gauches de ceci t'indique leur valeurs
nom
prenom
adresse1
adresse2
adresse 3
tel fixe
tel portable
email

tu n'a qu'a remplir les textboxs et cliquer sur enregistrer le contact
instantanément le nom va se retrouver dans la liste de destinataire
une fiche du nom prenom du contact est créée dans le dossier "fiche contact"

il y a la liste des serveur aussi pour choisir ton fournisseur d'accès

je suis deja entrain de travailler encore la dessus de façon a mémoriser les modifs pour les parametres

si tu a des idées je suis preneur
au plaisir

changer une image dans une page html

VBScript

Discussions similaires

Partager

Partager