IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
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

JavaScript Discussion :

Afficher ma div sur une autre page


Sujet :

JavaScript

  1. #1
    Membre à l'essai
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2017
    Messages
    21
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 25
    Localisation : France, Morbihan (Bretagne)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Enseignement

    Informations forums :
    Inscription : Juin 2017
    Messages : 21
    Points : 15
    Points
    15
    Par défaut Afficher ma div sur une autre page
    Bonjour,

    Je m'explique, en fait dans mon code html je donne des champs à remplir à l'utilisateur et en même temps cela génère à coté un article avec les données. J'ai un bouton qui copie l'article(donc la div rendu) et j'aimerai bien pour l'enregistrer. Pour cela je me suis dit qu'on pouvait afficher la div dans une autre page (donc on aurait juste l'article) et ensuite juste enregistrer la page

    Mais je n'arrive pas à afficher la div dans une autre page

    Merci d'avance !

    Voici mon code:


    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
    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
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    <html>
    	<head>
    	<link rel="stylesheet" href="habillage.css" />
    		<title>Habillage de l'astuce</title>
    	</head>
    	<body>
    	<div id="conteneur">
    	<div id="formulaire">
    		<ul id="menu">
    			<label for="date">Saisir la date : </label><input id="date" type="text" name="date" oninput="copyData('date', 'date1')" />
    			</br>
    			<label for="titre">Saisir le titre de l'article : </label><input id="titre" type="text" name="date" oninput="copyData('titre', 'titre1')" />
    			</br>
    			<label for="desc">La description : </label><input id="desc" type="text" name="desc" oninput="copyData('desc', 'desc1')" />
    			</br>
    			</br>
    			<label for="nom">Nom Pr&eacute;nom : </label><input id="nom" type="text" name="nom" oninput="copyData('nom', 'nom1')" />
    			</br>
    			<label for="nom">Adresse mail : </label><input id="mail" type="text" name="mail" oninput="copyData('mail', 'mail1')" />
    			</br>
    			</br>
    			<label for="nom">Identifier : </label><input id="identifier" type="text" name="identifier" oninput="copyData('identifier', 'identifier1')" />
    			</br>
    			<label for="nom">Parent : </label><input id="parent" type="text" name="parent" oninput="copyData('parent', 'parent1')" />
    			</br>
    			</br>
    			<label for="area">Article :</label><textarea rows="10" cols="50" id="area"  name="area" oninput="copyData('area', 'area1')"></textarea>
    			</br>
     
    		</ul>
    	</div>
    	<div id="rendu">	
    		<script>
                            function CopyToClipboard(containerid) {
                                    if (document.selection) { 
                                            var range = document.body.createTextRange();
                                            range.moveToElementText(document.getElementById(containerid));
                                            range.select().createTextRange();
                                            document.execCommand("copy"); 
     
            }                       else if (window.getSelection) {
                                            var range = document.createRange();
                                            range.selectNode(document.getElementById(containerid));
                                            window.getSelection().addRange(range);
                                            document.execCommand("copy");
                                            alert("L'article a été copié") 
            }}
                    </script>
    		</br>
    		+++
    		</br>
    		date="<a id="date1"></a>"
    		<script type="text/javascript">
                                    function copyData(dateId, date1Id) {
                                            var data = document.getElementById(dateId).value;
                                            document.getElementById(date1Id).innerHTML = data;
                                    }
                    </script>
    		</br>
    		title="<a id="titre1"></a>"
    			<script type="text/javascript">
                                    function copyData(titreId, titre1Id) {
                                            var data = document.getElementById(titreId).value;
                                            document.getElementById(titre1Id).innerHTML = data;
                                    }
                            </script>
    		</br>
    		description="<a id="desc1"></a>"
    			<script type="text/javascript">
                                    function copyData(descId, desc1Id) {
                                            var data = document.getElementById(descId).value;
                                            document.getElementById(desc1Id).innerHTML = data;
                                    }
                            </script>
    		</br>
    		draft="true"
    		</br>
    		</br>
    		creatordisplayname ="<a id="nom1"></a>"
    			<script type="text/javascript">
                                    function copyData(nomId, nom1Id) {
                                            var data = document.getElementById(nomId).value;
                                            document.getElementById(nom1Id).innerHTML = data;
                                    }
                            </script>
    		</br>
    		creatormail ="<a id="mail1"></a>"
    			<script type="text/javascript">
                                    function copyData(mailId, mail1Id) {
                                            var data = document.getElementById(mailId).value;
                                            document.getElementById(mail1Id).innerHTML = data;
                                    }
                            </script>
    		</br>
    		</br>			
    		[menu.main]
    		</br>
    		</br>
    		identifier="<a id="identifier1"></a>"
    			<script type="text/javascript">
                                    function copyData(identifierId, identifier1Id) {
                                            var data = document.getElementById(identifierId).value;
                                            document.getElementById(identifier1Id).innerHTML = data;
                                    }
                            </script>
    		</br>
    		parent="<a id="parent1"></a>"
    			<script type="text/javascript">
                                    function copyData(parentId, parent1Id) {
                                            var data = document.getElementById(parentId).value;
                                            document.getElementById(parent1Id).innerHTML = data;
                                    }
                            </script>
    		</br>
    		+++
    		</br>
    		<pre id="area1">		
    			<script type="text/javascript">                                 
                                    function copyData(areaId, area1Id) {                                            
                                            var data = document.getElementById(areaId).value;
                                            document.getElementById(area1Id).innerHTML = data;                                              
                                    }
                            </script>
    		</pre>			
    		</br>
    		<button id="copy" onclick="CopyToClipboard('rendu')">Copier l'article</button>
    		</br>
    		</div>
    		</div>
    	</body>
    </html>

  2. #2
    Invité
    Invité(e)
    Par défaut
    Bonne journée et bienvenu sur DVP.

    Tu ne fais que copier les données des input à d'autres emplacements de la page.

    À aucun moment les données ne sont enregistrées où que ce soit : en BDD ou dans un fichier ? ou en session, cookie,... ?

    Bref, rien de récupérable dans une autre page.

  3. #3
    Membre à l'essai
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2017
    Messages
    21
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 25
    Localisation : France, Morbihan (Bretagne)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Enseignement

    Informations forums :
    Inscription : Juin 2017
    Messages : 21
    Points : 15
    Points
    15
    Par défaut
    Bonjour

    Merci je me doutais que c'était impossible mais dans le doute..

    Et est-ce qu'il serait possible d'enregistrer seulement la div rendu de la page ?

  4. #4
    Invité
    Invité(e)
    Par défaut
    "enregistrer"...
    OK, mais où, dans quoi ?

    Ça veut dire quoi pour toi, "enregistrer" ?

  5. #5
    Membre à l'essai
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2017
    Messages
    21
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 25
    Localisation : France, Morbihan (Bretagne)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Enseignement

    Informations forums :
    Inscription : Juin 2017
    Messages : 21
    Points : 15
    Points
    15
    Par défaut
    Enregistrer
    Dans le sens où le texte copié de ma div serait enregistré dans un fichier (comme si on faisait un ctrl-s mais juste du contenu de la div)
    Et dans un dossier de notre pc

    Merci de prendre du temps pour moi

  6. #6
    Invité
    Invité(e)
    Par défaut
    Pour lire/écrire dans un fichier (ou pour enregistrer dans une base de données), il faut impérativement un langage dynamique, comme PHP ou ASP.


    Comme tu n'expliques pas vraiment le but de tout ça, ni ton niveau de connaissances, ni tes moyens techniques (serveur local ? WAMP ? ... ?), on ne peut pas t'en dire plus.

  7. #7
    Membre à l'essai
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2017
    Messages
    21
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 25
    Localisation : France, Morbihan (Bretagne)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Enseignement

    Informations forums :
    Inscription : Juin 2017
    Messages : 21
    Points : 15
    Points
    15
    Par défaut
    Mon but :

    L'entreprise où je suis m'a demandé de faire un site (un wiki) où leurs astuces de devs sont regroupées. Pour cela ils m'ont demandées d'utiliser hugo.
    C'est un cms mais qui génère des sites statiques donc mon serveur est sur l'intranet de l'entreprise et Hugo n'accepte pas le dynamique d'où mon problème, je ne peux pas en utiliser sur mon serveur

    J'ai parlé à mon tuteur d'utiliser un serveur apache à coté mais il avait pas l'air de vouloir.

    Mais c'est pas grave ils copieront eux même l'article dans un fichier, je vais pas tout faire à leur place non mais oh

  8. #8
    Invité
    Invité(e)
    Par défaut
    Tu aurais dû commencer par là.

    Je ne connais ni l'un ni l'autre.

    Par contre, il existe des docs, A LIRE, avec certainement des fonctions/méthodes spécifiques qui font ce que tu demandes :


  9. #9
    Membre à l'essai
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2017
    Messages
    21
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 25
    Localisation : France, Morbihan (Bretagne)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Enseignement

    Informations forums :
    Inscription : Juin 2017
    Messages : 21
    Points : 15
    Points
    15
    Par défaut
    T'inquiète pas pour ça les docs je les ai lu au moins 10 fois mdr et elles sont longues, et j'ai demandé de l'aide sur leur forum aussi mais sans succès. On est pas sensé modifier les thèmes normalement ni rajouter du html dedans mais bon je m'y connais un peu avec hugo mais c'est du code Go alors bon..

    Merci pour tout !

Discussions similaires

  1. Afficher un thème sur une autre page
    Par Chabanus dans le forum Langage
    Réponses: 5
    Dernier message: 21/11/2008, 16h58
  2. afficher le detail de la recherche sur une autre page
    Par super-java dans le forum Langage
    Réponses: 1
    Dernier message: 29/10/2007, 18h02
  3. Réponses: 3
    Dernier message: 13/09/2007, 14h33
  4. affiché/masqué div d'une autre page
    Par NoobX dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 25/10/2006, 15h24
  5. Réponses: 5
    Dernier message: 12/06/2006, 11h27

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