Salut les javamis

Quelqu'un pourrait me dire comment on pourrait écrire dans notre textarea, et qu'en même temps ce que l'on écrit soit affiché dans un autre textarea ou dans un div prévu à cet effet.

A vrai dire, je cherche à faire comme le Zcode le fait : un aperçu en temps réel de ce que l'on rédige, et ce en prenant compte des balises de bbcode (enfin, zcode quoi ) que l'on introduit.

Des idées?

Salut,

tu peux utiliser la fonction innerHTML si tu n'utilises pas de framework comme jQuery ou Prototype.

En gros dans ton textarea :

<textarea name="nom_textarea" rows="5" onkeyup="maFonction(this)"></textarea>

ensuite la fonction maFonction() sera un truc du genre :

function maFonction(element) {
var val = element.value ; 
document.getElementById("zonetexte").innerHTML = val;
}

avec ton div qui aura pour id zonetexte.

Par contre, c'est un peu lourd car a chaque caractère il va updater le div, tu peux préférer l'évènement blur a la place de onkeyup, qui updatera le div que quand tu cliques hors du textarea, tu peux aussi faire un bouton aperçu comme le aperçu final du sdz avec un évènement onClick="maFonction(document.nom_formulaire.nom_textarea)" en remplaçant par les bons noms

J'espere avoir ete clair

Si tu utilise une div pour le 2nd affichage

onkeyup="document.getElementById('ton_id').innerHTML= this.value;"

Si tu utilise une textarea pour le 2nd affichage

onkeyup="document.getElementById('ton_id').value= this.value;"

Edit: Grilled

Ahaaaaa, bien bien !

Mais petit détail : il faut que la value de ce que je suis en train d'écrire passe à travers un filtre php qui converti les balises bbcode

Intéressant, n'est-il pas?

La on te mâche le travail quand même

function maFonction(element) {
val = element.value ; 
document.getElementById("zonetexte").innerHTML = mon_parsage(val);
}

j avais oublie le var checke l edit

ah, la paresse...

Non mais plus sérieusement, je suis plutôt un "gars du côté serveur", si vous voyez ske jveu dire La preuve : même ce travail mâché je ne sais pas m'en servir !

En effet, j'ai une fonction php qui traite le message, mais sur base d'un post :

<? function prev{

	$commentaire = preg_replace('`\(gras\)(.+)\(/gras\)`isU', '<strong>$1</strong>', $commentaire); 
	//italique
	$commentaire = preg_replace('`\(italique\)(.+)\(/italique\)`isU', '<i>$1</i>', $commentaire);
	//souligné
	$commentaire = preg_replace('`\(souligné\)(.+)\(/souligné\)`isU', '<u>$1</u>', $commentaire);
	//lien
	//$commentaire = preg_replace('#http://[a-z0-9._/-]+#i', '<a href="$0">$0</a>', $commentaire);
	$commentaire = preg_replace('#www.[a-z0-9._/-]+#i', '<a href="$0">$0</a>', $commentaire);
}

Alors ça va pas du tout ! Je soupçonne même qu'il faudra réécrire une fonction identique mais en js (ou bien ignore-je les capacités d'Ajax??)

Non, ajax répond a ce que tu veux faire.

<textarea name="nom_textarea" rows="5" onkeyup="parsage(this.value)"></textarea>

function createXhrObject()
{
	if (window.XMLHttpRequest)
		return new XMLHttpRequest();
 
	if (window.ActiveXObject)
	{
		var names = [
			"Msxml2.XMLHTTP.6.0",
			"Msxml2.XMLHTTP.3.0",
			"Msxml2.XMLHTTP",
			"Microsoft.XMLHTTP"
		];
		for(var i in names)
		{
			try{ return new ActiveXObject(names[i]); }
			catch(e){}
		}
	}
	alert("Votre navigateur ne prend pas en charge l'objet XMLHTTPRequest.");
}

function parsage(value)
{
	var  xhr = createXhrObject();
	
	xhr.onreadystatechange = function()
	{ 
		if(xhr.readyState == 4)
		{
			if(xhr.status == 200)
			{ 

				document.getElementById('ton_div').innerHTML=xhr.responseText;			} 
			else 
			{ 
				alert(xhr.status + " " + xhr.statusText); 
			} 
		} 
	}; 
	xhr.open("GET", "ajax/apercu.php?text="+value);                
	xhr.send(null);
	
}

<?php
function prev($commentaire){

	$commentaire = preg_replace('`\(gras\)(.+)\(/gras\)`isU', '<strong>$1</strong>', $commentaire); 
	//italique
	$commentaire = preg_replace('`\(italique\)(.+)\(/italique\)`isU', '<i>$1</i>', $commentaire);
	//souligné
	$commentaire = preg_replace('`\(souligné\)(.+)\(/souligné\)`isU', '<u>$1</u>', $commentaire);
	//lien
	//$commentaire = preg_replace('#http://[a-z0-9._/-]+#i', '<a href="$0">$0</a>', $commentaire);
	$commentaire = preg_replace('#www.[a-z0-9._/-]+#i', '<a href="$0">$0</a>', $commentaire);

       return $commentaire;
}

echo prev($_GET['text']);
?>

Merci Mafioo, si j'ai bien compris, t'envoie ce que l'on est en train de tapé dans l'url et on le récupère en temps réel. Puisque c'est comme ça, j'ai changé ceci :

xhr.open("GET", "ajax/apercu.php?text="+value);                

    Car bien entendu ce truc me donne une erreur 404, je l'ai alors remplacé par cela :     

xhr.open("GET", "http://localhost:8888/QuestMachine/Creer_un_article_betaQM.php?text="+value);

Et là, pire ! Dans la div où l'on écrit, toute ma page est introduite,

Dans mon exemple, la page apercu.php contient la fonction prev et l'echo. Aprés je connais pas le contenu de tes pages donc ...

Ah, il faut donc deux pages différentes :s, autant utiliser mon POST alors.

Si tu veux mettre a jour un div (avec bbcode) en même temps que tu écris dans un div, je vois pas comment faire autrement. Explique ça m'interèsse

Eh bien le zCode y parviens, c'est vrai : quand on coche "aperçu temps réel", eh bien si j'introduis une image ou un smiley, il est tout de suite interprété dans le div là en dessous.

Tu vois?

Oui, c'est de l'ajax qui est utilisé ...

Oui, je sais. Et sinon, personne a une idée pour faire pareil?

C'est une blague ?

Pourquoi ne vas-tu pas voir le tuto dédié à ce que tu demandes, celui de Thunderseb, que tu trouveras ici ...

Bon, pardonnez mon ignorance... je vais me pencher sur le tuto de Thunderseb et faire quelques recherches sur Ajax car son potentiel a l'air énorme !

Merci pour votre aide, et Mafioo, comprends que je voulais pas passer 2 jours là-dessus, mais bon ce sera l'occasion de percer enfin la bulle de l'AJax

Lit de la doc sur Ajax et tu comprendras, je t'ai déjà filé le code ...