Récuperer un champs NicEdit

Version imprimable

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:

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:

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
@+

13/02/2011, 08h33
andry.aime

Bonjour,

Utilise innerHTML.

Code:

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

A+.
13/02/2011, 08h52
spawns

merci de ta réponse
mais cela ne change rien ...
il me dit toujours qu'il n'y a rien dans le textarea...
13/02/2011, 14h29
NoSmoking
Citation:
Envoyé par spawns

Code:

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.
13/02/2011, 15h39
spawns

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

lu dans la documentation Class nicEditors

Code:

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.

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

Code:

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...

je l'aurais vu plutôt comme ceci

Code:

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();
}

14/02/2011, 08h45
spawns

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.
14/02/2011, 09h12
NoSmoking
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:

1 2 var oEdit = nicEditors.findEditor('texte'); oEdit.setContent('');
14/02/2011, 09h20
spawns

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

Code:

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

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:

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();
}

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

Code:

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:

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.

fait une vérification avec un alert( sTmp)

Code:

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:

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

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

Code:

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

14/02/2011, 19h22
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:

1 2 3 oText.style.display =""; formulaire.submit(); }
14/02/2011, 20h17
NoSmoking
Citation:
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:

1 2 3 oText.style.display =""; formulaire.submit(); }
j'ai bien raconté une c#**!$e

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

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

Code:

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

14/02/2011, 22h07
NoSmoking

à 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

ce n'est pas

Code:

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

mais putôt

Code:

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

14/02/2011, 23h12
spawns
Ca y est ca MARCHE énorme
c'était ca le bleme
Code:

1 2 3 // transfert Data oText.value = sTmp; // Verification
Spécial dédicace pour NoSmoking
Grand merci à toi , pour t'être penché sur mon problème.

Très sympa et encore merci