Transfert de variables dans un Input

bernard26000 · 13 Décembre 2014

Bonjour à tous et toutes

Je suis en train de faire un petit programme qui va permettre a un visiteur de taper un texte, modifier la police, la taille, la couleur, l'image de fond.....
L'idée est de récupérer toutes les variables dans des "input hidden" et de les récupérer dans une autre page, de les transformer en variables PHP pour utilisation, affichage, insertion dans une base de données...

J'ai fait un script pour afficher et récupérer les variable concernant le CSS du texte, toutes transmise pas un input et je récupère bien dans une autre page, là pas de souci.

Là ou j'ai un problème c'est pour la récupération du texte.

Pour permettre l'affichage du texte j'ai ceci :

Code:

<script language="javascript"> 

 function change_cellule(texte)
 {
 document.getElementById('zone').innerHTML = texte;
 }
 </script>

Ce script fonctionne bien.

Pour ma fonction "remplir input" j'ai ça :

Code:

<script language="javascript">  
 function remplirInput() {
	
		
    var zone = document.getElementById("zone");
	
	var texte = zone.texte ;
		document.getElementById('text').setAttribute('value', texte);
		
}
</script>

Ca fonctionne parfaitement j'arrive à afficher le texte dans un "alert".

Pour récupérer et alimenter mon input c'est cette fonction :

Code:

<script language="javascript"> 

 function change_cellule(texte)
 {
var zone = document.getElementById('zone').value;
     if (zone) {
        zone[texte] = valeur;
	remplirInput();
 }
}

 </script>

J'ai essayé avec innerHTML, mais pas mieux
Et pour envoyer ca dans ma page traitement j'ai ceci :

Code:

<input type="hidden" name="text" id="text" value="">

Donc avec tout ça je ne récupère absolument rien sur ma page traitement, je pense que ça provient d'ici

Code:

zone[texte] = valeur;

Si vous avez une idée de ce qui coince, merci de me donner un petit coup de main...

En tout cas merci d'avoir passer un peu de temps sur mon topic

Bonne journée

baud74 · 13 Décembre 2014

bernard26000 a dit:
Ca fonctionne parfaitement j'arrive à afficher le texte dans un "alert".

pas chez moi, avec le test suivant (modifié pour que cela fonctionne) :

Code:

<!doctype html>
<html>
<head>
<script type="text/javascript">
function remplirInput() {         
  var zone = document.getElementById("zone");   
  //var texte = zone.texte;
  var texte = zone.value;
  //alert(texte);
  document.getElementById('t').value = texte;      
}
</script>
</head>
<body>
<textarea id="zone" name="zone">test</textarea><br />
<input type="button" onclick="remplirInput();" /><br />
<textarea id="t" name="t"></textarea><br />
</body>
</html>

bernard26000 · 13 Décembre 2014

Merci Baud

Je pense que je me suis mal expliqué sur mon plantage
La fonction "alert" est là juste pour vérifier que j'ai bien ma variable.

Ce que je cherche à faire c'est de passer la valeur de la variable texte dans un input hidden vers une autre page de traitement pour récupérer en variable PHP du genre :

Code:

if(isset($_POST['fontSize'])){
   
    $champ = $_POST['fontSize'];

}
echo $champ ;

Pour faire passer les valeurs du CSS du texte, après avoir fait le set des propriétés, j'ai ceci :

Code:

  <script language="javascript"> 
   function setZoneCSS(propriete, valeur) {
    var zone = document.getElementById("zone");
    if (zone) {
        zone.style[propriete] = valeur;
        remplirInput();
    }
}

</script>

Ici mes input :

Code:

<form name="" action="traitement.php" method="post">
   <input type="hidden" name="text" id="text" value="">
  <input type="hidden" name="fontSize"  id="fontSize"  value="" >
  <input type="hidden" name="fontColor"  id="fontColor"  value="" >
  <input type="hidden" name="fontFamily"  id="fontFamily"  value="" >
  <input type="hidden" name="fontStyle"  id="fontStyle"  value="" >
  <input type="hidden" name="fontWeight"  id="fontWeight"  value="" >
<!-- Etc.. -->
  <input type="submit" value="envoyer">
</form>

avec tout ça j'ai bien toutes les valeurs du CSS du texte, ce que je n'arrive pas à faire c'est la même chose avec la valeur du texte.
Pour le texte j'ai une page vide.
Sur le même principe j'ai fait ca :
un set de la variable texte dans la fonction "remplirInput"

Code:

var texte = zone.texte ;
		document.getElementById('text').setAttribute('value', texte);

et pour finir le "remplirInput"

Code:

<script language="javascript"> 

 function change_cellule(texte)
 {
var zone = document.getElementById('zone').value;
     if (zone) {
        var texte = zone.value;
  		remplirInput();
 }
}

 </script>

Mais.... ca ne marche pas