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 :

G�n�rer des inputs suppl�mentaire dynamiquement


Sujet :

JavaScript

  1. #1
    Membre averti
    Homme Profil pro
    �tudiant
    Inscrit en
    Janvier 2015
    Messages
    15
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (�le de France)

    Informations professionnelles :
    Activit� : �tudiant
    Secteur : A�ronautique - Marine - Espace - Armement

    Informations forums :
    Inscription : Janvier 2015
    Messages : 15
    Par d�faut G�n�rer des inputs suppl�mentaire dynamiquement
    bonjour

    Voici mon code

    Code php : 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
    <?php
    $filename = 'conf.txt';
    if (!file_exists($filename)) die('Fichier'.$filename.'inexistant');
    if (isset($_POST['submit'])) {
        unset($_POST['submit']);
        $filecontent = '';
        foreach($_POST as $k => $v) {
            $filecontent .= $k . ':' . implode(' ', $v) . PHP_EOL;
        }
        file_put_contents($filename, $filecontent);
        echo 'File updated';
    }
    $filetoarray = file($filename);
    foreach ($filetoarray as $line) {
        $config[] = explode(':', $line);
    }
    ?>
    <form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
        <?php foreach ($config as $value) :?>
            <br>
            <?php $ips = explode(' ', $value[1]); ?>
            <?php foreach ($ips as $ip) :?>
                <?php if (empty($ip)) continue; ?>
                <?php echo $value[0], ' '; ?>
                <input type="text" name="<?php echo $value[0]; ?>[]" value="<?php echo $ip; ?>"><br>
            <?php endforeach; ?>
        <?php endforeach; ?>
     
        <br/><input type="submit" name="submit" value="Valider" align="right" style="margin-left: 80px; width: 60px";>
        <br/><a href=""><input type="button" name="Reset" value="Reset" align="right" style="margin-left: 80px; width: 60px";></a>
    </form>

    Le code me permet la modification d'un fichier .txt qui est structurer de cette mani�re

    ip: 91.121.58.96 91.121.153.42 91.121.153.42

    user : xxxx

    password : xxxxx

    src_path : /var/www/

    dst_path : /tmp/data/

    packet_size : 30000

    Chaque valeurs de mon fichier .txt est mise dans un input et me permet sa modification.
    j'aimerais tous simplement ajouter un bouton Ajouter qui g�n�re des inputs suppl�mentaire pour le champ IP si l'utilisateur souhaite ajouter des IP suppl�mentaire et un bouton supprimer afin de supprimer une IP aussi.
    Merci d'avance

  2. #2
    R�dacteur

    Avatar de Bovino
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activit� : D�veloppeur Web
    Secteur : High Tech - �diteur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par d�faut
    j'aimerais tous simplement ajouter un bouton Ajouter
    Tu aimerais le faire ou tu aimerais qu'on te le fasse ?

    Parce que dans le premier cas, je ne vois pas le d�but du commencement d'une tentative qui nous permettrait de t'aider et dans le second cas, ce n'est pas le but du forum de faire ton travail � ta place.
    Pas de question technique par MP !
    Tout le monde peut participer � developpez.com, vous avez une id�e, contactez-moi !
    Mes formations video2brain : La formation compl�te sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'int�gration de JSFiddle et CodePen sur le forum

  3. #3
    Membre averti
    Homme Profil pro
    �tudiant
    Inscrit en
    Janvier 2015
    Messages
    15
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (�le de France)

    Informations professionnelles :
    Activit� : �tudiant
    Secteur : A�ronautique - Marine - Espace - Armement

    Informations forums :
    Inscription : Janvier 2015
    Messages : 15
    Par d�faut
    Si il n y a pas de d�but de tentative c'est que forc�ment je ne sais pas par ou commencer, comment ou plut�t quoi utiliser, je met mon code et mon fichier .txt pour mieux me faire comprendre et pour faciliter les r�ponses.
    Et dans mon post, en aucun cas c'est �crit de faire le travail � ma place donc je me passerai de tes coms qui ne m'avancent en rien Bovino. Une solution ou un d�but de solution serait la bienvenue donc oui, c'est de l'aide dont j'ai besoin.

  4. #4
    R�dacteur

    Avatar de Bovino
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activit� : D�veloppeur Web
    Secteur : High Tech - �diteur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par d�faut
    Ben � priori, t'as m�me pas essay� de chercher non plus...

    http://lmgtfy.com/?q=ajouter+un+input+en+javascript
    Pas de question technique par MP !
    Tout le monde peut participer � developpez.com, vous avez une id�e, contactez-moi !
    Mes formations video2brain : La formation compl�te sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'int�gration de JSFiddle et CodePen sur le forum

  5. #5
    R�dacteur/Mod�rateur

    Avatar de yahiko
    Homme Profil pro
    D�veloppeur
    Inscrit en
    Juillet 2013
    Messages
    1 424
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Alpes Maritimes (Provence Alpes C�te d'Azur)

    Informations professionnelles :
    Activit� : D�veloppeur

    Informations forums :
    Inscription : Juillet 2013
    Messages : 1 424
    Billets dans le blog
    43
    Par d�faut
    Sauf erreur d'interpr�tation du probl�me de ma part, je pense qu'il s'agit d'une op�ration � r�aliser c�t� serveur, et donc via PHP.
    Tutoriels et FAQ TypeScript

  6. #6
    Membre averti
    Homme Profil pro
    �tudiant
    Inscrit en
    Janvier 2015
    Messages
    15
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (�le de France)

    Informations professionnelles :
    Activit� : �tudiant
    Secteur : A�ronautique - Marine - Espace - Armement

    Informations forums :
    Inscription : Janvier 2015
    Messages : 15
    Par d�faut
    LOL Bovino j'ai bien envie de te faire un imprim �cran de mon navigateur web tu verra par toi m�me
    Yahico du JS serait plus facile pour faire ce dont j'ai besoin en fait je veux juste un bouton supprimer et un ajouter qui me permet d'ajouter un inputs au niveau des adresse IP et un supprimer pour supprimer des adresse IP s�lectionner par l'utilisateur

  7. #7
    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
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    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 : 39 659
    Billets dans le blog
    1
    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

    Venez sur le Chat de D�veloppez !

  8. #8
    R�dacteur/Mod�rateur

    Avatar de yahiko
    Homme Profil pro
    D�veloppeur
    Inscrit en
    Juillet 2013
    Messages
    1 424
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Alpes Maritimes (Provence Alpes C�te d'Azur)

    Informations professionnelles :
    Activit� : D�veloppeur

    Informations forums :
    Inscription : Juillet 2013
    Messages : 1 424
    Billets dans le blog
    43
    Par d�faut
    Dans ce cas, s'il s'agit juste d'ajouter des contr�les, utilise les m�thodes document.createElement et document.appendChild.
    Tutoriels et FAQ TypeScript

  9. #9
    Membre averti
    Homme Profil pro
    �tudiant
    Inscrit en
    Janvier 2015
    Messages
    15
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (�le de France)

    Informations professionnelles :
    Activit� : �tudiant
    Secteur : A�ronautique - Marine - Espace - Armement

    Informations forums :
    Inscription : Janvier 2015
    Messages : 15
    Par d�faut
    Je me renseigne de suite Yahiko
    SpaceFrog j'ai vu le post sur lequel tu ma envoyer mais je comprend pas trop le rapport peux-tu mieux m'�claircir s'il te plait ?

  10. #10
    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
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    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 : 39 659
    Billets dans le blog
    1
    Par d�faut
    le but n'est pas de cr�er des inputs dynamiquement ?
    Si c'est la question ... le rapport est l� ?
    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

    Venez sur le Chat de D�veloppez !

  11. #11
    Membre averti
    Homme Profil pro
    �tudiant
    Inscrit en
    Janvier 2015
    Messages
    15
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (�le de France)

    Informations professionnelles :
    Activit� : �tudiant
    Secteur : A�ronautique - Marine - Espace - Armement

    Informations forums :
    Inscription : Janvier 2015
    Messages : 15
    Par d�faut
    Quand je dis dynamiquement c'est pour dire en gros en javascript pour �viter que la page se recharge et je ne vois pas comment ajouter un bouton + qui me permet de cr�e des input une fois qu'on clique sur le bouton

  12. #12
    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
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    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 : 39 659
    Billets dans le blog
    1
    Par d�faut
    il te suffit de lancer la fonction d'ajout d'un input sur le click d'un bouton
    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

    Venez sur le Chat de D�veloppez !

  13. #13
    Membre averti
    Homme Profil pro
    �tudiant
    Inscrit en
    Janvier 2015
    Messages
    15
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (�le de France)

    Informations professionnelles :
    Activit� : �tudiant
    Secteur : A�ronautique - Marine - Espace - Armement

    Informations forums :
    Inscription : Janvier 2015
    Messages : 15
    Par d�faut
    quelle fonction??? L'ajouter ou????? si tu peux �tre un peu plus clair s'il te plait.

  14. #14
    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
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    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 : 39 659
    Billets dans le blog
    1
    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

    Venez sur le Chat de D�veloppez !

  15. #15
    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
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    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 : 39 659
    Billets dans le blog
    1
    Par d�faut
    ceci �tant c'est un vieux code qui date d'avant jquery ...
    il serait peut �tre plus simple de passer par jquery bien que ce script soit tr�s l�ger
    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

    Venez sur le Chat de D�veloppez !

  16. #16
    Membre averti
    Homme Profil pro
    �tudiant
    Inscrit en
    Janvier 2015
    Messages
    15
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (�le de France)

    Informations professionnelles :
    Activit� : �tudiant
    Secteur : A�ronautique - Marine - Espace - Armement

    Informations forums :
    Inscription : Janvier 2015
    Messages : 15
    Par d�faut
    effectivement le scripte fonctionne tr�s bien j'aimerais juste l'appliquer pour qu'il soit au niveau de mes IP ou plut�t pour qu'il fonctionne que avec ma case IP .

Discussions similaires

  1. R�ponses: 4
    Dernier message: 27/02/2015, 21h23
  2. G�n�rer des composants en dynamique conditionnellement
    Par kracter56 dans le forum D�buter
    R�ponses: 3
    Dernier message: 18/08/2012, 15h54
  3. R�ponses: 1
    Dernier message: 27/05/2008, 18h43
  4. G�n�rer des input � partir d'un select
    Par Rekiem dans le forum G�n�ral JavaScript
    R�ponses: 7
    Dernier message: 10/05/2006, 15h51
  5. Comment g�n�rer des pages HTML dynamiques ?
    Par Devil666 dans le forum Java EE
    R�ponses: 2
    Dernier message: 15/04/2005, 10h56

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