Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

  1. #1
    Futur Membre du Club
    Homme Profil pro
    Sans emploi
    Inscrit en
    août 2019
    Messages
    11
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 32
    Localisation : Belgique

    Informations professionnelles :
    Activité : Sans emploi

    Informations forums :
    Inscription : août 2019
    Messages : 11
    Points : 8
    Points
    8
    Par défaut Envoyer le contenu d'un DIV dans un Textarea pour finalement réceptionner le contenu sur une page PHP
    Bonsoir,

    Je suis en train de me battre avec un formulaire qui contient un DIV (Texte éditable) Le DIV et les fonctions javascript associées à la page HTML propose une mise en forme du texte (un genre d'éditeur HTML avec un rendu direct sans voir le code à priori). Ça crée des balise html type h1,h2,... en appuyant sur des boutons. Mais on voit le rendu directe sans les balise (dans le DIV).

    J'arrive jusqu'ici à extraire le contenu du DIV avec innerHTML mais ensuite pour gérer le TEXTAREA, le mettre à jour et surtout l'envoyer via le formulaire ça se complique.
    Avez vous une suggestion de code? J'aimerai ne pas avoir a utiliser la commande GET mais plutôt POST si c'est bien par ce chemin que je peux y arriver.

    Mon but est pour l'instant d'au moins afficher le contenu du DIV source en ouvrant un fichier php au final. (J'ai entendu parlé d'AJAX aussi) mais bon je ne sais pas trop si c'est vraiment nécessaire car je fonctionne en ce moment en HTML Javascript et je vais vers du PHP.

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    mars 2002
    Messages
    38 428
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 69
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : mars 2002
    Messages : 38 428
    Points : 65 914
    Points
    65 914
    Billets dans le blog
    1
    Par défaut
    Pourquoi ne pas passer directement par un envoi en ajax du code html (innerHTML) de ton div
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag


    réalisations :www.oxygen-translations.fr|www.saftair.fr| www.ouestisol.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
    Humour

  3. #3
    Futur Membre du Club
    Homme Profil pro
    Sans emploi
    Inscrit en
    août 2019
    Messages
    11
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 32
    Localisation : Belgique

    Informations professionnelles :
    Activité : Sans emploi

    Informations forums :
    Inscription : août 2019
    Messages : 11
    Points : 8
    Points
    8
    Par défaut
    Bonjour,

    Parce que je ne connais pas du tout le fonctionnement de l'Ajax, je vais me renseigner.

    Merci de votre réponse.

  4. #4
    Rédacteur/Modérateur
    Avatar de jreaux62
    Homme Profil pro
    Webdesigner
    Inscrit en
    août 2008
    Messages
    15 850
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 52
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Arts - Culture

    Informations forums :
    Inscription : août 2008
    Messages : 15 850
    Points : 32 442
    Points
    32 442
    Par défaut
    Bonjour,

    pourquoi ne veux-tu pas utiliser un éditeur WYSIWYG existant ?
    "Si tu suis le chemin qui s'appelle « plus tard », tu arriveras à la place qui s'appelle « jamais »."
    François Camille Prévot (1910-1996), instituteur puis Directeur d'école et... mon grand-père.
    "Pose ta question, tu seras idiot une seconde. Ne la pose pas, tu seras idiot toute ta vie."
    Albert Einstein (1879-1955).
    Mes tutos DVP
    Gestion-Affichage de Nouvelles
    Affichage en tableau HTML
    Fonctions de redimensionnement d'images

  5. #5
    Futur Membre du Club
    Homme Profil pro
    Sans emploi
    Inscrit en
    août 2019
    Messages
    11
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 32
    Localisation : Belgique

    Informations professionnelles :
    Activité : Sans emploi

    Informations forums :
    Inscription : août 2019
    Messages : 11
    Points : 8
    Points
    8
    Par défaut
    J'y suis parvenu sans passé par de l'Ajax finalement.

    jreaux62 je ne suis pas contraire mais j'aimerai quelque chose d'assez facile à personnaliser et donc sous license Open source et de pas trop lourd à utiliser (script léger). J'ai déjà plusieurs codes sous la main pour ça.
    Si l'éditeur WYSIWYG en fait trop je m'y retrouverait pas dans les codes...

  6. #6
    Membre habitué

    Homme Profil pro
    sans
    Inscrit en
    octobre 2019
    Messages
    193
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Ariège (Midi Pyrénées)

    Informations professionnelles :
    Activité : sans

    Informations forums :
    Inscription : octobre 2019
    Messages : 193
    Points : 140
    Points
    140
    Par défaut
    J'y suis parvenu sans passé par de l'Ajax finalement.
    Et t'as fait comment ?

  7. #7
    Futur Membre du Club
    Homme Profil pro
    Sans emploi
    Inscrit en
    août 2019
    Messages
    11
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 32
    Localisation : Belgique

    Informations professionnelles :
    Activité : Sans emploi

    Informations forums :
    Inscription : août 2019
    Messages : 11
    Points : 8
    Points
    8
    Par défaut
    Le code HTML+Javascript:
    Code HTML : 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
    <!doctype html>
    <html lang="fr">
    <head>
    <title>Editeur</title>
    <meta charset="UTF-8">
    <script>
    var oDoc;
     
    function initDoc() {
      oDoc = document.getElementById("textBox");
     
    }
     
     
     
    function validateMode() {
            //Si le switch n'est pas activé retourne 'true'
            if (/*!document.compForm.switchMode.checked || */!document.getElementById("butHTML").disabled) {
                    return true ; 
            }
            //Aussi non Alerte et retourne 'false'
            alert("Désactivez l'affichage HTML!");
            oDoc.focus();
            return false;
    }
    </script>
    <link rel="stylesheet" href="editor.css">
    </head>
    <body onload="initDoc();">
    <form name="compForm" method="post" action="save.php" onsubmit="if(validateMode()){this.myDoc.value=oDoc.innerHTML;return true;}return false;">
    <div id="textBox" contenteditable="true"><p>Ecrivez ici...</p></div>
    <input id="validation" type="submit" value="Valider la page."/>
    <textarea maxlength="8064" name="myDoc" class="textarea"></textarea>
     
    </form>
    </body>
    </html>

    Ainsi que le code PHP qui récupère le contenu du Textarea:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <?php
    echo $_POST['myDoc'];
    ?>

  8. #8
    Membre habitué

    Homme Profil pro
    sans
    Inscrit en
    octobre 2019
    Messages
    193
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Ariège (Midi Pyrénées)

    Informations professionnelles :
    Activité : sans

    Informations forums :
    Inscription : octobre 2019
    Messages : 193
    Points : 140
    Points
    140
    Par défaut
    Merci beaucoup Kitsune
    Allez hop, +1

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [PowerShell] Envoyer le contenu d'une page http par email
    Par toutoune085500 dans le forum Scripts/Batch
    Réponses: 0
    Dernier message: 31/07/2018, 16h40
  2. menu a onglet: changer contenu d'une page php
    Par poupouille dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 07/04/2008, 10h32
  3. Réponses: 8
    Dernier message: 04/07/2007, 13h51
  4. Réponses: 4
    Dernier message: 20/08/2006, 15h03
  5. Récupérer le contenu d'une page PHP
    Par Pragmateek dans le forum Réseau
    Réponses: 37
    Dernier message: 28/05/2006, 23h00

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo