apercu d'une page html

apercu d'une page html - HTML/CSS - Programmation

Marsh Posté le 07-07-2005 à 17:53:22    

Bonjour,
 
Je voudrai avoir un petit renseigmement sur le javascript....
 
L'application que je veux realiser est la suivante. A partie d'une interface( page html) je voudrai pouvoir quand je clique sur un lien pour previsualiser la page.. en gros créer un appercu dans un cadre de la page HTML sur laquelle je clique.
 
 
Donc je voulais savoir si quelqun avait deja fais ce genre de script et si il pouvait m'indiquer comment m'y prendre mais sans donner de source( je veux chercher aussi par moi meme)
 
voila.
 
merci d'avance et bonne journée
 

Reply

Marsh Posté le 07-07-2005 à 17:53:22   

Reply

Marsh Posté le 07-07-2005 à 18:47:13    

ben un code coté serveur, genre PHP ou autre, mais je ne crois pas cela possible.

Reply

Marsh Posté le 07-07-2005 à 19:53:46    

oui voila...
 
Bon j'ai une autre sol c'est d'utiliser une popup mais avec une fenetre javascript ca aurait ete la classe!!!
 
donc si vous avez des sol je suis tjs preneur

Reply

Marsh Posté le 07-07-2005 à 23:02:48    

Utilise une iframe masquée. Quand ton visiteur clique sur le lien, affiche l'iframe et modifie son attribut "src" vers l'url du lien.
C'est la technique qui est utilisée sur http://www.eo.st/ pour IE.
 
Si tu veux la source compatible partout, je peux te la fournir (C'est pas trop trop compliqué !).

Reply

Marsh Posté le 07-07-2005 à 23:50:21    

ohhhh mon dieu!!!  
 
C'est exactement ce que je cherche!!!
 
J'essaye de faire une source compatible IE et firefox. Si tu peux me les fournir effectivement ca serait trop sympa de ta part
 
merci encore

Reply

Marsh Posté le 08-07-2005 à 00:11:17    

Le voici !
 

Code :
  1. <!-- Fonction Javascript -->
  2. <script type="text/javascript">
  3. function apercuSite(url) {
  4. var d = document.getElementById('frame_div'), f = document.getElementById('frame');
  5. if (url) {
  6.   d.style.display = 'block';
  7.   f.src = url;
  8. }
  9. else {
  10.   d.style.display = 'none';
  11.   f.src = '';
  12. }
  13. }
  14. </script>
  15. <!-- Div qui contient la frame d'aperçu -->
  16. <div id="frame_div" style="display:none;">
  17. <a href="javascript:apercuSite();">Fermer l'aperçu</a>
  18. <iframe id="frame" src=""></iframe>
  19. </div>
  20. <!-- Lien pour ouvrir l'aperçu -->
  21. <a href="javascript:apercuSite('http://www.google.fr/');">GOOGLE</a>

Reply

Marsh Posté le 11-07-2005 à 12:18:16    

Désolé j'etais pas la du week end donc je te repond maintenant... Et je te dit merci mille fois!!!! tu me tire une epine du pied!!!! :) :)
 
A plsu tard
 

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed