• [HTML] La balise <IFrame>

    Peut être avez vous envie sur votre blog d'afficher la page d'un autre blog.

    Pour celà, rien de plus facile. Une simple balise HTML et c'est fini. Pour tester, cliquez sur les boutons ci-dessous.

     

     

    Dans cet exemple, j'ai créé 3 balises <div>  (s'appellant respectivement fr1 , fr2 et fr3 ) contenant chacune une <iframe>.
    Chaque balise est initialement rendue invisible avec la propriété style="display:none;"
    Il ne reste plus ensuite qu'à jouer sur les états "visible" ou "invisible" de chacune des <div> en modifiant leur état avec les méthodes hide (cacher) et show (montrer).

    En cliquant sur un bouton, on rend visible la balise correspondant et on cache les autres.


    En plus de la balise <iframe> vous avez aussi appris à mettre un bouton et montrer ou cacher un élément

    Code correspondant à l'exemple ci-dessus



    « [CSS] Modifier la taille d'un élément[Javascript] Interagir à l'aide des éléments Input »

    Tags Tags : , , , ,
  • Commentaires

    9
    Mercredi 21 Mai 2014 à 19:47

    merci pour ce code ke jai appliqué ici

    8
    swikis-Chokapic
    Mardi 27 Mars 2012 à 21:46
    merci bcp d'avoir repondu aussi vite et j ai hate que tu le poste :)
    7
    Mardi 27 Mars 2012 à 08:01
    Je vais faire un tuto pour mettre un t'chat Chatango sur son blog. Je t'enverrai le lien du tuto.
    • Nom / Pseudo :

      E-mail (facultatif) :

      Site Web (facultatif) :

      Commentaire :


    6
    swikis-Chokapic
    Mardi 27 Mars 2012 à 01:04

    stp j'aimerais ajouter un chatango à mon blog mais je suis un debutant je ne sais pas comment mettre un code htlm ni ou le trouver quelle sont les démarche à faires?

    5
    Dimanche 8 Janvier 2012 à 11:46
    bonjour Papasti et bon dimanche,

    j'ai mis

    et cela ne change rien .
    Pour l'iframe, j'ai mis right au lieu de left et ça ne change rien, la fenêtre s'ouvre sous toujours sous le dernier bouton..
    Je m'apercois que chez toi, ce matin , le premier bouton "papasti" a une iframe plus petite et malgré un float left, , elle se positionne sous les boutons.
    Encore une question,(j'arrive pas à réfléchir seul à la réponse), est-ce que l'iframe peut se mettre au delà de la dimension de l'article ou module dans laquelle elle est ? 'en gros, si je mets ma liste de boutons dans un menu latéral, la largeur de l'iframe peut-elle dépasser la largeur du menu ?
    Bon, en fait, je vais aller tester dans l'article...(ÉDIT:: bon, bin la réponse est NON .)
    En fait, je crois que je confonds 'iframe 'et fenêtre qui s'ouvre sur la page du blog.. Tu crois qu'il serait possible de relier les boutons à une fenêtre qui s'ouvre sur toute la page, comme c'est possible avec les photos enregistrées pour cela ?? A plus
    4
    Dimanche 8 Janvier 2012 à 10:02
    L'iframe étirable, je ne pense pas. Par contre, la balise div qui le contient oui.
    Propriétés:
    style="resize: auto; overflow: auto;"
    3
    Samedi 7 Janvier 2012 à 23:35
    ça marche super, je te réponds depuis mon message avec ton site en iframe !!
    Merci
    (à tout hasard, pour faire le mec très exigeant (pour pas dire un gros mot)
    est-ce qu'il ne serait pas possible de faire l'iframe "étirable" - je ne sais pas comment ça se dit- mais qu'on puisse l'agrandir en tirant sur le coin inférieur droit ?
    2
    Samedi 7 Janvier 2012 à 20:46

    Pour avoir les boutons en liste verticale tu peux par exemple les mettre dans un tableau à une colonne. Exemple (ne pas mettre les guillemets):

    "<table>
      <tr><td>input style=...Code du bouton1</td></tr> 
      <tr><td>input style=...Code du bouton2</td></tr> 
      <tr><td>input style=...Code du bouton....</td></tr> 
    </table>"

    Pour l'iframe, tout dépend de ou tu veux la placer (à droite des boutons, au dessous....). De toute façon, elle ne cachera pas les boutons (sauf si tu le décides toi même en fixant sa position en absolu)

    Par exemple si tu la veux à droite des boutons tu peux lui mettre la propriété style="float:right;"

    1
    Samedi 7 Janvier 2012 à 20:18
    Et oui, c'est encore moi !
    Je trouve plein de trésors sur tes blogs et ça me donne plein d'envie..
    Pour avoir les boutons en liste verticale , comment on fait ,
    et si les boutons sont en vertical, est ce que lorsque l'iframe est ouverte, elle cache les boutons si ils restent dans le liste sans bouger, s'écarter ?
    je voudrais faire une liste assez longue d'adresses
    Suivre le flux RSS des commentaires

    Vous devez être connecté pour commenter