Programmation "HTML"

[hcoppee]

Dans ma chronique familiale, je voudrais créer une page avec des petites images "interactives". C'est à dire que lorsqu'on clique dessus, on ouvre, dans une nouvelle fenêtre, un document stocké dans "Mon drive Google".
Mettre les images n'est pas difficile et j'y arrive facilement, mais comment faire pour les rendre interactives ?
Je le fais actuellement en indiquant chaque url, mais ce n'est pas très convivial.
Voir : https://gw.geneanet.org/hcoppee_w?lang=fr&pz=maxence+renaud+nicolas&nz=coppee&m=NOTES&f=ICI

[forhanp]

Bonjour,

Vous devriez lire le tutoriel d'Oscar32 : https://gw.geneanet.org/oscar32?lang=fr&pz=guy&nz=aubert&m=NOTES&f=liens_html#haut
Cela devrait répondre à votre question.

Cordialement,

[buhotmarc]

Bonjour,

Pour info : question transférée dans le forum "Chronique familiale"

Cordialement
Monique

[hcoppee]

Bonjour,

Vous devriez lire le tutoriel d'Oscar32 : https://gw.geneanet.org/oscar32?lang=fr&pz=guy&nz=aubert&m=NOTES&f=liens_html#haut
Cela devrait répondre à votre question.

Cordialement,

Merci, pour l'information !
Je suis parvenu à faire enfin ce que je voulais, et c'est nettement mieux : https://gw.geneanet.org/hcoppee_w?lang=fr&pz=maxence+renaud+nicolas&nz=coppee&m=NOTES&f=ICI

[oscar32]

Je suis parvenu à faire enfin ce que je voulais, et c'est nettement mieux...

Bonsoir

Vous pouvez même si vous le souhaitez intégrer directement vos fichiers Google Drive dans la chronique.
Je vous explique la marche à suivre si vous le souhaitez.

Je viens de faire quelques tests sur Google Drive, ce n'est pas franchement l'hébergeur de fichiers le plus ergonomique que je connaisse.

Cordialement

[hcoppee]

Pourquoi pas !
Je veux bien essayer de les mettre dans ma chronique si vous m'expliquez comment faire, et pour autant que ce soit possible car ce sont quand même de "lourds" fichiers ...

Auparavant le fournisseur "Belgacom" (Belgique) offrait un espace web et un nom de domaine gratuit avec l'abonnement, mais cet "avantage" a été supprimé le mois dernier. Merci Belgacom, devenu aujourd'hui proximus

[oscar32]

Bonjour

Il ne s'agit pas d'héberger les fichiers dans la chronique (on ne peut héberger que des images dans l'espace dédié et encore faut-il être Premium) mais d'ouvrir le fichier (diaporama ou PDF) directement sur la page de la chronique.

Voici comment procéder :

- Ouvrez un fichier Google Drive

- Cliquez en haut à droite sur le menu "trois points" (Autres actions)

- Cliquez sur "Intégrer un élément... "

- Dans le code qui s'affiche (exemple) :

Kod: Markera allt

<iframe src="https://drive.google.com/file/d/1RVP6yUjvIjd_7u1b8htkTMitbM6jI35v/preview" width="640" height="480" allow="autoplay"></iframe>

copiez le lien depuis "https" jusqu'à "preview" inclus.

Intégrez-le dans une balise "object" comme dans le code ci-dessous :

Kod: Markera allt

<div style="width:100%; text-align:center">
<object
data="https://drive.google.com/file/d/1RVP6yUjvIjd_7u1b8htkTMitbM6jI35v/preview"
width="800"
height="600">
</object>

</div>

La balise "div" sert à aligner le contenu au milieu de la page.

La largeur et la hauteur sont modulables à votre convenance mais faites en sorte que la consultation du document soit aisée.
800 pixels de large et 600 de haut me semblent un bon compromis.

Voici un exemple de ce que vous obtenez : Exemple supprimé

Si vous avez besoin d'éclaircissements sur la marche à suivre, n'hésitez pas à revenir ici.

Cordialement

[hcoppee]

Finalement, je vais rester avec mes fichiers à lire sur Google Drive, ce n'est peut-être pas l'hébergeur de fichiers le plus ergonomique, mais c'est un peu plus facile (et rapide) lors de la mise à jour des fichiers originaux, le téléchargement y est direct (généanet "renvoie" quand-même vers Google Drive : votre document "test" s'est retrouvé sur mon drive !), et surtout, il est possible de "zoomer" pour afficher les pages à la largeur de l'écran... ce qui n'est pas du luxe quand, l'âge et la maladie aidant, on n'a plus, comme moi, une assez bonne vue !

[oscar32]

Bonjour Hubert

C'est un choix tout à fait respectable , ma proposition n'était qu'une suggestion.

Cordialement

[granvillais]

- Cliquez sur "Intégrer un élément... "

Bonjour,

Je ne vois pas ce menu ?

cordialement

[oscar32]

Je ne vois pas ce menu ?

Bonjour

Je ne le vois plus non plus

Pas grave !

Quand vous êtes dans Google Drive :

- Ouvrez le fichier

- Cliquez en haut et à droite sur les trois points.

- Cliquez sur "Partager"

- En bas du popup qui s'ouvre, sur "Copier le lien"

- Copiez le lien dans le bloc-note, vous obtenez quelque chose comme ceci :

Kod: Markera allt

https://drive.google.com/file/d/1RVP6yUjvIjd_7u1b8htkTMitbM6jI35v/view?usp=sharing

- Supprimez :

Kod: Markera allt

view?usp=sharing

- Et remplacez le par "preview", comme ceci :

Kod: Markera allt

https://drive.google.com/file/d/1RVP6yUjvIjd_7u1b8htkTMitbM6jI35v/preview

Cordialement

[granvillais]

Super
Merci

[granvillais]

Finalement, je vais rester avec mes fichiers à lire sur Google Drive, ce n'est peut-être pas l'hébergeur de fichiers le plus ergonomique, mais c'est un peu plus facile (et rapide) lors de la mise à jour des fichiers originaux, le téléchargement y est direct (généanet "renvoie" quand-même vers Google Drive : votre document "test" s'est retrouvé sur mon drive !), et surtout, il est possible de "zoomer" pour afficher les pages à la largeur de l'écran... ce qui n'est pas du luxe quand, l'âge et la maladie aidant, on n'a plus, comme moi, une assez bonne vue !

Bonjour,

Je suis du même avis. Je n'ai pas trouvé d'outil efficace pour transformer un tableur en HTML pour inclure dans Geneanet. Intégrer un tableau Google sheets dans une balise <object, donne un assez bon résultat.
Voici un exemple :
Chronologie granvillaise

Par contre, je n'ai pas réussi à mettre un cadre autour de mon tableau. Si je mets un cadre sur le <div il fait 100% donc plus large que le tableau qui fait 820px ; si je mets le <div à 820px, il s'aligne à gauche ; si je mets un cadre dans Google sheets, il n'apparait pas.
Et le haut de l'ascenseur qui mort sur l'entête ?

Avez-vous des conseils ?
cordialement

[hcoppee]

Par contre, je n'ai pas réussi à mettre un cadre autour de mon tableau. Si je mets un cadre sur le <div il fait 100% donc plus large que le tableau qui fait 820px ; si je mets le <div à 820px, il s'aligne à gauche ; si je mets un cadre dans Google sheets, il n'apparait pas.

Bonjour,
Si j'ai bien compris, vous insérez le tableau en tant qu'image sur une page "html" ! Le plus simple serait alors d'encadrer l'original avant de l'envoyer vers généanet. Et vous pourrez ensuite définir facilement les paramètres d'affichage (taille et position).

Quand on ajoute un tableau "html", la dimension des cellules, dépend de la taille des images et/ou du texte que vous y insérez.

Exemple : https://gw.geneanet.org/hcoppee_w?lang=fr&m=NOTES&pz=maxence+renaud+nicolas&nz=coppee#a_8
J'ai scindé mon texte plus réduire la largeur des cellules.

[oscar32]

... Je n'ai pas trouvé d'outil efficace pour transformer un tableur en HTML pour inclure dans Geneanet.

Bonjour

C'est pourtant faisable : Intégrer une feuille de tableur à sa chronique

Et vous obtenez ceci : https://gw.geneanet.org/oscar32?lang=fr&m=NOTES&f=tableur_4#haut

avec des liens cliquables !

Pour ajouter un cadre autour du tableau, il suffit d'affecter des valeurs à l'attribut "border" de la table.

Ou même cela si vous souhaitez un tableau déroulant :

https://gw.geneanet.org/oscar32?lang=fr&m=NOTES&f=tableur_7#haut

Cordialement