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

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Membre confirm�
    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
    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 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 n'est pas ais� de recup�rer la position du curseur dans un textArea, fais une recherche avec
    createTextrange, selectionStart ...
    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 !

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