Discussion :

[Seb33300]

Bonjour,

Je suis en train de réaliser un système qui permet de générer un design suivant certain choix que devra faire l'utilisateur.

J'aimerai pouvoir afficher un aperçu de ce design en temps réel afin que l'utilisateur puisse voir le résultat.

J'ai pensé que je pourrais par exemple placer une iframe avec le design qui s'actualise à chaque modification.

Le problème c'est que ça risque être assez compliqué de tout faire tenir sur une page, et donc je voudrais pouvoir afficher dans mon iframe une version réduite de 50% par exemple par rapport à la version finale et ce à la fois pour la structure html mais aussi pour les éventuelle images qui y seront placé. (un peu à la manière du Zoom / Dezoom des navigateurs dernières génération)

Savez vous si il existe une manière simple de faire cela ?

[Seb33300]

Je suis tombé par hazard sur ça dans les exemple de Firefox RC3 :
http://people.mozilla.com/~prouget/d...eignobject.svg

ça reproduit exactement ce que je cherche à avoir sans pouvoir le déplacer ni l'agrandir.

[Seb33300]

Encore plus simple, il y a de nouvelle propriété CSS 3 :

Code html :

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

<iframe src="http://www.google.fr" id="iframe" frameborder="1" style="-moz-transform:scale(0.5); -webkit-transform:scale(0.5); width:800px; height:400px;" />

Par contre compatible seulement avec les navigateurs récent (FF 3.5, Safari 3.1)

[kaymak]

Encore plus simple, il y a de nouvelle propriété CSS 3 :

Code html :

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

<iframe src="http://www.google.fr" id="iframe" frameborder="1" style="-moz-transform:scale(0.5); -webkit-transform:scale(0.5); width:800px; height:400px;" />

Par contre compatible seulement avec les navigateurs récent (FF 3.5, Safari 3.1)

Ce tips devrait être dans la Faq si ce n'est pas déjà le cas !