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 :

Ajouter un élément dans un textarea sans en supprimer le contenu


Sujet :

JavaScript

  1. #1
    Membre régulier
    Homme Profil pro
    Inscrit en
    Décembre 2004
    Messages
    213
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Savoie (Rhône Alpes)

    Informations forums :
    Inscription : Décembre 2004
    Messages : 213
    Points : 92
    Points
    92
    Par défaut Ajouter un élément dans un textarea sans en supprimer le contenu
    Bonjour,

    sur ma page j'ai plusieurs formulaires, dont un formulaire qui contient un textarea et un autre formulaire avec un select, un code php permet d'afficher des éléments dans le select.
    J'ai fait une partie en javascript qui permet quand on choisit un élément dans le select de l'ajouter dans le textarea, mais à chaque fois ça me supprime ce que j'avais écris dans mon textarea.

    Code : 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
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    	<head>
    		<title>Ajoutez un aticle</title>
    		<meta content="text/html; charset=ISO-8859-1"
     http-equiv="content-type">
    		<link rel="stylesheet" href="orgpage.css" type="text/css" />
     
    		<script type="text/javascript">
    		function insert_images(image)
    		{
    			var input = document.forms['bbcode'].elements['texte'];
    			input.focus();
    			var insText = input.value;
    			var monimage="<img src=images_news/";
    			var monimage1=">";
    			var image=window.document.monselect.images.value;
    			window.document.bbcode.texte.value=insText+monimage+image+monimage1;
     
    		}
    		</script>
    	</head>
    <body>
    <br /><h2><center>Rédaction d'un article : </center></h2><br />
     
     
    		<form method="post" action="verifarticle.php" name="bbcode" >
    		<fieldset>
    			<legend>Veuillez écrire votre article</legend>
    			<div class="conteneur">
    				<div class="floatleft">
    					Titre de l'article : <input type="text" size="60" name="titre" value="<?php echo $titre; ?>">
     
    					Contenu de l'article : 
     
    					<textarea cols="100" rows="14" name="texte"  wrap="virtual"><?php echo $texte;  ?></textarea>
    					<input type="hidden" name="id_news" value="<?php echo $id_modif; ?>">
     
    					<input type="submit" name="envoi" value="Envoyer" >
    				</div>
    				<div class="spacer">
    					&nbsp;
    				</div>
    			</div>
    		</fieldset>		
    			</form>
     
    <fieldset>
    			<legend><u>Insertion optionnelle d'une image :</u></legend>	
    <table style="text-align: left; width: 100%;" border="0"
     cellpadding="2" cellspacing="2">
      <tbody>
        <tr>
          <td><form method="post" enctype="multipart/form-data" action="ajoutNews.php">
     
     
    	<div class="conteneur2">
    		<div class="floatleft">
    			Choissisez une image à transférer(uniquement jpg,png ou gif) : 
    			<input type="file" name="fich" accept="image/jpeg,image/gif,image/png,image/bmp"> 
    			<input type="submit" value="Envoyer">
    		</div>	
    	</div>
     
    </form>
    </td>
     
          <td>	<form method="post" name="monselect" >
     
    			<div class="conteneur2">
    				<div class="floatleft">
    				Choissisez l'image à ajouter à l'article  :  <select name="images"  multiple onChange="insert_images()">
    				<?php
                                    while (($file = readdir($dir)) !== false) 
                                    {
                                            print_r("<option   value=".$file.">".$file."</option>");
                                    }  
                                    
                                    ?>
    				</select>
     
     
    				</div>
    			</div>
     
    		</form>
    </td>	
        </tr>
      </tbody>
    </table>
    </fieldset>			
     
     
     
    </body>
    </html>
    Je voudrais pouvoir garder ce que j'avais écris dans le textarea, quand j'insére un élément du select.

    Merci d'avance

    P.S. : à force de réfléchir j'ai réussi à faire ce que je voulait, mais maintenant ça m'insère bien ce que j'ai dans le select dans mon textarea sans supprimer quoi que soit, mais ça ne l'insère pas en fonction de la position du curseur.

  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
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    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 640
    Points : 66 663
    Points
    66 663
    Billets dans le blog
    1
    Par défaut
    Il n'est pas aisé de recupérer la position du curseur dans un textArea, fais une recherche avec
    createTextrange, selectionStart ...

Discussions similaires

  1. Ajouter un fichier dans un Tar sans tout réécrire
    Par XSeb74 dans le forum Entrée/Sortie
    Réponses: 5
    Dernier message: 02/01/2012, 16h51
  2. [Tableaux] ajout d'éléments dans un tableau
    Par maysa dans le forum Langage
    Réponses: 7
    Dernier message: 06/11/2006, 10h09
  3. ajouter un élément dans une liste
    Par Le Mérovingien dans le forum Général JavaScript
    Réponses: 22
    Dernier message: 02/07/2006, 17h43
  4. Ajout nouveaux éléments dans liste de choix
    Par Crazyblinkgirl dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 23/06/2006, 15h17
  5. [Tableaux] ajout d'élément dans un tableau
    Par maximenet dans le forum Langage
    Réponses: 3
    Dernier message: 28/02/2006, 20h24

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