Discussion :

[Tony_ducrocq]

bonjour,
je suis en train de développer un editeur bbcode pour le panneau d'administration de mon site seulement... (oui si tout allez bien je serai pas venu me venter )

donc je disais, j'arrive parfaitement a transformer le bbcode (bien que les balises se place pas ou je veux...) en html grace a javascript
je me retrouve donc avec 2 variables javascript, l'une en HTML, l'autre en BBcode.
mon probleme, c'est que je ne sais pas les envoyer a php...
je suis sure qu'avec ajax ça doit etre possible

j'ai donc essayer avec, et voici mon code:
( ajax() est appelé par htmlToBbcode() )

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
function ajax()
{
    var xhr=null;
 
    if (window.XMLHttpRequest) { 
        xhr = new XMLHttpRequest();
    }
    else if (window.ActiveXObject) 
    {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }
    //on définit l'appel de la fonction au retour serveur
    xhr.onreadystatechange = function() { alert_ajax(xhr); };
 
    var param="bbcode="+bbcode+"&html="+texte;
    xhr.open("POST", "bbcode.php", true);
    xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xhr.setRequestHeader("Content-length", param.length);
    xhr.setRequestHeader("Connection", "close");
	xhr.send(param);
 
 
    xhr.send(null);
}

pas besoin de vous dire que ça fonctionne pas ^^'

si ça peut aider, voici le html:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
<script language="javascript" type="text/javascript"
src="bbcode.js"></script>
<FORM method="post" name='form' action="bbcode.php" >
Tapez ici votre article
 
<TABLE BORDER=0>
<TR>
	<TD>
		<TEXTAREA rows="20" cols="100" name="bbcode" id="bbcode"></TEXTAREA>
	</TD>
</TR>
 
<TR>
	<TD COLSPAN=2>
		<INPUT type="button" value="previ" onclick="return htmlToBbcode(bbcode);">
	</TD>
</TR>
<TR>
	<TD>
		<div id='previ'></div>	
	</TD>
</TR>
</FORM>

le bouton submit apparait que lorsque l'utilisateur a cliqué sur previsualisation

[andry.aime]

Salut,
retire xhr.send(null) de ton code car tu postes déjà les variables avec xhr.send(param).
Coté php

Code :

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

1
2
3
4
if(isset(($_POST['bbcode'])) && (isset($_POST['html'])) )
{
   //les traitements ici
}

[Tony_ducrocq]

le send etait une coquille, je viens de règler cela
coté php aucun probleme

par contre, mon gros problème, c'est que lors de la validation du formulaire grace au bouton submit, rien ne se passe, je pense que mon problème est plus sur l'appel de la fonction ajax avec mon html

ps merci pour le send, je ne l'aurai jamais vue sans toi ^^


EDIT

bon voila, je suis presque sûr que le probleme vient d'ici

Code :

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

1
2
3
4
<FORM method="post" name='form' action="bbcode.php" onsubmit="return ajax();" >
<TEXTAREA rows="20" cols="100" name="bbcode" id="bbcode"></TEXTAREA>
<INPUT type="button" value="previ" onclick="return htmlToBbcode(bbcode);">
<INPUT type="submit" value="Envoyer">

[andry.aime]

N'utilise pas un submit pour ajax car ça recharge la page entière mais utilise button

Code :

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

<input type="button" value="Envoyer" onclick="ajax()">

[Tony_ducrocq]

merci
je pense effectivement que j'avais un bug ici
par contre, le ajax ne fonctionne pas, je crois avoir trouvé un truc interessant mais je suis pas sûr, je test et je te redit ça

EDIT bon cela ne fonctionne pas...

si quelqu'un pouvait me donner un exemple, cela serai pas mal

[andry.aime]

Modifie le nom de la formulaire.

Code :

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

<form method="post" name='form1'>

Code :

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

1
2
3
4
var bbcode=document.getElementById('bbcode').innerHTML;
var texte=document.getElementById('IdDeLobjet').value;
var param="bbcode="+bbcode+"&html="+texte;
    xhr.open("POST", "bbcode.php", true);

[Tony_ducrocq]

bon, j'essaye se que tu m'as dit
si ça marche j'edit

sinon, j'utilise ma "tricherie"
a savoir que je fait un formulaire tous se qui a de plus simple
et que je place le contenue de mes variable dans textarea caché

Code :

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

1
2
document.getElementById("rep").innerHTML='<TEXTAREA rows="20" cols="100" name="html" id="html">'+texte+'</TEXTAREA>';
	document.getElementById("rep").style.visibility = 'hidden';

enfin, ajax semble interessant et "moins moche" que cette solution


EDIT: soit j'utilise mal tes bouts de code, soit cela ne fonctionne pas
je te remercie de ton aide

[Bovino]

Quelle est l'utilité de :

Code :

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

1
2
xhr.setRequestHeader("Content-length", param.length);
xhr.setRequestHeader("Connection", "close");

?

[Tony_ducrocq]

a vrai dire j'en sais rien, j'ai pas le temps d'apprendre ajax, pour l'instant
j'ai donc copier une source qui fonctionné
j'ai voulue l'adapter a une solution post, mais je n'ai pas reussi