Une page a été trouvée avec le mot clé widget.

Intégrer des éléments d'ailleurs (vidéos, pad...)


Pour insérer des widgets

Un widget est un petit module qui permet à une page d'embarquer (encapsuler, intégrer... "embed" en anglais) et de re-publier dynamiquement des contenus et fonctions issus de services proposés par d'autres sites internet.
Ces sites proposent d'afficher ces contenus ailleurs que "chez eux", en fournissant un morceau de code à copier-coller. Ces fonctions se trouvent souvent dans leurs options "Partager" > "Intégrer",
On peut donc insérer des widgets dans nos pages, grâce à leur code html. Il suffit pour cela récupérer les bouts de codes qui vous sont proposés par des sites tiers et de les incorporer dans une page en ajoutant avant et après deux guillemets.
""coller ici le code HTML fourni par le site tiers""


Pour insérer un pad sur une page du wiki
  • depuis votre pad, cliquer sur le bouton "partager" en haut à droite du pad et copier le code <iframe>....
  • coller ce code là où vous le souhaitez dans votre wiki (en oubliant pas de mettre deux doubles guillemets avant et après votre code)

""<iframe name='embed_readwrite' src='http://pad.coop-tic.eu/p/testIframe?showControls=true&showChat=true&showLineNumbers=true&useMonospaceFont=false' width=600 height=400></iframe>""



Pour insérer une vidéo sur une page du wiki
  • aller sur Youtube ou Vimeo ou un autre site de partage de vidéos. Choisissez votre vidéo, cliquer sur partager/intégrer et copiez le code fourni. Il devrait commencer par <iframe>....
  • coller ce code là où vous le souhaitez dans votre wiki (en oubliant pas de mettre deux doubles guillemets avant et après votre code)
""<iframe width="560" height="315" src="https://www.youtube.com/embed/VxpI99Q_dNE?list=PLaQm6xd2SrjYXoYn-mwgDz6nPBEhe7l_L" frameborder="0" allowfullscreen></iframe>""



Pour insérer un iframe : en gros une partie d'un autre site...
Un "iframe" est conteneur, un cadre, qui constitue une fenêtre vers un autre site.
Les paramètres width (largeur) et height (hauteur) vous permettre de spécifier la taille de ce cadre.

Le code
""<iframe width=100% height="1250" src="https://cocotier.xyz" frameborder="0" allowfullscreen></iframe>""
affiche ci-dessous la page d'accueil de cocotier.xyz dans un cadre de 100% de la largeur disponible sur 1250 pixels de hauteur:

(début du cadre iframe)

(fin du cadre iframe)


Astuce pour rendre redimensionnable la largeur de certaines iframes

Pour un wiki dont la page s'adapte à la taille de la fenêtre (quand on n'est pas en plein écran), on peut vouloir que la largeur de certaines iframe s'adapte de même. Pour cela :
  • on ne met pas de valeur numérique pour le width
  • ou bien on remplace par width="100%" overflow="auto"

Quelques exemples en vidéo

image iconvideo.png (1.8kB)
Intégrer une vidéo youtube dans yeswiki
image iconvideo.png (1.8kB)
Intégrer un pdf avec scribd
image iconvideo.png (1.8kB)
Intégrer un diaporama google
image iconvideo.png (1.8kB)
Intégrer une galerie picasa
image iconvideo.png (1.8kB)
Intégrer une carte google


Filtrer :   pdf  A améliorer  A relire  Ã©dition  brother Printer Support  Call Girls Service in Chennai  Développement  dell printer support  Demandé  documentation  doryphore  droits utilisateurs  extension  facile  fichiers  flo  github  groupes  hp printer support  identification  insertion  intermédiaire  interopérabilité  liens  menus  mise en forme  modification  mots de passe  Newsletter  notifications  obsolète  pages  php  pieds de page  prob d'interprétation  publication  restauration  rss  securité  sémantique  spam  style  thèmes  todo  versions  videos  widget