Discussion :

[Tillo]

Bonjour à tous,

Je sais que vous n'êtes pas là pour faire mon boulot à ma place, mais j'ai un petit soucis avec le site d'un client.

Il s'agit d'intégrer un formulaire de devis en ligne, le formulaire est fourni par une société tiers. Je n'ai donc aucun
moyen de le modifier.

Pour l'intégrer on me propose ça:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<iframe src="urldudevis" frameborder="0" height="800" width="100%"></iframe>

Jusque là, tout va bien. Cependant il y a plusieurs étapes dans le devis et selon les étapes et les options que l'on
choisi dans le formulaire, la hauteur du contenu de l'iframe change, ce qui met un schroll et c'est une chose que
je voudrais éviter car ça ne fait pas très beau. J'ai cherché sans succés un moyen pour l'iframe change de taille
en fonction de son contenu mais ça ne semble pas possible.

J'ai donc décidé d'utiliser une autre méthode, tant que j'utilise "urldudevis" je pense que ça ne devrait pas causer
de problème.

Je me suis tourné vers les frameset, j'ai tenté un include mais c'est encore pire

Si vous avez une idée, je suis preneur.

A bientôt,
Alexis

[JérémieL]

Bonjour,

Si tu ne peux pas redimensionner (en Javascript) l'iframe en fonction de son contenu, c'est parce que les manipulations Javascript "Cross Domain" sont infaisables pour des raisons de sécurité.

http://en.wikipedia.org/wiki/Same_origin_policy

Or je suppose que le formulaire est une page située sur un domaine différent. Il y a plusieurs moyens de s'en sortir mais tous, je pense, nécessitent des modifications du côté du formulaire tiers. Par exemple :
- Intégrer un iframe "helper" dans le formulaire qui permette de communiquer avec ta page (plus d'explications ici) ;
- La méthode HTML5 window.postMessage
...

Si vraiment tu ne peux pas demander de modifs par la société tiers et s'ils n'ont rien prévu de leur côté, je pense que tu vas devoir te contenter de la scrollbar.

[Tillo]

Merci pour la réponse,

En effet, je ne peux pas toucher à la page de la société tiers et encore moins demander à ce qu'elle modifie sa page
car il s'agit d'un formulaire utiliser par beaucoup de personnes. Je doute qu'elle le modifie juste pour moi.

Par contre j'ai eu une idée, je pense qu'elle est un peu folle, mais je vais tout de même essayé. Actuellement, mon principal
problème est qu'il y a 2 scrolls : un pour toute la page et un pour iframe.

J'ai envie d'essayer ça:
http://zurb.com/playground/reveal-modal-plugin

En clair, je crée une fenêtre modale et au lieu de mettre la div qui s'affiche quelques lignes de texte ou des images, je mets mon iframe.

Ainsi, j'aurais un seul scroll et ce sera peut-être plus digeste pour la personne qui visite le site.