[PhpBB2] Ouverture d'une balise object ou iframe au clic sur un bouton

Hello Stéphane,

quel effet désires tu sur le panneau latéral mon ami car c'est assez vague!!
Faut il qu'il s'affiche quelques secondes après l'affichage de la page ou alors un bouton qui ferait ce travail ?

Le panneau latéral devrait pouvoir accueillir une iframe qui prendrait la pleine page avec un bouton de fermeture et,contenir en bas le lien du Pdf.

Hum, juste pour un pdf?
Tu veux certainement afficher le contenu du message en cliquant sur un bouton figurant ce code html:

Code:

<div class="flli"><a href="https://altitudetropicale.forums-actifs.com/t1707-acoelorrhaphe-wrightii" class="fichp" target="_blank">Voir la fiche</a></div>

et en dessous le fichier PDF.
Pourras tu m'en fournir un stp, pour mes tests.





Première ébauche pour le panneau coulissant Stéphane:

Bonjour Philippe,
Désolé pour les imprécisions dans la demande d'aide

le panneau devrait partir de la droite en étant actionné lors de l'utilisation du bouton supplémentaire qui sera rajouté dans cette partie

Code:

<div class="flli"><a href="https://altitudetropicale.forums-actifs.com/t1707-acoelorrhaphe-wrightii" class="fichp" target="_blank">Voir la fiche</a></div>

Au niveau de ces liens on va laisser le bouton en target blank pour que le membre puisse se rendre directement sur la fiche et éventuellement prendre part à la discussion et, en rajouter un autre (voir le pdf ) à la suite. c'est ce dernier bouton qui devrait actionner le panneau latéral.

j'étais partie à la base pour insérer l'iframe de la fiche à partir du topic en ciblant la partie concernée mais, après réflexion il serait préférable d'afficher le pdf et son lien.

visuellement quelque chose qui donnerait :
A l'ouverture de l'annuaire


Au clic sur le bouton



Un pdf d'une fiche fait à la va vite
https://ahp.li/4562f2ab943ccb672649.pdf


Merci pour ton aide Philippe .

Hum, merdouille,
j'avais déjà commencer le codage:
Tu peux tester cette page html Stéphane et me dire ce que tu en penses:




Ce fichier PDF correspond à quelle ligne stp:

Bonjour Philippe,

pas grave pour le merdouille, le résultat est plus que satisfaisant dans son mode de fonctionnement.

le fichier pdf correspond à Microcitrus australasica; il n'est pas présent dans le html allégé.

Puisque tu as réussi à récupérer individuellement le corps de chaque fiche, on peut oublier l'affichage du pdf pour ne conserver que l'affichage de son lien en bas de la fenêtre appelée grâce à ton système.

voici le fichier tel qu'il est pour l'instant



j'ai été dans l'obligation de l'installer chez archive host; j'ai dépassé la capacité de stockage de FA.

Ne fait pas attention aux caractères de type �. Bizarrement, bien que l'encodage de la page  soit bon, dés que j'édite directement depuis archive host, j'ai ce souci d'encodage. je l'ai signalé à l’administratrice du site.

Je ne sais trop comment tu as réussi a récupérer seulement le corps du message de certaines fiches mais, perso, je te tire mon chapeau. Même si en l'état actuel la correspondance entre le nom de la plante et la fiche qui lui est reliée n'est pas au rendez vous, la technique de récupération me laisse plus qu'admiratif. Il faudra nous l'enseigner car honnêtement, cela peut constituer une fonctionnalité plus qu'intéressante  

Certaines fiches ne sont pas référencées entre la section des fiches et l’annuaire. Je préfère le préciser au cas ou le script appellerait les fiches en fonction du positionnement qu'elles ont dans la section.

Le codage des fiches a évolué depuis la création de la toute première. Un formulaire a fini par normaliser la mise en page mais les anciennes fiches ont des codages plus ou moins bancales (même si je me suis arrangé pour que le visuel soit très similaire).


Au niveau des changements :
1  te serait il possible de supprimer  le système d'ouverture et de fermeture du panneau latéral?
j'ai des membres qui ne sont pas trop à l'aise avec certaines fonctionnalités et ils n'auront pas l'automatisme de cliquer sur le bouton. A la limite, si cela risque de générer trop de modification au niveau du codage, d'essayer de faire en sorte qu'il soit ouvert au chargement.


2/ de mettre le bouton d'appel à côté de celui présent dans

Code:

<div class="flli"><a href="https://altitudetropicale.forums-actifs.com/t1707-acoelorrhaphe-wrightii" class="fichp" target="_blank">Voir la fiche</a></div>

Merci par avance et chapeau bas pour ce travail de codage    

Hello Stéphane,

j'ai été dans l'obligation de l'installer chez archive host; j'ai dépassé la capacité de stockage de FA.

Tu ne peux plus créer de page html?
Pourquoi ne pas héberger cette page html sur un fofo Forumactif(forum de test par exemple) .

Puisque tu as réussi à récupérer individuellement le corps de chaque fiche, on peut oublier l'affichage du pdf pour ne conserver que l'affichage de son lien en bas de la fenêtre appelée grâce à ton système.

Bon c'est une bonne nouvelle pour le PDF car ce n'est pas évident de le placer correctement.

L'appel des sujets se fait via ce script présent dans la page html, c'est cette partie:

Code:

$.get(link , function(data){
$(data).find('tr[class*="post--"]:first').each(function(){
var post=$(this).find('.altitude_encadrement').html();


Je recherche le contenu du sujet grâce au lien présent dans le code html suivant:

Code:

    <div class="flli"><a href="https://altitudetropicale.forums-actifs.com/t1707-acoelorrhaphe-wrightii" class="fichp" target="_blank">Voir la fiche</a></div>

Puis la class présente après le post-body :

Code:

.altitude_encadrement

Ensuite je fais des modifications directement via la c.s.s de la page html car tu as des contenus différents selon les liens.
Donc pour un affichage uniforme on change la couleur de fond et la police.
Exemple avec :

Code:

.M14_recep_plante h2,.M14_recep_plante h5,.M14_recep_plante a[href]{color:white!important;}                 
.M14_recep_plante
{
background-color: #000;                 
height:600px;
padding:5px;
overflow-y:auto;       
line-height: 18px;
color:white;
}
.M14_recep_plante table[bgcolor]{background-color: #000; }   
.M14_recep_plante font[color="black"] {color:white;}   


1 te serait il possible de supprimer le système d'ouverture et de fermeture du panneau latéral?

Ben, tu n'en veux plus !

Code:

2/ de mettre le bouton d'appel à côté de celui présent dans

Pour le bouton d'appel,il doit rester dans la div, par contre on peut déplacer la petite loupe via c.s.s:

Code:

img.M14_zoom {
    cursor: pointer;
    width: 16px;
    height: 16px;
    position: absolute;
    margin-left: 250px;
    margin-top: 30px;
}

Et mettre le margin-left en négatif (-250px):

Code:

img.M14_zoom {
    cursor: pointer;
    width: 16px;
    height: 16px;
    position: absolute;
    margin-left: -250px;
    margin-top: 30px;
}

Je revois la page selon tes envies et reviens vers toi.
Suppression de ouverture/fermeture du panneau latéral et placement de la loupe vers la gauche.

Voici deux pages html :





La dernière propose une connexion/enregistrement selon le statut du membre
Le bouton "Retour au forum" sera supprimé si le membre n'est pas connecté.

Bonjour Philippe,
pour ce qui est des pages html, c'est le nombre de caractères admis par la page qui est largement dépassé.
Vu que je rajoute des fiches régulièrement, le codage va augmenter en volume progressivement.

Merci pour les explications concernant l'appel de la fiche.

Pour ce qui est du css des fiches , le dernier codage convenait parfaitement. Il est prévu de normaliser les fiches d'ici peu ce qui devrait régler le problème du visuel.

Pour ce qui est du bouton d'appel de la fiche, si si, on le conserve mais sous cette forme si c'est possible


c'est à dire de ne pas passer par une image mais par du texte qui aurait les mêmes propriétés css que a.fichp

Cela réglera très certainement le soucis de positionnement de l'image qui n’apparaît que sur les deux premières colonnes et, de l'attribution de la bonne fiche au nom de la plante (par exemple en l'état actuel, la fiche d'Actinidia Kolomikta est attribuée à Acoelorrhaphe Wrightii).

La première page html est tout bonnement parfaite. La transition est présente mais en automatique sans que le membre n'ait rien à faire. C'est tout bonnement génial.




Merci Philippe pour ce codage et ta patience.

Re Stéphane,

alors, je comprends pour le nombre de caractère, mais pourquoi ne pas te servir de cet hébergeur juste pour la css et les scripts.
Tu gagnerais ainsi beaucoup de place non?

Voici la page html modifiée:



J'ai juste modifié la taille de police (13px à 11px ) ,
ajouter un font-weight:bold (caractéres gras) ,
un line-height à 13px afin de center verticalement les onglets ici:

Code:

 span.fichp,a.fichp {font-weight:bold;line-height: 13px;opacity:0;transition:0.3s;font-size:11px;display:block;text-decoration:none;background-color:#f6f9f9;color:#000000;width:85px;padding:2px;margin:3px auto;text-align:center;}



L'image a été surprimée et remplacée par un span ayant la class fichp mais en gardant aussi cette class (M14_zoom) qui servira au script.

Bonjour Philippe, 

c'est  tout bonnement parfait    .

Chapeau bas pour ce codage    

Je peux abuser en te demandant si tu pouvais me fournir l'ancien css qui permettait d'appliquer la couleur à chaque table des fiches  ?
j'arrive à modifier les 2 premières mais celle qui a pour html

Code:

<table bgcolor="#ffffff">

reste hermétique à toute modif.

Pour ce qui est des pages html de fa, je vais de toute façon à un moment ou à un autre arriver à saturation de la capacité de la page même en hébergeant en externe le css et le js. En l'état actuel, il me reste 40 modules à rentrer et je fais entre 3 et 5 fiches par mois durant la période hivernale.

un grand merci pour cette aide et cet excellent codage   .

De rien et merci, c'est toujours plaisant de le lire mon ami.

Alors,tu peux agir ainsi:
j'ai ajouté aussi les soucis que je pouvais rencontrer avec les retours du get(appel du sujet)

Code:


.M14_recep_plante table[bgcolor]{background-color: #000; }   
.M14_recep_plante font[color="black"] {color:white;}               
                 
.M14_recep_plante b{font-weight:bold;} 


Bonjour Philippe,
je suis arrivé à faire mes modifs.

un grand , un énorme merci pour ce codage

Coucou Stéphane,

super mon ami, de rien.
Il est vrai que j’apprécie ce genre de codage .