R�cuperer un champs NicEdit

**spawns** · 13/02/2011, 01h33

slt � tous,
je ne connais pas grand chose en javascript et c'est donc pour cela que j'essaye d'utiliser NicEdit.
Je suppose que vous connaissez, lien au cas ou ICI.

Mon probl�me c'est que je ne sais pas comment r�cup�rer dans mon exemple la valeur de mon textarea ?

le formulaire :
...

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
25
26
27
28
29
30
31
32
33
34
35
36
 
<script type="text/javascript">
                function envoyer(formulaire){
		if (formulaire.titre.value=="")
                {
                alert("Veuillez indiquer le titre de la news.");
                document.formulaire.titre.focus();
                return false;
                }
		if (formulaire.texte.value=="")
                {
                alert("Veuillez indiquer le texte de la news.");
                document.formulaire.texte.focus();
                return false;
                }				
                  formulaire.submit();
                }
 </script>
<script type="text/javascript" src="http://js.nicedit.com/nicEdit-latest.js"></script> <script type="text/javascript">
//<![CDATA[
bkLib.onDomLoaded(function() { 
new nicEditor({maxHeight : 300}).panelInstance('texte');});
//]]>
</script>
 <?
  echo'
  <div>
<form name="formulaire" action="ajout_news_envoi.html" method="post" enctype="multipart/form-data">
<strong>Titre :</strong><br />
<input type="text" name="titre" size="40" />
<br /><br />
<strong>Texte :</strong><br />
       <textarea name="texte" id="texte" cols="75" rows="8" ></textarea>
<br /><br />	
<input type="button" value="Ajouter une news" onclick="envoyer(this.form);"/><br />
</form>';

...

la page d'envoi :
...

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
 
$titre= mysql_real_escape_string($_POST['titre']);
$texte = mysql_real_escape_string($_POST['texte']);
 
mysql_query("INSERT INTO news VALUES ('','$titre', '$texte')")or die ("erreur requète");

...
Merci d'avance de votre aide
@+

**andry.aime** · 13/02/2011, 08h33

Bonjour,

Utilise innerHTML.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

if (formulaire.texte.innerHTML=="")

A+.

**spawns** · 13/02/2011, 08h52

merci de ta r�ponse
mais cela ne change rien ...
il me dit toujours qu'il n'y a rien dans le textarea...

**NoSmoking** · 13/02/2011, 14h29

Envoy� par spawns

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
bkLib.onDomLoaded(function() { 
new nicEditor({maxHeight : 300}).panelInstance('texte');});

cette ligne fait que tu remplies une DIV, ou autre, mais pas ta TEXTAREA. C'est � v�rifier dans la documentation.

**spawns** · 13/02/2011, 15h39

oui,
j'avais bien compris le blem, mais comment faire pour r�cup�rer la "value" justement...

**NoSmoking** · 13/02/2011, 16h31

lu dans la documentation Class nicEditors

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
  // recup nicEditors fait a partir TEXTAREA id='texte'
var oEdit = nicEditors.findEditor('texte');
// objet TEXTAREA
var oText = document.getElementById('texte');
// transfert contenu
oText.value = oEdit.getContent();

� tester in live.

**spawns** · 13/02/2011, 22h34

j'ai essayer d'int�grer le code que tu m'a donn�
ici

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<script type="text/javascript">
                function envoyer(formulaire){
		if (formulaire.titre.value=="")
                {
                alert("Veuillez indiquer le titre de la news.");
                document.formulaire.titre.focus();
                return false;
                }
		if (formulaire.texte.value=="")
                {
                alert("Veuillez indiquer le texte de la news.");
                document.formulaire.texte.focus();
                return false;
                }				
                  formulaire.submit();
                }
 </script>
<script type="text/javascript" src="http://js.nicedit.com/nicEdit-latest.js"></script>
<script type="text/javascript">
	bkLib.onDomLoaded(function() {new nicEditor({maxHeight : 300}).panelInstance('texte');});
  // recup nicEditors fait a partir TEXTAREA id='texte'
var oEdit = nicEditors.findEditor('texte');
// objet TEXTAREA
var oText = document.getElementById('texte');
// transfert contenu
oText.value = oEdit.getContent();
</script>
 <?
  echo'
  <div>
<form name="formulaire" action="ajout_news_envoi.html" method="post" enctype="multipart/form-data">
<strong>Titre :</strong><br />
<input type="text" name="titre" size="40" />
<br /><br />
<strong>Texte :</strong><br />
       <textarea name="texte" id="texte" cols="75" rows="8" ></textarea>
<br /><br />	
<input type="button" value="Ajouter une news" onclick="envoyer(this.form);"/><br />
</form>';

et ca donne rien
cela m'indique toujours que ce Pu.... de textarea et vide
Ca me prends le chou d'une force... je vais encore passer la nuit la dessus...

**NoSmoking** · 14/02/2011, 07h37

je l'aurais vu plut�t comme ceci

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
function envoyer(formulaire) {
  // recup nicEditors fait a partir TEXTAREA id='texte'
  var oEdit = nicEditors.findEditor('texte');
  // objet TEXTAREA
  var oText = document.getElementById('texte');
  // transfert contenu
  oText.value = oEdit.getContent();
  // Verification
  if (formulaire.titre.value == "") {
    alert("Veuillez indiquer le titre de la news.");
    document.formulaire.titre.focus();
    return false;
  }
  if (formulaire.texte.value == "") {
    alert("Veuillez indiquer le texte de la news.");
    document.formulaire.texte.focus();
    return false;
  }
  formulaire.submit();
}

**spawns** · 14/02/2011, 08h45

Cela fonctionne en parti.
la "value" textarea est bien r�cup�re mais par contre si je le laisse le champ vide, il ne m'indique plus que le champ et vide du coup.

**NoSmoking** · 14/02/2011, 09h12

v�rifies � l'initialisation qu'il n'y a rien qui traine dedans , type un retour chariot \n ou un <BR>.
tu peux vider avec apparemment

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
  var oEdit = nicEditors.findEditor('texte');
  oEdit.setContent('');

**spawns** · 14/02/2011, 09h20

il y a rien qui traine,
mais je pense que c'est mon

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

if (formulaire.texte.value == "") {

qui fait plus son boulot.

Si j'ajoute tu code cela recommence, il me dis que le value est vide m�me quand il est rempli

**NoSmoking** · 14/02/2011, 10h23

peut �tre un probl�me de synchro, le navigateur mets en second plan la mise � jour de la value.

Tu peux n�anmoins faire le test sur ce que tu r�cup�res

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 envoyer(formulaire) {
  // recup nicEditors fait a partir TEXTAREA id='texte'
  var oEdit = nicEditors.findEditor('texte');
  // recup. contenu
  var sTmp = oEdit.getContent();
  // objet TEXTAREA
  var oText = document.getElementById('texte');
  // transfert Data
  oEdit.value = sTmp;
 
  // Verification
  if ( sTmp == ""%la recup...
    alert("Veuillez indiquer le texte de la news.");
    oText.focus();
    return false;
  }
 
  if (formulaire.titre.value == "") {
    alert("Veuillez indiquer le titre de la news.");
    document.formulaire.titre.focus();
    return false;
  }
  formulaire.submit();
}

**spawns** · 14/02/2011, 11h31

cela change rien
j'ai juste changer ton code au niveau %recup

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
 
  // transfert Data
  oEdit.value = sTmp;
  // Verification
  if ( sTmp == ""%la recup...
    alert("Veuillez indiquer le texte de la news.");
    oText.focus();
    return false;
  }

Par

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
  // transfert Data
  oEdit.value = sTmp;
  // Verification
  if ( sTmp == ""){
    alert("Veuillez indiquer le texte de la news.");
    oText.focus();
    return false;
  }

quand le textarea est vide il ne me dit pas que c'est vide.

**NoSmoking** · 14/02/2011, 18h41

fait une v�rification avec un alert( sTmp)

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
function envoyer(formulaire) {
  // recup nicEditors fait a partir TEXTAREA id='texte'
  var oEdit = nicEditors.findEditor('texte');
  // recup. contenu
  var sTmp = oEdit.getContent();
  //////////////////////////////////
  alert( sTmp);  // AJOUT POUR TEST
  ////////////////////////////////// 
  // objet TEXTAREA
  var oText = document.getElementById('texte');
  // transfert Data
  oEdit.value = sTmp;
  // Verification
  if ( sTmp == "" ){ //  la recup...
    alert("Veuillez indiquer le texte de la news.");
    oText.focus();
    return false;
  }

sinon pour vider, il faut le faire au d�but

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
bkLib.onDomLoaded(function() { 
  new nicEditor({maxHeight : 300}).panelInstance('texte');
  var oEdit = nicEditors.findEditor('texte');
  oEdit.setContent('');
});

**spawns** · 14/02/2011, 19h07

voila le code tel que tu me la demand� avec les modif

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
25
26
27
28
29
30
31
32
33
34
35
36
<script type="text/javascript">
bkLib.onDomLoaded(function() { 
  new nicEditor({maxHeight : 300}).panelInstance('texte');
  var oEdit = nicEditors.findEditor('texte');
  oEdit.setContent('');
});
</script>
<script type="text/javascript">
 
function envoyer(formulaire) {
  // recup nicEditors fait a partir TEXTAREA id='texte'
  var oEdit = nicEditors.findEditor('texte');
  // recup. contenu
  var sTmp = oEdit.getContent();
  //////////////////////////////////
  alert( sTmp);  // AJOUT POUR TEST
  ////////////////////////////////// 
  // objet TEXTAREA
  var oText = document.getElementById('texte');
  // transfert Data
  oEdit.value = sTmp;
  // Verification
  if ( sTmp == "" ){ //  la recup...
    alert("Veuillez indiquer le texte de la news.");
    oText.focus();
    return false;
  }
 
  if (formulaire.titre.value == "") {
    alert("Veuillez indiquer le titre de la news.");
    document.formulaire.titre.focus();
    return false;
  }
  formulaire.submit();
}
 </script>

la visiblement cela fonction en partie quand c'est vide il me dit que c vide
et quand c plein il me l'envoi

le blem c'est lorsque je l'envoi plein lui me l'envoi sans rien dedans

**NoSmoking** · 14/02/2011, 19h22

je vais peut �tre dire un c#**!$e mais il me semble qu'une FORM ne submit pas un �l�ment display:none, � v�rifier par un rajout juste avant le submit

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
  oText.style.display ="";
  formulaire.submit();
}

**NoSmoking** · 14/02/2011, 20h17

Envoy� par NoSmoking

je vais peut �tre dire un c#**!$e mais il me semble qu'une FORM ne submit pas un �l�ment display:none, � v�rifier par un rajout juste avant le submit

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
  oText.style.display ="";
  formulaire.submit();
}

j'ai bien racont� une c#**!$e

ta TEXTAREA a t-elle un NAME?
Si non ....

**spawns** · 14/02/2011, 21h26

oui mon textarea a bien un name
je te met le code de la page.

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
 
<?
$pageTitle = 'Administration';
$motKey = '';
include_once "../rub/header.php";
?>
 <script type="text/javascript" src="./js/nicEdit.js"></script>
<script type="text/javascript">
bkLib.onDomLoaded(function() { 
  new nicEditor({maxHeight : 300}).panelInstance('texte');
  var oEdit = nicEditors.findEditor('texte');
  oEdit.setContent('');
});
</script>
<script type="text/javascript">
 
function envoyer(formulaire) {
  // recup nicEditors fait a partir TEXTAREA id='texte'
  var oEdit = nicEditors.findEditor('texte');
  // recup. contenu
  var sTmp = oEdit.getContent();
  //////////////////////////////////
  alert( sTmp);  // AJOUT POUR TEST
  ////////////////////////////////// 
  // objet TEXTAREA
  var oText = document.getElementById('texte');
  // transfert Data
  oEdit.value = sTmp;
  // Verification
  if ( sTmp == "" ){ //  la recup...
    alert("Veuillez indiquer le texte de la news.");
    oText.focus();
    return false;
  }
 
  if (formulaire.titre.value == "") {
    alert("Veuillez indiquer le titre de la news.");
    document.formulaire.titre.focus();
    return false;
  }
  formulaire.submit();
}
 </script>
 <?
  	   echo'
	   <body>
		<div id="contenu">
				<div id="interne">
				<h2>Administration - Ajouter une news</h2>
<br />
  <div>
<form name="formulaire" action="ajout_news_envoi.html" method="post" enctype="multipart/form-data">
<strong>Sujet :</strong><br />
	<SELECT name="sujet">
		<OPTION VALUE="info1.png">Nouveautés</OPTION>
		<OPTION VALUE="info2.png">Evênements</OPTION>
		<OPTION VALUE="info3.png">Exclusivités</OPTION>
		<OPTION VALUE="info4.png">Voyages</OPTION>
		<OPTION VALUE="info5.png">Divers</OPTION>
	</SELECT>
<br /><br />
<strong>Titre :</strong><br />
<input type="text" name="titre" size="40" />
<br /><br />
<strong>Texte :</strong><br />
       <textarea name="texte" id="texte" cols="75" rows="8"></textarea>
<br /><br />	
<input type="button" value="Ajouter une news" onclick="envoyer(this.form);"/><br />
</form>
</div>
<div class="centre"><br /><br /><a href="administration.html">Retour administration</a></div>
	   		<div class="clear">&nbsp;</div>	
				</div>
		</div>'; 
 
include_once "../rub/footer.php";
?>

la il y a tout le code quasi

**NoSmoking** · 14/02/2011, 22h07

� vu de nez pas de l�zard
- essaies la m�thode get dans le formulaire et regardes dans la barre d'adresse si le contenu y est
- ton action dirige vers un fichier html, comment r�cup�res tu les donn�es dans celui ci

**NoSmoking** · 14/02/2011, 22h14

ce n'est pas

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
  // transfert Data
  oEdit.value = sTmp;
  // Verification

mais put�t

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
  // transfert Data
  oText.value = sTmp;
  // Verification

R�cuperer un champs NicEdit

JavaScript

Discussions similaires

Partager

Partager