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