FORUM DE DISCUSSION SUR LE LANGAGE PANORAMIC

Développement d'applications avec le langage Panoramic
 
AccueilAccueil  FAQFAQ  RechercherRechercher  S'enregistrerS'enregistrer  MembresMembres  GroupesGroupes  Connexion  
Derniers sujets
» Un prg Panoramic s'abime avec le temps
par papydall Aujourd'hui à 3:14

» Planétarium virtuel.
par Pedro Alvarez Hier à 16:58

» Dessin 2D: largeur de trait (résolu !)
par Jicehel Hier à 15:16

» Promenade dans le Ciel
par papydall Hier à 3:13

» PanExpress : l'éditeur Panoramic avec création d'objet
par Minibug Sam 23 Juin 2018 - 17:00

» Nouvelle version 0.34
par jean_debord Sam 23 Juin 2018 - 9:39

» Quantité de mémoire utilisée par un exe
par mindstorm Jeu 21 Juin 2018 - 21:22

» Projet de planétarium virtuel.
par Jean Claude Jeu 21 Juin 2018 - 19:02

» Animation: Feux de signalisation
par Minibug Mer 20 Juin 2018 - 20:28

» Problème avec 'file_load'.
par Pedro Alvarez Lun 18 Juin 2018 - 8:12

» Version instantanée V 0.9.28i20 du 13/06/2018
par jjn4 Sam 16 Juin 2018 - 14:25

» string$(0,chr$(32)) sans erreur
par silverman Ven 15 Juin 2018 - 19:56

» Version instantanée V 0.9.28i19 du 13/06/2018
par Minibug Ven 15 Juin 2018 - 19:14

» Mes souhaits d'amélioration de Panoramic.
par Pedro Alvarez Jeu 14 Juin 2018 - 20:17

» [RÉSOLU] Message d'erreur impossible à indentifier
par Minibug Mer 13 Juin 2018 - 20:52

Navigation
 Portail
 Index
 Membres
 Profil
 FAQ
 Rechercher
Rechercher
 
 

Résultats par :
 
Rechercher Recherche avancée
Juin 2018
LunMarMerJeuVenSamDim
    123
45678910
11121314151617
18192021222324
252627282930 
CalendrierCalendrier

Partagez | 
 

 Utilisation de HVIEWER pour afficher des images

Aller en bas 
AuteurMessage
papydall

avatar

Nombre de messages : 5962
Age : 67
Localisation : Moknine (Tunisie) Entre la chaise et le clavier
Date d'inscription : 03/03/2012

MessageSujet: Utilisation de HVIEWER pour afficher des images   Lun 18 Sep 2017 - 15:22

L’objet système HVIEWER est utilisé pour visualiser un fichier au format HTML.
Pour insérer une image, on utilise la balise <IMG> avec les deux attributs
SRC et ALT.
L’attribut SRC (source), on doit le renseigner avec l’URL de l’image qui indique où se trouve l’image (sur le web, sur un autre serveur, sur le disque dur du PC, etc.)
L’attribut ALT (texte alternatif) est utilisé pour être affiché lorsque, pour une raison ou une autre, l’image n’a pas pu être chargée (url inexacte,  image non trouvée, etc.)
En l’absence de ALT, si l’image ne peut pas être affichée, le système affiche un point d’exclamation, ce qui est inesthétique.
C’est pour cela qu’il est préférable utiliser l’attribut ALT.
Les formats des images peuvent être : jpg, bmp, gif, png, ...

On procède comme ceci : d’abord, on crée l’objet HVIEWER
Code:
hviewer 10
Puis on définit ses attributs : dimension et position
Code:

Width 10,w
Height 10,h
Top 10,t
Left 10,l
Ensuite, on y charge un fichier HTML pour le visualiser
Code:

File_load 10, "mon_fichier.htm"
Et c’est tout !

La question que l’on se pose : Le fichier HTML, c’est quoi ? Que contient-il ? Comment le créer ?
Bien que je ne sois pas particulièrement spécialisé dans le HTML, je vais tenter de donne une explication.
HTML : HyperText Markup Language est le format de données conçu pour représenter les pages web. C'est un langage de balisage permettant d'écrire de l'hypertexte, d'où son nom.
Je m’intéresse ici uniquement à comment insérer des images dans un fichier HTML.
Une image est définie par la balise <img> avec les deux attributs SRC et ALT.
L’attribut SRC indique  l’endroit et le nom de l’image à utiliser.
L’attribut ALT, c’est pour afficher un texte alternatif si l’image n’a pas pu être affichée (image non trouvée ou connexion trop lente, etc.)
Un autre attribut peut être utilisé, c’est l’attribut STYLE.
L’attribut STYLE, c’est pour indiquer la largeur et la hauteur de l’image.
Exemples :

Code:

<img src="mon_image.gif" alt="Désolé image non trouvée !!!" style="width:128px;height:128px;">

Ou

Code:

<img src="mon_image.gif" alt="Désolé image non trouvée !!!" width="128" height="128">

Il est recommandé d’utiliser l’attribut STYLE au lieu de width= et height= pour prévenir un changement interne ou externe des dimensions de l’image.
On peut aussi s’en passer de ces attributs et utiliser width et height pour le HVIEWER en panoramic.

Voici un code en Panoramic qui défini une procédure SUB Affiche_image(…).
Les exemples d’utilisation sont dans le code.
Le code a besoin des images pour pouvoir fonctionner.
Ces image sont sur mon webdev dans le fichier HVIEWER.ZIP
Bien sûr vous pouvez utiliser vos propres images ; le code n’est qu’un exemple de comment utiliser l’objet HVIEWER.

Voici le résultat du code ( mon écran est 1600/900)
La sphère est une image png
Le Fumeur (4G Uncle) est une image bmp
Les autres sont des gif.

Spoiler:
 

Code:


rem ============================================================================
rem                   Utilisation de HVIEWER
rem                  Pour afficher des images
rem ============================================================================
' L’objet système HVIEWER est utilisé pour visualiser un fichier au format HTML.
' Pour insérer une image, on utilise la balise <IMG> avec les deux attributs
' SRC et ALT.
' L’attribut SRC (source), on doit le renseigner avec l’URL de l’image qui
' indique où se trouve l’image (sur le web, sur un autre serveur, sur le disque
' dur du PC, etc.)
' L’attribut ALT (texte alternatif) est utilisé pour être affiché lorsque pour
' une raison ou une autre, l’image n’a pas pu être chargée (url inexacte,
' image non trouvée, etc.)
' En l’absence de ALT, si l’image ne peut pas être affichée, le système affiche
' un point d’exclamation, ce qui est inesthétique.
' C’est pour cela qu’il est préférable utiliser l’attribut ALT.
' Les formats des images peuvent être : jpg, bmp, gif, png, ...
rem ============================================================================
' L’appel à la procédure Affiche_Image(f$,w,h,x,y) se fait avec les paramètres
' f$  : url de l’image contenant l’emplacement et le nom de l’image
' w,h : respectivement largeur (WIDTH) et hauteur (HEIGHT) de l’objet HVIEWER
' x,y : position du HVIEWER sur le FORM, respectivement LEFT et TOP
rem ============================================================================
dim n,f$
n = 9900 : ' Numéro du 1er HVIEWER, (à modifier éventuellement); les suivants seront n+1
full_space 0 : color 0,150,100,50
caption 0,"PANORAMIC AFFICHE LES GIF, JPG, BMP, PNG, ... "
alpha 10 : top 10,50 : left 10,400 : font_bold 10 : font_name 10,"arial"
font_size 10,20 : caption 10,"Veuillez patienter ... chargement en cours ..."
dir_change dir_current$
f$ = dir_current$ + ""
rem ============================================================================
' Exemples d'appel

 Affiche_Image(f$+"Mandelbrot.gif",350,260,1120,230) : ' image GIF
 Affiche_Image(f$+"z^3_anim.gif",440,340,1110,490)   : ' image GIF
' Affiche_Image(f$+"Cavaliere.gif",370,240,1120,550)  : ' image GIF
 Affiche_Image(f$+"sphere.png",400,420,10,10)        : ' image PNG
 Affiche_Image(f$+"4G.bmp",400,400,10,420)           : ' image BMP
 Affiche_Image(f$+"Rose.gif",320,530,410,10)         : ' image GIF
 Affiche_Image(f$+"Paysage.gif",380,530,730,10)      : ' image GIF
 Affiche_Image(f$+"Anes.gif",350,230,1120,1)         : ' image GIF        
 Affiche_Image(f$+"Papydall.gif",680,100,420,550)    : ' image GIF
 Affiche_Image(f$+"Martien.gif",100,150,500,670)     : ' image GIF  
 Affiche_Image(f$+"Martien.gif",100,150,700,670)     : ' image GIF
 Affiche_Image(f$+"Martien.gif",100,150,900,670)     : ' image GIF  
  
end
rem ============================================================================
SUB Affiche_Image(f$,w,h,x,y)
    DIM_LOCAL html$,q$,alt$
    q$ = chr$(34) : ' caractère guillemet
    alt$ = "!!! Image non trouvée !!!  Vérifiez votre chemin !!!" : ' texte alternatif
    html$ = "C:\temp\code.htm"
    FILE_OPEN_WRITE 10,html$
    FILE_WRITELN 10,"<html>"
    FILE_WRITELN 10,"<img src=" + q$ + f$ + q$ +" alt=" + q$ + alt$ + q$ + " >"
    FILE_WRITELN 10,"</html>"
    FILE_CLOSE 10
    HVIEWER n
    width n,w : height n,h : top n,y : left n,x
    FILE_LOAD n,html$ :  FILE_DELETE html$
    n = n + 1
END_SUB
rem ============================================================================


Dernière édition par papydall le Dim 29 Avr 2018 - 1:32, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://papydall-panoramic.forumarabia.com/
Jean Claude

avatar

Nombre de messages : 5496
Age : 64
Localisation : 83 Var
Date d'inscription : 07/05/2009

MessageSujet: Re: Utilisation de HVIEWER pour afficher des images   Lun 18 Sep 2017 - 16:07

Bonjour Papydall,

Je viens d'essayer ton code, mais j'ai toujours le même problème, le chargement des fichiers ne passe pas à cause des espaces.

En utilisant DIR_CHANGE DIR_CURRENT$ et en nommant simplement les fichiers par leur nom, ton code fonctionne parfaitement. Exactement comme dans ce fil de discussion => Panoramic et les gifs animés.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
papydall

avatar

Nombre de messages : 5962
Age : 67
Localisation : Moknine (Tunisie) Entre la chaise et le clavier
Date d'inscription : 03/03/2012

MessageSujet: Re: Utilisation de HVIEWER pour afficher des images   Lun 18 Sep 2017 - 16:43

Salut Jean Claude.
Citation :
En utilisant DIR_CHANGE DIR_CURRENT$ et en nommant simplement les fichiers par leur nom, ton code fonctionne parfaitement

Mon code utilise bien DIR_CHANGE DIR_CURRENT$.
Le fichier Hviewer.zip contient le dossier Hviewer ;  tu le mets où tu veux.
Le programme Affiche_image.bas , comme tel, s’exécute correctement sans broncher : les noms des fichiers ne comportent pas des caractères espace.
Pour d’autres dossiers / fichiers avec des espaces, il faut adapter au cas par cas.

A propos que penses-tu de l’invention du fume-cigarette 4D ?
Moi-même j'étais un grand fumeur (jusqu'à trois paquets de cigarettes par jour !!!) et je n'ai jamais eu l'idée d'une telle invention.
Nb : j'ai cessé de fumer depuis 2003, voici 14 ans déjà !
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://papydall-panoramic.forumarabia.com/
Contenu sponsorisé




MessageSujet: Re: Utilisation de HVIEWER pour afficher des images   

Revenir en haut Aller en bas
 
Utilisation de HVIEWER pour afficher des images
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Impossibilité d'afficher une page http
» problème pour afficher les sous-titres
» Pour Elisabeth bon courage pour demain
» utilisation de HVIEWER
» Routeconverter, un outil pour afficher, éditer, enrichir et convertir des routes, des traces et des points

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
FORUM DE DISCUSSION SUR LE LANGAGE PANORAMIC :: PANORAMIC :: Vos sources, vos utilitaires à partager-
Sauter vers: