Transfert de variables dans un Input

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par bernard26000, 13 Décembre 2014.

  1. bernard26000
    bernard26000 Nouveau WRInaute
    Inscrit:
    18 Avril 2008
    Messages:
    6
    J'aime reçus:
    0
    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
     
  2. baud74
    baud74 WRInaute impliqué
    Inscrit:
    21 Juillet 2014
    Messages:
    586
    J'aime reçus:
    0
    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>
    
     
  3. bernard26000
    bernard26000 Nouveau WRInaute
    Inscrit:
    18 Avril 2008
    Messages:
    6
    J'aime reçus:
    0
    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 :(
     
Chargement...
Similar Threads - Transfert variables Input Forum Date
WordPress Transfert site proprio vers site WP Développement d'un site Web ou d'une appli mobile 13 Mars 2019
Problème de transfert nom domaine Crawl et indexation Google, sitemaps 21 Septembre 2018
Transfert de gestion d'un nom de domaine Administration d'un site Web 18 Septembre 2018
Transfert de fichier très lent ! Administration d'un site Web 17 Novembre 2017
Transfert de photos d'un compte vers une page Facebook Facebook 22 Janvier 2017
Menu en majuscule apres transfert site https Développement d'un site Web ou d'une appli mobile 20 Janvier 2017
Transfert de nom de domaine refusé Noms de domaine et référencement 2 Décembre 2016
Transfert d'un FTP à un autre Développement d'un site Web ou d'une appli mobile 5 Novembre 2016
URL de google incompréhensible après un transfert d'hébergeur Crawl et indexation Google, sitemaps 18 Avril 2016
Transfert de domaine - Ancien domaine réutilisé ailleurs Référencement Google 18 Février 2016
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice