La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  Javascript / DOM / Ajax
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Je suis sur le c***
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Je suis sur le c***  (Lu 1159 fois)
Je suis sur le c***
« sur: le 13-06-2005 a 20:16:11 »
tavman
Habitué
***

Hors-Ligne

Messages: 466



HS

Voir le Profil
Répondre avec citation

Et non... cette fois-ci, c'est pas une question : juste un partage d'expérience.

Et ouep... là, je suis vraiment surpris donc je partage... Le saviez vous : Javascript contient plusieurs outils très performant pour la créer des codes HTML depuis une IFRAME...

Une petite démo s'impose :
Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<TITLE>Document sans nom</TITLE>
<SCRIPT language="javascript">
function Innit () {
   var Contain = document.getElementById("test").contentWindow.document;
   Contain.open();
   Contain.write('<html id=\"frame\"><HEAD></HEAD><BODY></BODY></html>');
   Contain.close();
   if (document.all) {
      document.getElementById("test").contentWindow.document.designMode = "On";
      frames["test"].document.attachEvent("onkeypress", function evt_ie_keypress(event) { setTimeout("javascript:Result();" , 1); });
   } else {
      document.getElementById("test").contentDocument.designMode = "On";
      document.getElementById("test").contentWindow.document.addEventListener("keypress", function Gecko_Key_Press () { setTimeout("javascript:Result();" , 1); }, true);
   }
}

function Result () {
   document.getElementById('Txt_Result').value = document.getElementById("test").contentWindow.document.body.innerHTML;
}

</SCRIPT>
</HEAD>

<BODY onLoad="javascript:Innit();">
<IFRAME id="test" style="width:500px; height:300px; border:2px groove #000000; "></IFRAME><BR>
<TEXTAREA id="Txt_Result" style="width:500px; height:200px; border:2px groove #000000; "></TEXTAREA>
</BODY>
</HTML>

copiez/collez ce code et regardez le dans un navigateur...
essayez de taper un texte avec des retours a la ligne et plusieurs espace d'affilée... vous voyez les <br> et les &nbsp; s'afficher dans le résultat ?? et ouep... c'est ca que je voulai vous montrer car je connaissai vraiment pas. Et alors là, biensur, il y a moyen de pousser la chose a l'extrème : mettre du texte en gras, italique, des HR, des images et même des tables...

petite démo de la capacité du truc maintenant (attention les yeux) :
http://www.kevinroth.com/rte/demo.htm

ehh ouep... perso, jme demande pourquoi tous les forums n'utilisent pas ce genre de trucs... Mais mise a part ca, je trouve que c'est vraiment un très bon truc (pour faire des pages d'admin par exemple)

Rapporter au modérateur  

I-Radian

Re:Je suis sur le c***
« Répondre #1 sur: le 13-06-2005 a 21:02:07 »
Web35
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 98



Je suis un lama!

Voir le Profil
Répondre avec citation

Ca fait des jours que j'essaye de faire ca avec php.... C'est super, merci beaucoup pour le code....

Rapporter au modérateur  
Re:Je suis sur le c***
« Répondre #2 sur: le 13-06-2005 a 21:14:18 »
tavman
Habitué
***

Hors-Ligne

Messages: 466



HS

Voir le Profil
Répondre avec citation

De rien... je partage ce que j'ai découvert en décomposant le code

par contre, du php pour faire ca, tu voit les grands moyens toi... au pire, j'aurai utiliser du Flash parceque je connait les capacités, mais pas du php... lol

Rapporter au modérateur  

I-Radian
Re:Je suis sur le c***
« Répondre #3 sur: le 13-06-2005 a 21:38:42 »
nyrodev
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 91





Voir le Profil    WWW
Répondre avec citation

J'avais vu ce procédé pour un snake en JavaScript qui écrivait le score dans un iframe.
A savoir qu'on peut faire la même chose avec un popup aussi, et dans la logique, on pourrait aussi faire ca depuis le popup sur la fenêtre qui a ouvert cette popup (window.opener).

Rapporter au modérateur  

Enjoy Yourself
Nyro
www.nyrodev.com
Chef d'entreprise
Re:Je suis sur le c***
« Répondre #4 sur: le 13-06-2005 a 22:02:29 »
tavman
Habitué
***

Hors-Ligne

Messages: 466



HS

Voir le Profil
Répondre avec citation

En fait, on peut faire ca sur tous ce qui s'appel window en javascript : page normale, IFRAME, popup et peut etre même frameset (a vérifier)...

Rapporter au modérateur  

I-Radian
Re:Je suis sur le c***
« Répondre #5 sur: le 21-06-2005 a 16:23:09 »
jb_gfx
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 562





Voir le Profil    WWW
Répondre avec citation

C'est le designmode, celui que tu utilise dans ton exemple est celui de IE. Il en existe aussi un equivalent pour Gecko (Mozilla, FireFox, Netscape...).

C'est la technique utilisé par tous les editeur wysiwyg en ligne.

Opera n'as pas de design mode.

http://www.ibilab.net

A des tutoriaux sympas sur le sujet (la partie webdev ayant l'air offline, il faudra revenir un peu plus tard)

Rapporter au modérateur  

http://www.pixemedia.com
Re:Je suis sur le c***
« Répondre #6 sur: le 21-06-2005 a 22:21:07 »
tavman
Habitué
***

Hors-Ligne

Messages: 466



HS

Voir le Profil
Répondre avec citation

En effet... Je savait que ca marchai sur moteur Gecko (j'ai testé sous firefox) et sous IE, mais j'avais pas encore testé sous Opéra...

Très franchement, je comptai bien faire une détection du paramètre designMode avant de faire quoi que ce soit avec ce script... Bon bahh en tout cas, c'est là que je me dit "Opéra, c'est vraiment dla ch***** parceque pour que ce soit adapter sur IE et firefox, ca doit exister depuis déjà pas mal de temps... Alors qu'Opéra est (à la base) payant (ou alors avec des pubs)... M'enfin bon...

Rapporter au modérateur  

I-Radian
Re:Je suis sur le c***
« Répondre #7 sur: le 22-06-2005 a 02:17:37 »
jb_gfx
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 562





Voir le Profil    WWW
Répondre avec citation

Faut pas être comme ça, Opera à bien d'autre avantages.

Ce que tu peux faire c'est avoir une textarea classique, puis dans ton script, si un des deux designmode est accessible tu remplace la textarea par une iframe en designmode (ou autre balise de ton choix) au chargement de la page. Comme tout le monde pourra entrer des données (même ceux qui n'ont pas javascript, ou autres navigateurs comme Safari, Opera...).


Rapporter au modérateur  

http://www.pixemedia.com
Re:Je suis sur le c***
« Répondre #8 sur: le 23-06-2005 a 15:00:51 »
Ellenak
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 57



tadzammmm

Voir le Profil    WWW    E-Mail
Répondre avec citation

Belle découverte 

Rapporter au modérateur  

Ellenak-graph.tk PoWaaaaaaaaa
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg