PHP|Débutant :: Forums

Advertisement

Besoin d'aide ? N'hésitez pas, mais respectez les règles

Vous n'êtes pas identifié(e).

#1 03-02-2020 14:31:27

Titi
Membre
Inscription : 03-02-2020
Messages : 5

Iframe auto dimentionable.

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.

Hors ligne

#2 03-02-2020 20:09:22

tof73
Membre
Inscription : 21-12-2014
Messages : 155
Site Web

Re : Iframe auto dimentionable.

récupérer le nombre d'événement et fixer non pas une taille fixe pour le height : 100em; mais

echo "height : ".$nbevenement *10."em";

Hors ligne

#3 04-02-2020 01:06:39

Titi
Membre
Inscription : 03-02-2020
Messages : 5

Re : Iframe auto dimentionable.

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 ?

Hors ligne

#4 10-02-2020 10:49:42

Titi
Membre
Inscription : 03-02-2020
Messages : 5

Re : Iframe auto dimentionable.

Bon ben je vais laisser tomber alors...:(

Hors ligne

#5 10-02-2020 21:40:26

tof73
Membre
Inscription : 21-12-2014
Messages : 155
Site Web

Re : Iframe auto dimentionable.

en javascript
voir par exemple http://www.monbeauvillage.fr/56/56400/p … /carte-ign où la taille de la carte s'adapte à la taille de l'écran.

Hors ligne

#6 11-02-2020 00:29:32

Titi
Membre
Inscription : 03-02-2020
Messages : 5

Re : Iframe auto dimentionable.

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;

<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>

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...

Dernière modification par Titi (11-02-2020 00:31:25)

Hors ligne

#7 11-02-2020 10:01:43

tof73
Membre
Inscription : 21-12-2014
Messages : 155
Site Web

Re : Iframe auto dimentionable.

en javascript, tu récupères non pas la hauteur de l'espace disponible pour afficher la page html mais la somme de tous les événements, tu fixes la hauteur de l'iframe avec ce total.

Hors ligne

#8 12-02-2020 00:00:15

Titi
Membre
Inscription : 03-02-2020
Messages : 5

Re : Iframe auto dimentionable.

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....

Hors ligne

#9 12-02-2020 00:15:08

tof73
Membre
Inscription : 21-12-2014
Messages : 155
Site Web

Re : Iframe auto dimentionable.

https://jsfiddle.net/xs0L3hw4/
quand je réduis la taille de mon navigateur, la hauteur est supérieure ce qui entraine une hauteur supérieure pour l'iframe.

d'autres ce sont déjà posé la question, cela donne https://stackoverflow.com/questions/819 … tent-in-it

Dernière modification par tof73 (12-02-2020 00:21:30)

Hors ligne

Pied de page des forums