Membres connectés récemment
[PhpBB2] Ouverture d'une balise object ou iframe au clic sur un bouton
2 participants
Page 1 sur 1
- Version du forum :PhpBB2
- Templates modifiés :oui
- Navigateur :Opera
Bonjour Philippe,
j'ai presque terminé mon annuaire multifonctionnel.
j'aimerai y ajouter deux fonctions :
1/ donner la possibilité aux membres de visualiser la fiche de chaque plante en direct sur l'annuaire en cliquant sur un bouton que je rajouterai dans cette partie :
2/de pouvoir rajouter le lien du pdf afin qu'ils puissent l'enregistrer sur leur ordi .
Tu aurais dans ton escarcelle un système qui ouvrirait un panneau latérale avec une petite transition.
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.
Je t'avouerai avoir testé 2/3 codes plus ou moins fonctionnels qui manquent cruellement de 'panache'.
Merci par avance pour ton aide et, rien de pressant.
j'ai presque terminé mon annuaire multifonctionnel.
j'aimerai y ajouter deux fonctions :
1/ donner la possibilité aux membres de visualiser la fiche de chaque plante en direct sur l'annuaire en cliquant sur un bouton que je rajouterai 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>
2/de pouvoir rajouter le lien du pdf afin qu'ils puissent l'enregistrer sur leur ordi .
Tu aurais dans ton escarcelle un système qui ouvrirait un panneau latérale avec une petite transition.
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.
Je t'avouerai avoir testé 2/3 codes plus ou moins fonctionnels qui manquent cruellement de 'panache'.
Merci par avance pour ton aide et, rien de pressant.
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 ?
Hum, juste pour un pdf?
Tu veux certainement afficher le contenu du message en cliquant sur un bouton figurant ce code html:
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:
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
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 .
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 .
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
Merci par avance et chapeau bas pour ce travail de codage
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,
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) .
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:
Je recherche le contenu du sujet grâce au lien présent dans le code html suivant:
Puis la class présente après le post-body :
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 :
Ben, tu n'en veux plus !
Pour le bouton d'appel,il doit rester dans la div, par contre on peut déplacer la petite loupe via c.s.s:
Et mettre le margin-left en négatif (-250px):
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.
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.
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.
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:
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.
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
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 .
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">
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)
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;}
Sujets similaires
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum