Vous n'êtes pas identifié(e).
- Contributions : Récentes | Sans réponse
Pages : 1
#1 Re : HTML, xHTML CSS » Iframe auto dimentionable. » 12-02-2020 00:15:08
Oui ça j'y ai pensé mais ca ne fonctionne pas car la longueur varie aussi selon les écrans.
Sur un écran de GSM les évents sont plus condensés et l'image est au dessus du coup ils sont plus long et du coup la longueur total est plus grande aussi.
Ce qu'il faudrait c'est pouvoir récupérer la longueur totale de ce qui est a https://www.espaceimagi.com/_agenda_/agenda.php
Pour dimensionner le frame à cette même taille. Mais je ne trouve aucune méthode pour faire ça....
#2 Re : HTML, xHTML CSS » Iframe auto dimentionable. » 12-02-2020 00:15:08
Merci de ton aide mais je dois mal m'exprimer...
Le problème n'est pas que la taille s'adapte à la taille de l'écran mais que la taille d'adapte à la "longueur" de ma source.
Si tu vas voir ici : https://www.imagiscene.com/agenda/ , tu verras une page avec au centre un agenda composé de plusieurs spectacles.
Evidemment cette liste de spectacle peut parfois en contenir 5, parfois 10, parfois 50,....
Mon souci est que dans CETTE page, je n'arrive qu'a déterminer la LONGUEUR du frame de manière fixe :height : 100em;
<style>
#imgEtire{
height : 100em;
border : 300 px solide #CCC;
Width : 100%;
min-width : 20em;
}
</style>
</head>
<body>
<iframe id="imgEtire" sandbox src="https://www.espaceimagi.com/_agenda_/agenda.php" alt=""> </iframe>
</body>
Du coup comme tu le vois si la longueur de mes successions de spectacles fait plus de 100em, j'ai une barre ascenseur sur le côté de mon frame.
Moi ce que je voudrais c'est que le frame adapte sa longueur en fonction de la longueur de la succession de spectacles.
J'ai essayé height : auto, inherit, 100% etc... sans succès...
#3 Re : HTML, xHTML CSS » Iframe auto dimentionable. » 12-02-2020 00:15:08
Bon ben je vais laisser tomber alors...:(
#4 Re : HTML, xHTML CSS » Iframe auto dimentionable. » 12-02-2020 00:15:08
Ouai j'y ai pensé mais ça pose plusieurs problèmes.
1/ echo ce n'est pas du HTML, c'est du PHP et insérer du PHP dans une page Wordpress est un peu plus compliqué (même si ce n'est pas infaisable).
2/ Allez récupérer la valeur correspondant au nombre de bouclages (d'event's) c'est aussi galère surtout en HTML dans une page Wordpress (là même pas sur que ce soit faisable).
3/ EN donnant une valeur em x le nb d'évent ça va fonctionner pour le navigateur "tel que je le vois" au moment ou je choisis la valeur à multiplier par le nombre d'évent, mais quand on passera sur un écran plus petit ou donc l'évent sera organisé autrement (photos au dessus), la valeur em ne sera plus appropriée et on sera de nouveau en plein décalage.
D'Autres idées ?
#5 HTML, xHTML CSS » Iframe auto dimentionable. » 12-02-2020 00:15:08
- Titi
- Réponses : 8
Bonjour,
Comme vous pouvez le voir sur cette page de mon site : https://www.imagiscene.com/agenda/
J'ai un agenda dans un iframe qui s'affiche sur une page de mon site Wordpress.
Le résultat me convient à 99,9 % MAIS il y a un truc qui est vraiment dérangeant.
J'aimerais que la Frame prenne la taille de l'agenda dans sa versions originale (visible ici : https://www.espaceimagi.com/_agenda_/agenda.php ).
Je veux dire par là que si l'agenda contient deux Event's je veux que la frame soit relativement courte et si l'agenda contient 20 Event's que la frame soit suffisamment longue pour afficher tous les events sans ascenseur.
Bon évidement je me suis dit : "facile", et j'ai tenté de modifier la propriété Height.
Je l'ai mise à 100 % --> Résultat un tout petit frame avec ascenseur qui affiche un seul évent'.
Idem si je met auto ou inherit.
La seule chose qui semble fonctionner c'est quand je met une valeur em ou pt mais comme la taille de mon frame varie en fonction du nombre d'event, ça ne me convient pas.
J'ai essayé avec un include. Même problème !
Voici le code en place actuellement :
<head>
<style>
#imgEtire{
height : 100em;
border : 300 px solide #CCC;
Width : 100%;
min-width : 20em;
}
</style>
</head>
<body>
<iframe id="imgEtire" sandbox src="https://www.espaceimagi.com/_agenda_/agenda.php" alt=""> </iframe>
</body>
Si quelqu'un a une idée de comment faire un frame auto dimentionable en longueur, je suis preneur :-)
Ah oui dernière précision, j'ai accès à la source aussi, donc s'il faut modifier le code de https://www.espaceimagi.com/_agenda_/agenda.php je sais aussi le faire.
Merci.
A fort bientôt.
Pages : 1