Comment puis-je rendre un iframe redimensionnable ?

Question

Nous avons ce projet de groupe et j'ai été chargé de rendre un certain iframe redimensionnable. J'ai lu beaucoup de messages sur le forum depuis la semaine dernière et j'ai découvert que iframe lui-même ne peut pas être redimensionnable.

Existe-t-il un moyen de rendre mon iframe redimensionnable ?

Answer 1

Cela peut être fait en CSS pur, comme ceci :

 iframe {
  height: 300px;
  width: 300px;
  resize: both;
  overflow: auto;
}

Réglez la hauteur et la largeur à la taille minimale souhaitée, il semble seulement grandir, pas rétrécir.

Exemple en direct : https://jsfiddle.net/xpeLja5t/

Cette technique est bien prise en charge dans tous les principaux navigateurs, à l'exception d'IE .

Answer 2

Au cas où vous n'auriez pas encore trouvé la solution, j'ai réussi avec :

Jrequête :

 $("#my-div-frame-wrapper").resizable({
    alsoResize : '#myframe'
});

HTML :

 <div id="my-div-frame-wrapper">
    <iframe id="myframe"></iframe>
</div>

j'espère que ça aide