begin process at 2010 02 10 15:42:59
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Inserer un lien dans un textarea depuis un popup....


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Inserer un lien dans un textarea depuis un popup....

vendredi 17 novembre 2006 à 10:15:22 | Inserer un lien dans un textarea depuis un popup....

jacknikolson

Bonjour,

J'aimerais réaliser un truc mais je ne sais pas du tout comment faire. Il s'agit de JS mais comme je ne maîtrise pas du tout je demande de l'aide.

Voici le projet:

Je travaille sur un portail.
J'ai une page pour poster des articles, avec un petit éditeur de texte. Depuis cette page je peux ouvrir une popup pour visualiser les images d'un dossier (l'URL de l'image s'affiche sous celle-ci). Si je veux insérer une image dans mon article je dois prendre son url, la coller dans l'éditeur de texte et entourer cette url avec des balises [img]url-de-mon-image[/img].

Ce que je voudrais, si c'est réalisable, c'est que depuis ma popup, en cliquant sur un bouton "insérer" situé sous chaque image ça insère dirrectement [img]url-de-mon-image[/img] dans le champ de texte de ma page principale là où se trouve le curseur....

J'ai trouvé ailleurs dans le portail une page qui gère le choix d'avatars de cette façon mais je ne réussis pas à adapter ça à mon cas.

Dans la popup l'image s'affiche avec ce lien:
<img name="'.$entree.'" src="images/avatars/'.$entree.'" alt="'.$entree.'" onclick="window.opener.document.new_user.user_avatar.value=this.name;window.opener.document.new_user.avatar.src=\'./images/avatars/\'+this.name" />

Dans la page de base il y a cette fonction:
<script type="text/javascript">
function showimage() {
   if (!document.images)
   return
   document.images.avatar.src=
   \'./images/avatars/\' + document.new_user.user_avatar.options[document.new_user.user_avatar.selectedIndex].value
  }
</script>

L'endroit où l'avatar change quand on clique sur celui de la popup indique ceci:
  <select onchange="showimage()" name="user_avatar" id="user_avatar">';
  $repertoire = './images/avatars/';
  $rp = opendir ($repertoire);
  while ($entree = readdir ($rp))
  {
   $ext = strrpos ($entree, '.');
   switch (strtolower (substr ($entree, $ext + 1)))
   {
    case 'jpg':
    case 'gif':
    case 'png':
    echo '<option value="'.$entree.'">'.$entree.'</option>';
   }
  }
  closedir ($rp);
  $signature = (isset($_REQUEST['signature']) ? '' : $signature) ;
  $regles_forum = (isset($_REQUEST['regles_forum']) ? '' : $regles_forum) ;
  echo '</select>&nbsp;&nbsp;
  <img src="./images/avatars/1.gif" alt="Avatar" name="avatar" id="avatar" />

  
Je ne réussis pas à adapter ça à mon cas. Si quelqu'un a la solution merci d'avance.

Voici mon code:



<?php


####################################################################
######## générer la popup de gestion des images du module ##########
####################################################################

if (isset($_REQUEST['avatar']) && $_REQUEST['avatar'] == 'voir')
{
 if(!file_exists('../../themes/'.$theme.'/themeinfo.php'))
 {
  $dir=opendir('../../themes');
  while(($theme=readdir($dir))!==FALSE)
  {
   if(file_exists('../../themes/'.$theme.'/themeinfo.php')){break;}
  }
  if(!file_exists('../../themes/'.$theme.'/themeinfo.php')){
   function bloc_head($titre)
   {
    echo '<h1>'.$titre.'</h1><div>';
   }
   function close_table()
   {
    echo '</div>';
   }
  }
 }else{
  include_once '../../themes/'.$theme.'/themeinfo.php';
  include_once '../../themes/'.$theme.'/bloc.php';
 }
 ?>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//FR"
 " [ Lien ]">
 <?php
 echo '
 <html xmlns=" [ Lien ]">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 <meta http-equiv="Content-Language" content="fr"/>
 <title>......Gestion des images du module......</title>
 <link rel="stylesheet" type="text/css" href="../../themes/'.$theme.'/style/style.css"></link>
 <script type="text/javascript" src="../../themes/'.$theme.'/png.js"></script>
 </head>
 <body><br />';
  ## UPLOAD##
  error_reporting(0);
 $err = '';
 if (isset ($_GET['type']) && $_GET['type'] == 'valid')
  {
  // A adapter
  $largeur_max = 800;
  $hauteur_max = 1200;
  $poids_max   = 1000000;
  // Pas touche à la suite
  $poids_max_txt = round($poids_max / 1024).' ko';
  if (is_uploaded_file ($_FILES['image']['tmp_name']))
   {
   if ($infos_img = getimagesize ($_FILES['image']['tmp_name']))
    {
    if ($infos_img[0] > $largeur_max)
    $err = 'Taille ou format incorects (voir mode d\'emploi)';
    if ($infos_img[1] > $hauteur_max)
    $err = 'Taille ou format incorects (voir mode d\'emploi)';
    if ($image_size > $poids_max)
    $err = 'Taille ou format incorects (voir mode d\'emploi)';
    if ($infos_img[2] == 5 || $infos_img[2] == 6)
    $err = 'Taille ou format incorects (voir mode d\'emploi)';
    if (file_exists('../../modules/publications/images/'.$image_name))
    $err .= 'Il y a d&eacute;j&agrave; une image avec ce nom.<br />';
    if ($err == '')
     {
     move_uploaded_file ($_FILES['image']['tmp_name'], '../../modules/publications/images/'.$_FILES['image']['name']);
     $err = 'L\'image a bien &eacute;t&eacute; transf&eacute;r&eacute;e';
     }
    }
   else
   $err .= 'Ce n\'est pas une image qui a &eacute;t&eacute; upload&eacute;e.<br />';
   }
  else
  $err .= 'Aucune image n\'a &eacute;t&eacute; upload&eacute;e.';
  }
 echo '
 <table style="align: center;">
 <tr>
 <td align="left">
 Ajout d\'image à la base de données . <br />
 
 <form name="upload" enctype="multipart/form-data" method="post" action="../../modules/publications/poster.php?avatar=voir&amp;type=valid">
 
 <input type="hidden" name="MAX_FILE_SIZE" value="50000000" />
 
 <input type="file" size="33" name="image" style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 17px; margin: 0px; padding: 0px; height: 17px;  border: 1px solid #CCCCCC;"/>
 
 <input type="submit" value="" style=" line-height: 17px; background-color: #CCCCCC; background-image: url(../../modules/publications/images-module/ajouter.jpg); background-repeat: no-repeat; height: 17px; width: 62px; position: relative; top: 1px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;" />
 ';
 if ($err != '')
  {
  echo '<div style=" line-height: 1px height:10px text-align: left; vertical-align: top;">'.$err.'</div>';
  }
 echo'
 </form>
 </td>
 </tr>
 </table>
 ';
 
 $loop = 0;
 echo '';
 echo '<p align="center">
 <p><strong> MODE D\'EMPLOI</strong></p>
<p>1) Si n&eacute;cessaire, ajoutez vous images dans la base de donn&eacute;es d\'images du module. <br />
  2) Copiez le lien complet situ&eacute; sous l\'image et collez-le dans l\'&eacute;diteur de texte.<br />
  2) S&eacute;lectionnez ce lien dans l\'éditeur de texte et cliquez sur l`\'ic&ocirc;ne "image"</p>
<p>
  ** Attention cliquer sur [Supprimer] supprime <strong>d&eacute;finitivement</strong> l\'image***</p>

 </p>';
 // Fonction pour deleter une image.
 
    if ($faire_image == 'del'){
  unlink('../../modules/publications/images/'.$_GET['nom_img']);
  echo '<br /><center>L"image a &eacute;t&eacute; supprim&eacute;e du serveur !
  <br /><br /><a href="../../modules/publications/poster.php?avatar=voir"></a></center><br />';
 }
  
 echo '<br /><table width="100%"  border="1" cellspacing="0" cellpadding="6"><tr>';
 $repertoire = '../../modules/publications/images/';
 $rp = opendir ($repertoire);
 while ($entree = readdir ($rp))
 {
  $ext = strrpos ($entree, '.');
  switch (strtolower (substr ($entree, $ext + 1)))
  {
   case 'jpg':
   case 'gif':
   case 'png':
   $loop ++;
   
   ## ************  C'est ici que s'affiche l'image dans la popup ******************##
   
   echo '<td align="center" valign="middle">
   
   <img name="'.$entree.'" src="../../modules/publications/images/'.$entree.'" alt="'.$entree.'" /><br />
   
   <b>modules/publications/images/'.$entree.'</b>
   <br /><br />
   <a href="../../modules/publications/poster.php?avatar=voir&amp;faire_image=del&amp;nom_img='.$entree.'"> [Supprimer]</a>
   
   </td>';
   
   ## ************************************************************* ##
   if ($loop >= 2)
   {
    $loop = 0;
    echo '</tr>';
   }
  }
 }
 echo '</table>';
 closedir ($rp);
 
 echo '</body>
 </html>';
}

### Fin popup###
#######################################
$formulaire = $_POST['formulaire'];

// Modification : Ajout de la requete options
$req_options = reqmysql('SELECT grade_admin FROM publications_options');
$option      = mysql_fetch_object($req_options);

if ($grade >= $option->grade_admin)
{
 
 $req_art = reqmysql('SELECT titre, id, position FROM `publications_cat` ORDER BY `publications_cat`.`position` ASC');
 $nb = mysql_num_rows($req_art);
 
 // Aucune rubrique créée
 if ($nb ==0)
 {
  bloc_head('Erreur') ;
  echo '<center><br />Vous devez cr&eacute;er des rubriques avant de pouvoir poster !<br /><br />
  <a href="index.php?mod=publications&amp;ac=gestioncat"><strong>Cr&eacute; une rubrique</strong></a><br /><br /></center>' ;
  close_table() ;
  return ;
 }

 
 if(isset($_POST['action']) && $_POST['action']=='envoyer')
 {
  $temps      = time();
  
  // Modification : On insère 0 à la valeur de validation pour que l'publications soit validé directement
  ## |||||||||||||||||||||||| Modif par VANGARDIS |||||||||||||||||||||||| ##
  //Modif pour remplir le champ position que j'ai rajouté
  //--> on prend la position
  
  $req=reqmysql("SELECT position FROM `publications` WHERE `publications`.`ref`=".$_POST['ref']."
                        ORDER BY position DESC");
                        $result = mysql_fetch_object($req) ;
                        $new_pos = $result->position + 1 ;
      
  // Au post de l'article on rajoute le champ "position" ("'.$new_pos.'")
  $req = reqmysql('INSERT INTO `publications` (titre,date,auteur,ref,texte,type,attribut,validation,position) VALUES ("'.addslashes($_POST['titrenews']).'","'.$temps.'","'.$pseudo.'","'.$_POST['ref'].'","'.addslashes($_POST['texte']).'","'.$_POST['type'].'","'.bbcode($_POST['smileys']).'","0", "'.$new_pos.'");') or die ('<br /><center>Une erreur est survenue !</center>') ;
  
  
  ## |||||||||||||||||||||||| FIN Modif par VANGARDIS |||||||||||||||||||||||| ##
  
  bloc_head('Information');
  echo '
  <p align="center">Merci de votre participation !</p>
  <form action="index.php">
  <input type="hidden" name="mod" value="publications" />
  <input type="hidden" name="ac" value="gestion" />
  <p align="center"><input type="submit" value=" Retour " /></p>
  </form>';
  close_table();
  
 }
 else
 {
  
  bloc_head('Poster une publication :');
  
  echo '
  <table width=519" border="0" cellspacing="0" cellpadding="0" align="center" style="line-height: 13px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 padding: 0px;">
  <tr>
    <td>
  
  <script type="text/javascript" src="bbcode.js"></script>
  <script type="text/javascript">
  function envoyer(formulaire)
  {
   if (formulaire.titrenews.value=="")
   {
    alert("Veuillez indiquer un titre pour votre publications.");
    formulaire.titrenews.focus();
    return false;
   }
   if (formulaire.texte.value=="")
   {
    alert("Veuillez indiquer un contenu pour votre publications.");
    formulaire.texte.focus();
    return false;
   }
   formulaire.submit();
  }
  </script>
  
  
  <center>
<form name="formulaire" method="post" action="index.php" style="
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 line-height: 20px;
 margin: 0px;
 padding: 0px;">
  <input type="hidden" name="mod" value="publications" />
  <input type="hidden" name="ac" value="poster" />
  <input type="hidden" name="action" value="envoyer" />
  <input type="hidden" name="id" value="'.intval($_GET['id']).'" />
  
  Titre :
  <input style="
  font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 15px; margin: 0px; padding: 0px; height: 15px;" type="text" name="titrenews" size="30" />
  
  Rubrique :
  <select style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 15px; margin: 0px; padding: 0px; height: 15px;" name="ref">';
  
  while ($publications = mysql_fetch_object($req_art))
  {
   $publications->titre = htmlentities(stripslashes($publications->titre));
   echo '<option value="'.$publications->id.'">'.$publications->titre.'</option>';
  }
  echo '
  </select></center>
  
';
  
  echo '
  <table border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td align="center" valign="middle" style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px; margin: 0px; padding: 0px; height: 20px;">

<u>Format du texte</u> : <input style="border-style: none; margin: 0px; padding: 0px;" type="radio" value="0" name="type" />html&nbsp;&nbsp;<input style="border-style: none; margin: 0px; padding: 0px;" type="radio" checked="checked" value="1" name="type" />Balises BBcode&nbsp;&nbsp;<input style="border-style: none; margin: 0px; padding: 0px;" type="radio" value="2" name="type" />Lien vers une page

<table border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td align="center" valign="middle">

 

 

<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="19"><img src="modules/publications/images-module/coin-g.gif" width="19" height="36"></td>
    <td width="322" align="left"><table width="322" border="0" cellspacing="0" cellpadding="0" align="left">
      <tr>
        <td align="left" valign="middle" nowrap>
  
  <a href=format(\'text-right\');>
    <img src="modules/publications/images-module/text-droite.jpg" alt="Texte align&eacute; &agrave; droite" border="0" align="left" onMouseover="this.src=\'modules/publications/images-module/text-droite-sur.jpg\'" onMouseout="this.src=\'modules/publications/images-module/text-droite.jpg\'"></a>
   
     <a href=javascript:format(\'center\');> <img src="modules/publications/images-module/centrer.jpg" alt="Centrer" border="0" align="left" onMouseover="this.src=\'modules/publications/images-module/centrer_sur.jpg\'" onMouseout="this.src=\'modules/publications/images-module/centrer.jpg\'"></a>
    
    
    
     <a href=javascript:format(\'text-justify\');>
    <img src="modules/publications/images-module/text-justify.jpg" alt="Texte justifi&eacute;" border="0" align="left" onMouseover="this.src=\'modules/publications/images-module/text-justify-sur.jpg\'" onMouseout="this.src=\'modules/publications/images-module/text-justify.jpg\'"></a>
    
    
     <a href=javascript:format(\'text-left\');> <img src="modules/publications/images-module/text-gauche.jpg" alt="Texte align&eacute; &agrave; gauche" border="0" align="left" onMouseover="this.src=\'modules/publications/images-module/text-gauche-sur.jpg\'" onMouseout="this.src=\'modules/publications/images-module/text-gauche.jpg\'"></a>
    
  <a href=javascript:format(\'b\');> <img src="modules/publications/images-module/gras.jpg" alt="gras" border="0" align="left" onMouseover="this.src=\'modules/publications/images-module/gras_sur.jpg\'" onMouseout="this.src=\'modules/publications/images-module/gras.jpg\'"></a>
  
  <a href=javascript:format(\'i\');> <img src="modules/publications/images-module/italique.jpg" alt="italique" border="0" align="left" onMouseover="this.src=\'modules/publications/images-module/italique_sur.jpg\'" onMouseout="this.src=\'modules/publications/images-module/italique.jpg\'"></a>
  
  <a href=javascript:format(\'u\');> <img src="modules/publications/images-module/souligner.jpg" alt="souligner" width="22" height="22" border="0" align="left" onMouseover="this.src=\'modules/publications/images-module/souligner_sur.jpg\'" onMouseout="this.src=\'modules/publications/images-module/souligner.jpg\'"></a>
    
     <a href=javascript:format(\'barre\');> <img src="modules/publications/images-module/barrer.jpg" alt="barrer" width="22" height="22" border="0" align="left" onMouseover="this.src=\'modules/publications/images-module/barrer_sur.jpg\'" onMouseout="this.src=\'modules/publications/images-module/barrer.jpg\'"></a>
    
     <a href=javascript:format(\'puce\');> <img src="modules/publications/images-module/puce.jpg" alt="puce" width="22" height="22" border="0" align="left" onMouseover="this.src=\'modules/publications/images-module/puce_sur.jpg\'" onMouseout="this.src=\'modules/publications/images-module/puce.jpg\'"></a> 
    
    
     
    
    
     <a href=javascript:format(\'surlign\');> <img src="modules/publications/images-module/surligner.jpg" alt="surligner" width="22" height="22" border="0" align="left" onMouseover="this.src=\'modules/publications/images-module/surligner_sur.jpg\'" onMouseout="this.src=\'modules/publications/images-module/surligner.jpg\'"></a>
    
    
     <a href=javascript:format(\'quote\');> <img src="modules/publications/images-module/citation.jpg" alt="citation" width="22" height="22" border="0" align="left" onMouseover="this.src=\'modules/publications/images-module/citation_sur.jpg\'" onMouseout="this.src=\'modules/publications/images-module/citation.jpg\'"></a>
    
    
     <a href=javascript:format(\'code\');> <img src="modules/publications/images-module/code.jpg" alt="code" width="22" height="22" border="0" align="left" onMouseover="this.src=\'modules/publications/images-module/code_sur.jpg\'" onMouseout="this.src=\'modules/publications/images-module/code.jpg\'"></a>
    
    
    
            <select style="
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  margin: 0px;
  padding: 0px;
  width:58px;"
  name=select onChange="taille(this.options[this.selectedIndex].value)">
              <option value=""> taille </option>
              <option value="01">1</option>
              <option value="02">2</option>
              <option value="03">3</option>
              <option value="04">4</option>
              <option value="05">5</option>
              <option value="06">6</option>
              <option value="07">7</option>
              <option value="08">8</option>
              <option value="09">9</option>
                   
      ';
for($i=10;$i<40;$i++) {
echo '<option value='.$i.'>'.$i.'</option>';
}
echo'
          </select>
    </td>
        </tr>
      <tr>
        <td align="left" valign="top" style="height:14px; font-size: 1px; line-height: 1px; background-color:#d2cfd4;"><img src="images/colors.gif" alt="couleurs" hspace="0" vspace="0" align="top" usemap="#coul" style="border:1px solid; width:320px; height:10px;" /></td>
      </tr>
    </table></td>
    <td width="19"><img src="modules/publications/images-module/coin-d.gif" width="19" height="36"></td>
    <td width="19"><img src="modules/publications/images-module/coin-g.gif" width="19" height="36"></td>
    <td width="100%" align="center" valign="middle"style="background-image: url(modules/publications/images-module/ground.gif); background-repeat: repeat-x; background-color:#d2cfd4;">
 
 <a href="javascript:;" onclick="window.open(\'modules/publications/poster.php?avatar=voir\',\'test\',\'width=800,height=400,scrollbars=yes,resizable=1,\');"><img src="modules/publications/images-module/gere-image.gif" alt="vangardis creation de sites internet" width="121" height="23" hspace="0" vspace="0" border="0" align="left"></a>
 
 </td>
    <td width="19"><img src="modules/publications/images-module/coin-d.gif" width="19" height="36"></td>
  </tr>
</table>
<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="19"><img src="modules/publications/images-module/coin-g.gif" width="19" height="36"></td>
    <td width="132" align="left"><table width="132" border="0" cellspacing="0" cellpadding="0" align="left">
        <tr>
          <td align="left" valign="middle" nowrap>
   
   
    <a href=javascript:format(\'element-left\');>
    <img src="modules/publications/images-module/element-gauche.jpg" alt="El&eacute;m&eacute;nt flottant &agrave; gauche" width="22" height="22" border="0" align="left" onMouseover="this.src=\'modules/publications/images-module/element-gauche-sur.jpg\'" onMouseout="this.src=\'modules/publications/images-module/element-gauche.jpg\'"></a>
   
   
   <a href=javascript:format(\'element-right\');>
    <img src="modules/publications/images-module/element-droite.jpg" alt="El&eacute;ment flottant &agrave; droite" width="22" height="22" border="0" align="left" onMouseover="this.src=\'modules/publications/images-module/element-droite-sur.jpg\'" onMouseout="this.src=\'modules/publications/images-module/element-droite.jpg\'"></a>
   
   
   
    <a href=javascript:format(\'url\');> <img src="modules/publications/images-module/lien.jpg" alt="lien" width="22" height="22" border="0" align="left" onMouseover="this.src=\'modules/publications/images-module/lien_sur.jpg\'" onMouseout="this.src=\'modules/publications/images-module/lien.jpg\'"></a>
   
    <a href=javascript:format(\'img\');> <img src="modules/publications/images-module/image.jpg" alt="image" width="22" height="22" border="0" align="left" onMouseover="this.src=\'modules/publications/images-module/image_sur.jpg\'" onMouseout="this.src=\'modules/publications/images-module/image.jpg\'"></a> 
   
    <a href=javascript:format(\'encadre\');>
    <img src="modules/publications/images-module/encadrement.jpg" alt="Encadrement" width="22" height="22" border="0" align="left" onMouseover="this.src=\'modules/publications/images-module/encadrement-sur.jpg\'" onMouseout="this.src=\'modules/publications/images-module/encadrement.jpg\'"></a>
   
    <a href=javascript:format(\'panneau\');> <img src="modules/publications/images-module/panneau.jpg" alt="panneau" width="22" height="22" border="0" align="left" onMouseover="this.src=\'modules/publications/images-module/panneau_sur.jpg\'" onMouseout="this.src=\'modules/publications/images-module/panneau.jpg\'"></a>
          </td>
        </tr>
        <tr>
          <td align="left" valign="top" style="height:14px; font-size: 1px; line-height: 1px; background-color:#d2cfd4;">&nbsp;</td>
        </tr>
    </table></td>
    <td width="19"><img src="modules/publications/images-module/coin-d.gif" width="19" height="36"></td>
    <td width="19"><img src="modules/publications/images-module/coin-g.gif" width="19" height="36"></td>
    <td width="100%" align="center" valign="middle"style="background-image: url(modules/publications/images-module/ground.gif); background-repeat: repeat-x; background-color:#d2cfd4;">&nbsp;  </td>
    <td width="19"><img src="modules/publications/images-module/coin-d.gif" width="19" height="36"></td>
  </tr>
</table>

 

 <div style="text-align:left;">';
 
 ## ****************** le champ de texte où devrait s'afficher le lien image est ici *********##
 
  echo'
 <textarea style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px; margin: 0px; padding: 0px;" rows="20" cols="83" id="texte" name="texte"></textarea>
 
 
 
 </div>
</td>
  </tr>
</table>
</td>
  </tr>
</table>
  
  <input type="button" value="Poster" onclick="envoyer(this.form);" />&nbsp;&nbsp;&nbsp;
  <input type="button" value="Annuler" onclick="history.go(-1)" />
  
  
';

## SMILEYS ##
$smiley_count =0;

function smileys($afficher = 1)
{
 global $smiley_count ;
 $tab_width = 10;
 $limi      = array(30);
 echo '
 
 <map name="coul" id="coul">
 <area shape="rect" coords="0,0,20,10" href="javascript:couleur(\'#ffffff\');" alt="Blanc" />
 <area shape="rect" coords="15,0,40,10" href="javascript:couleur(\'#000000\');" alt="Noir" />
 <area shape="rect" coords="30,0,60,10" href="javascript:couleur(\'#000066\');" alt="Bleu foncé" />
 <area shape="rect" coords="45,0,80,10" href="javascript:couleur(\'#009900\');" alt="Vert" />
 <area shape="rect" coords="60,0,100,10" href="javascript:couleur(\'#cc3300\');" alt="Rouge" />
 <area shape="rect" coords="75,0,120,10" href="javascript:couleur(\'#660000\');" alt="Marron" />
 <area shape="rect" coords="90,0,140,10" href="javascript:couleur(\'#990099\');" alt="Violet" />
 <area shape="rect" coords="105,0,160,10" href="javascript:couleur(\'#ff6600\');" alt="Orange" />
 <area shape="rect" coords="120,0,180,10" href="javascript:couleur(\'#ffff00\');" alt="Jaune" />
 <area shape="rect" coords="135,0,200,10" href="javascript:couleur(\'#00ff00\');" alt="Vert clair" />
 <area shape="rect" coords="150,0,220,10" href="javascript:couleur(\'#009999\');" alt="Vert foncé" />
 <area shape="rect" coords="165,0,240,10" href="javascript:couleur(\'#00ffff\');" alt="Turquoise" />
 <area shape="rect" coords="180,0,260,10" href="javascript:couleur(\'#0000ff\');" alt="Bleu" />
 <area shape="rect" coords="195,0,280,10" href="javascript:couleur(\'#ff00ff\');" alt="Fushia" />
 <area shape="rect" coords="210,0,300,10" href="javascript:couleur(\'#666666\');" alt="Gris foncé" />
 <area shape="rect" coords="225,0,320,10" href="javascript:couleur(\'#cccccc\');" alt="Gris clair" />
 </map>
 
 <center>

 <input style="border-style: none; margin: 0px; padding: 0px;" type="radio"';
 if($afficher==1)
 echo '
 checked="checked"
 value="1" name="smileys" />&nbsp;&nbsp;Activer les smileys
 <input style="border-style: none; margin: 0px; padding: 0px;" type="radio"';
 if($afficher==0)
 echo '
 checked="checked"';
 echo'
 value="0" name="smileys" />D&eacute;sactiver les smileys<br /><br />
 <a href="index.php?mod=forum&amp;ac=manuel" target="_blank">[Manuel d&rsquo;utilisation du BBcode]</a><br /><br />
';
 
 
 $smileys = array();
 $rep     = opendir('./images/smileys/');
 while ($file = readdir($rep ))
 {
  if ((strtolower(substr($file ,-3))=="gif" || strtolower(substr($file ,-3))=="png" || strtolower(substr($file ,-3))=="jpg") && substr($file ,0,1)=="s")
  {
   $id_img = substr($file ,1) ;
   $id_img = substr($id_img ,0,-4) ;
   $id_img = str_replace('g3ag',':',$id_img ) ;
   $id_img = str_replace('g3bg',';',$id_img ) ;
   $id_img = str_replace('g28g','(',$id_img ) ;
   $id_img = str_replace('g29g',')',$id_img ) ;
   $id_img = str_replace('g23g','#',$id_img ) ;
   $id_img = str_replace('g7cg','|',$id_img ) ;
   $id_img = str_replace('g21g','!',$id_img ) ;
   $id_img = str_replace('g24g','$ ',$id_img ) ;
   $id_img = str_replace('g25g','%',$id_img ) ;
   $id_img = str_replace('g27g','\'',$id_img ) ;
   $id_img = str_replace('g2ag','*',$id_img ) ;
   $id_img = str_replace('g3cg','<',$id_img ) ;
   $id_img = str_replace('g3dg','=',$id_img ) ;
   $id_img = str_replace('g3eg','>',$id_img ) ;
   $id_img = str_replace('g3fg','?',$id_img ) ;
   $id_img = str_replace('g40g','@',$id_img ) ;
   $id_img = str_replace('g5bg','[',$id_img ) ;
   $id_img = str_replace('g5cg','\\',$id_img ) ;
   $id_img = str_replace('g5dg',']',$id_img ) ;
   $id_img = str_replace('g5fg','_',$id_img ) ;
   $id_img = str_replace('g7bg','{',$id_img ) ;
   $id_img = str_replace('g7dg','}',$id_img ) ;
   $id_img = str_replace('g2fg','/',$id_img ) ;
   $limi []=10000;
   $si =getimagesize('images/smileys/'.$file );
   $smileys []=array($file ,$si [0],$si [1],$id_img );
  }
  
 }
 closedir($rep );
 clearstatcache();
 
 if(count($smileys )>0)
 {
  usort($smileys ,'comp');
  
  $i =0;$ct =0;
  
  echo '<a href="javascript:bb_chg(\'smil_'.($ct +$smiley_count ).'\');" >Smileys</a><br /><div id="smil_'.($ct +$smiley_count ).'" style="display:block;"><div>'."\n" ;
  
  $cur =$limi [0];
  
  foreach($smileys as $n => $smil )
  {
   $i ++;
   
   if($smil [1]<=$cur && $smil [2]<=$cur )
   {
    echo '<a href="javascript:sm(\''.$smil [3].'\');"><img src="images/smileys/'.$smil [0].'" alt="images/smileys/'.$smil [0].'" style="border:none;"/></a>&nbsp;'."\n" ;
    
   }
   else
   {
    $ct ++;
    
    for($j =$i ;$j <=$tab_width ;$j ++)
    {
     echo '';
    }
    
    echo '<br /><br /><a href="javascript:bb_chg(\'smil_'.($ct +$smiley_count ).'\');">De plus gros smileys...</a><div id="smil_'.($ct +$smiley_count ).'" style="display:none;">'."\n" ;
    echo '<a href="javascript:sm(\''.$smil [3].'\');"><img src="images/smileys/'.$smil [0].'" alt="images/smileys/'.$smil [0].'" style="border:none;"/></a>';
    $cur =$limi [$ct ];
    $i =1;
   }
   if($i %$tab_width ==0)
   {
    echo '<br />';$i =0;
   }
   
  }
  for($j =$i %$tab_width +1;$j <=$tab_width ;$j ++)
  {
   echo '&nbsp;';
  }
  
  echo '<br /></div></div>';
  
  for($c =$ct ;$c >0;$c --)
  {
   echo '</div>';
  }
 }
 
 $smiley_count +=$ct +1;
 echo'</center>';
 
}

smileys();
echo'
</td>
  </tr>
</table>
  ';
  //afficher_smileys();
  echo '
</form>
  ' ;
  close_table();
 }
 
}
else
{
 open_table();
 echo '
 <p style="text-align:center;">
 <strong>Fonction r&eacute;serv&eacute;e !<br /><br />
 Vous n&lsquo;avez pas le grade suffisant pour acc&eacute;der &agrave; cette partie du site !</strong><br /><br />
 <form action="index.php">
 <center><input type="submit" value="  Retour  "/></center>
 </form>
 </p>';
 close_table();
}

$aff_drt=1;

?>


Merci pour votre aide.

vendredi 17 novembre 2006 à 11:58:54 | Re : Inserer un lien dans un textarea depuis un popup....

jacknikolson

En fait , j'ai avancé un peu mes recherches.

Il semblerait que ce qui fait pour moi c'est getElementById

Mais je n'arrive pas à l'utiliser.....

Que dois-je changer à ça?

<img name="'.$entree.'" src="../../modules/publications/images/'.$entree.'" alt="'.$entree.'" onclick="window.opener.document.formulaire.getElementById("texte").value=this.src;" />

sachant que j'ai rajouté:

<form name="formulaire" id="formulaire"

dans mon form et que mon textarea est sous la forme

<textarea rows="20" cols="83" id="texte" name="texte">
vendredi 17 novembre 2006 à 12:46:08 | Re : Inserer un lien dans un textarea depuis un popup....

PetoleTeam

Membre Club
B onjour...
onclick="window.opener.document.getElementById("texte").value=this.src;"
devrait suffire... sans formulaire puisque textarea a un ID

;0)
vendredi 17 novembre 2006 à 17:24:08 | Re : Inserer un lien dans un textarea depuis un popup....

jacknikolson

Salut,

<img name="'.$entree.'" src="../../modules/publications/images/'.$entree.'" alt="'.$entree.'" onclick="window.opener.document.formulaire.titrenews.value=this.src;"/>


envoie bien l'URL dans le champ titrenews, même si titrenews n'a pas d'id mais juse un "name"

Mais NI
<img name="'.$entree.'" src="../../modules/publications/images/'.$entree.'" alt="'.$entree.'" onclick="window.opener.document.getElementById("texte").value=this.src;"/>
NI
<img name="'.$entree.'" src="../../modules/publications/images/'.$entree.'" alt="'.$entree.'" onclick="window.opener.document.formulaire.getElementById("texte").value=this.src;"/>

ne renvoient rein dans le textarea
vendredi 17 novembre 2006 à 17:28:22 | Re : Inserer un lien dans un textarea depuis un popup....

jacknikolson

Ok j'ai trouvé....il s'agissait d'un souci de guillemets....

<img name="'.$entree.'" src="../../modules/publications/images/'.$entree.'" alt="'.$entree.'" onclick="window.opener.document.getElementById(\'texte\').value=this.src;"/>

Ca fonctionne parfaitement!!!

Merci pour le coup de main.

vendredi 17 novembre 2006 à 17:38:06 | Re : Inserer un lien dans un textarea depuis un popup....

jacknikolson

un autre détail.

Quand je clique ça met bien le lien mais si je clique une autre image ça remplace le lien.....j'aimerais bien que ça le mette à la queue...
Que ça l'insère là où se trouve le curseur en fait.

Est-ce possible?
mercredi 22 novembre 2006 à 14:18:02 | Re : Inserer un lien dans un textarea depuis un popup....
mercredi 22 novembre 2006 à 14:31:52 | Re : Inserer un lien dans un textarea depuis un popup....

astuces_jeux

excuse moi c'est pas "wysiwig" mais "wysiwyg" sur les adresses que jai mis ou aussi http://www.codes-sources.com
tu y verras des exemple d'éditeur de texte
voici un exemple de code :
------------------------------------------------index.htm----------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
" [ Lien ]">
<html>
<head>
<title>WYSIWYG</title>
<script language="javascript" src="wysiwyg.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body>

<p>
  WYSIWYG:<br>
  <textarea style="width:420px; height:150px" name="txt_area2" cols="50" rows="5" id="txt_area2"><P><U>C'est cool hein ?</U>
<P>
<P><p></P>
<P><FONT style="BACKGROUND-COLOR: #ffff33">AMUSEZ-VOUS BIEN AVEC CA !!!</FONT>
<P>
<P><p></P>
  </textarea>
<script language="javascript">
 Reset('all');
</script>
</p>
</body>
</html>
-----------------------------------~~~~~~----------------------------~~~~~~---------------------------------
-------------------------------------------------wysiwyg.js------------------------------------------------------
//////////////////////////////////////////////////////////////////////////////////////////
//script réalisé par Andrei Savin (Glork)                                               //
//////////////////////////////////////////////////////////////////////////////////////////

var icon_list = new Array();
icon_list[0] = new Array("bold", "bold", "Bold");
icon_list[1] = new Array("underline", "underline", "Underline");
icon_list[2] = new Array("italic",  "italic", "Italic");
icon_list[3] = new Array("bar",  "bar", "bar");
icon_list[4] = new Array("JustifyLeft", "left", "Left Align");
icon_list[5] = new Array("JustifyCenter", "center", "Center");
icon_list[6] = new Array("JustifyRight", "right", "Right Align");
icon_list[7] = new Array("bar",  "bar", "bar");
icon_list[8] = new Array("insertorderedlist", "orderlist", "Ordered List");
icon_list[9] = new Array("insertunorderedlist", "turnorderlist", "Bulleted List");
icon_list[10] = new Array("bar",  "bar", "bar");
icon_list[11] = new Array("forecolor", "charcolor", "Character Color");
icon_list[12] = new Array("backcolor", "backgroundcolor", "Highlighted Color");
icon_list[13] = new Array("bar",  "bar", "bar");
icon_list[14] = new Array("createlink", "link", "Add Link");
icon_list[15] = new Array("insertimage", "image", "Add Image");
icon_list[16] = new Array("inserthorizontalrule", "rule", "Rule");
icon_list[17] = new Array("bar",  "bar", "bar");

var font_list = new Array();
font_list[0] = new Array("Arial", "Arial");
font_list[1] = new Array("Courier", "Courier");
font_list[2] = new Array("Sans Serif",  "Sans Serif");
font_list[3] = new Array("Tahoma", "Tahoma");
font_list[4] = new Array("Verdana", "Verdana");
font_list[5] = new Array("Wingdings", "Wingdings");

var fontsize_list = new Array();
fontsize_list[0] = new Array("1", "Tres petit");
fontsize_list[1] = new Array("2", "Petit");
fontsize_list[2] = new Array("3", "Moyen");
fontsize_list[3] = new Array("4", "Gros");
fontsize_list[4] = new Array("5", "Tres gros");
fontsize_list[5] = new Array("6", "Enorme");


var handing_list = new Array();
handing_list[0] = new Array("Heading 1", "H1");
handing_list[1] = new Array("Heading 2", "H2");
handing_list[2] = new Array("Heading 3", "H3");
handing_list[3] = new Array("Heading 4", "H4");
handing_list[4] = new Array("Heading 5", "H5");
handing_list[5] = new Array("Heading 6", "H6");

var select_font_op = "";


document.write("<style type=\"text/css\">.link_editor { font-family: Arial, Helvetica, sans-serif; font-size: 9px;color: #666666; text-decoration: underline;}</style>");


var nav_app = "";

if (document.all)
 nav_app = "IE";
else
 nav_app = "AUTRES";


function popup(url, titre, largeur, hauteur, scrollbar)
{
   window.open(url, titre, 'width=' + largeur + ', height=' + hauteur + ', scrollbars=' + scrollbar);
}

function see_source(zone_origine, zone_depart, liensee_wysiwyg){
 document.getElementById(zone_origine).style.display='none';
 document.getElementById(zone_depart).style.display='block';
 document.getElementById(liensee_wysiwyg).style.display='block';
}

function see_wysiwyg(zone_origine, zone_depart, liensee_wysiwyg){
 
 document.getElementById(zone_origine).style.display='block';
 document.getElementById(zone_depart).style.display='none';
 document.getElementById(liensee_wysiwyg).style.display='none';
}

function add_foot_tool(commande, iframe_val, val_tab){
 //alert ("select"+commande);
 var select_tag = "<select style=\"font-family: Arial, Helvetica, sans-serif; font-size: 10px;\" id=\"select"+commande+"\" name=\"select"+commande+"\" onChange=\"commande_html('"+commande+"', '"+iframe_val+"', this.options[this.selectedIndex].value)\">";
 
 if (val_tab == "font_list"){
 
  if (font_list.length>0){
   select_tag += "<option value=\"\">-- Police --</option>";
   for (i=0;i<font_list.length;i++){  
    select_tag += "<option value=\""+font_list[i][0]+"\">"+font_list[i][1]+"</option>";
   }
   select_tag += "</select>";
  }
 }
 
 if (val_tab == "fontsize_list"){
 
  if (fontsize_list.length>0){
   select_tag += "<option value=\"\">-- Taille du texte --</option>";
   for (i=0;i<fontsize_list.length;i++){  
    select_tag += "<option value=\""+fontsize_list[i][0]+"\">"+fontsize_list[i][1]+"</option>";
   }
   select_tag += "</select>";
  }
 }
 
 if (val_tab == "handing_list"){
 
  if (handing_list.length>0){
   select_tag += "<option value=\"\">-- Handing --</option>";
   for (i=0;i<handing_list.length;i++){  
    select_tag += "<option value=\""+handing_list[i][0]+"\">"+handing_list[i][1]+"</option>";
   }
   select_tag += "</select>";
  }
  
 }
 
 return (select_tag); 
}


function commande_html(commande, zone_html, option){

 if (document.getElementById(zone_html).contentDocument){
  
  zone_editable = document.getElementById(zone_html).contentWindow.document;

 } else {
  zone_editable = document.frames[zone_html].document;
  
 }

 zone_editable.execCommand(commande,false,option);
 

 if (commande == 'formatblock'){  
  //var select_font_op = document.getElementById("selectfontsize").options[document.getElementById("selectfontsize").selectedIndex].value);
  window.frames[zone_html].document.execCommand('fontname',"",select_font_op);
  
 }
 if (commande == 'fontname'){
  //alert(option);
  select_font_op = option;
 }

 window.frames[zone_html].focus();
}


function Reset(zone) {

 var txt_zone_tags;
 
 if (zone == 'all'){
  txt_zone_tags = document.getElementsByTagName("textarea");
  for (var i = 0; i < txt_zone_tags.length ; i++)  {
   makeFrame(txt_zone_tags[i].id);
  }
 }
 else{
  makeFrame(zone);
 } 
 
}

function copy2(zone1, zone2) {
 var iframe_area = zone1;
 var txt_area = zone2;
 document.getElementById(txt_area).value = window.frames[iframe_area].document.body.innerHTML;


}


function copy(zone1, zone2) {
 var txt_area = zone1;
 var iframe_area = zone2;
 window.frames[iframe_area].document.body.innerHTML=document.getElementById(txt_area).value;
}

function makeFrame(txt_zone) {
 
 var parent=document.getElementById(txt_zone).parentNode;
 var icons_tab = "";
 
 var iframe_name = txt_zone + "_iframe";
 var div_name = txt_zone + "_div";
 var div_name2 = txt_zone + "_div_contener";
 var div_wysiwyg_name = txt_zone + "div_wysiwyg";
 
 //crée la zone tools
 tab_tool = document.createElement("TABLE");
 
 tab_tool.setAttribute("border", "0");
 tab_tool.setAttribute("cellpadding", "2");
 tab_tool.setAttribute("cellspacing", "2");
 
 tab_toolbody = document.createElement("TBODY");
 
 mycurrent_row=document.createElement("TR");

 
  //boucle des boutons...
  for (i=0;i<icon_list.length;i++)
  {  
   mycurrent_cell=document.createElement("TD");
   
   icons_tab =  "imgs/"+icon_list[i][1]+".gif";
   
   les_liens=document.createElement("A");
   
   if (icon_list[i][0]=="forecolor" || icon_list[i][0]=="backcolor"){
    les_liens.setAttribute("href","javascript: void(popup('addon/palette.html?zone_iframe="+iframe_name+"&commande="+icon_list[i][0]+"', 'palette', '200px', '148px', 'no'));");
   } else if (icon_list[i][0] == "createlink" || icon_list[i][0] == "insertimage"){
    les_liens.setAttribute("href","javascript: void(popup('addon/address.html?zone_iframe="+iframe_name+"&commande="+icon_list[i][0]+"', 'palette', '250px', '74px', 'no'));");
   }
   else if (icon_list[i][0] == "bar"){
    les_liens.setAttribute("href","#");
   }
   else{
    les_liens.setAttribute("href","javascript: void(commande_html('"+icon_list[i][0]+"','"+iframe_name+"','false'));void(copy2('"+iframe_name+"', '"+txt_zone+"'));");
   }
   
   les_icones=document.createElement("IMG");
   les_icones.setAttribute("src",icons_tab);
   les_icones.setAttribute("alt",icon_list[i][2]);
   les_icones.setAttribute("border","0");
   
   mycurrent_cell.appendChild(les_liens);
   les_liens.appendChild(les_icones);
   
   mycurrent_row.appendChild(mycurrent_cell)
  }
 
 
 tab_toolbody.appendChild(mycurrent_row); 
 tab_tool.appendChild(tab_toolbody);
 

 div_contener = document.createElement("DIV");
 div_contener.setAttribute("name", div_name2);
 div_contener.setAttribute("id", div_name2);
 
 div_contener.style.width = document.getElementById(txt_zone).style.width;

 div_contener.style.position = "relative";

 
 parent.appendChild(div_contener);
 
 
 
 div_text_wysiwyg = document.createElement("DIV");
 div_text_wysiwyg.setAttribute("name", div_wysiwyg_name);
 div_text_wysiwyg.setAttribute("id", div_wysiwyg_name);
 
 div_text_wysiwyg.style.width = document.getElementById(txt_zone).style.width;
 div_text_wysiwyg.innerHTML = "<a class=\"link_editor\" href=\"javascript:void(see_wysiwyg('"+div_name2+"','"+txt_zone+"','"+div_wysiwyg_name+"'));\"> Retour au Mode WYSIWYG</a>";
 div_text_wysiwyg.style.display = 'none';
 div_text_wysiwyg.align = 'center';

 div_text_wysiwyg.style.position = "relative";

 
 parent.appendChild(div_text_wysiwyg);
 

 div_contener.appendChild(tab_tool);
 
 //crée la zone iframe
 div_zone = document.createElement("DIV");
 div_zone.setAttribute("name", div_name);
 div_zone.setAttribute("id", div_name);
 
 div_zone.style.width = document.getElementById(txt_zone).style.width;
 div_zone.style.height = document.getElementById(txt_zone).style.height;
 
 

 
 div_zone.style.position = "relative";
 div_zone.innerHTML = "<iframe style=\"background-color: white;\" frameborder=\"0\" hspace=\"1\" marginheight=\"1\" marginwidth=\"1\" scrolling=\"auto\" onMouseOut=\"void(copy2('"+iframe_name+"', '"+txt_zone+"'));\" onLoad=\"javascript:void(copy('"+txt_zone+"','"+ iframe_name+"'));\" width=\"100%\" height=\"100%\" name=\""+iframe_name+"\" id=\""+iframe_name+"\"></iframe><br>"+add_foot_tool('fontname',iframe_name,'font_list')+add_foot_tool('fontsize',iframe_name,'fontsize_list')+add_foot_tool('formatblock',iframe_name,'handing_list')+" <a class=\"link_editor\" href=\"javascript:void(see_source('"+div_name2+"','"+txt_zone+"','"+div_wysiwyg_name+"'));\">Source HTML</a>";
 
 div_contener.appendChild(div_zone);
 
 window.frames[iframe_name].document.designMode = 'On';

 document.getElementById(txt_zone).style.display='none';
 
 document.write("<style type=\"text/css\"> div {background-color: #CCCCCC;border: 1px solid #333333;}</style>");

}

------------------------------------------------------------------------------------------------------------------------
excuser moi pour les images !!!

lundi 11 décembre 2006 à 12:23:36 | Re : Inserer un lien dans un textarea depuis un popup....

neof1

Peu etre ceci t'aidera impeu.
A tester sur IE




<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>

<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
function Cursor_AddTexte(where_, txt_){

  var Obj = document.getElementById( where_);
  if( Obj){
 
    Obj.focus();
    if( typeof Obj.selectionStart != "undefined"){
   
      var PosDeb  = Obj.selectionStart;
      var PosFin  = Obj.selectionEnd;
 
      var Chaine  = Obj.value;
      var HAvant = Chaine.substring( 0 , PosDeb);
      var HApres = Chaine.substring( PosFin, Obj.textLength );
   
      var HSelect = Chaine.substring( PosDeb, PosFin);
     
      Obj.value = HAvant + txt_ + HApres;
     
      Obj.setSelectionRange(  HAvant.length + txt_.length, HAvant.length + txt_.length );
    
      Obj.focus();
    }
    else{
     
      var HSelect = document.selection.createRange().text;
     
      if( HSelect.length > 0){
        var Chaine = document.selection.createRange();
        Chaine.text = txt_ ;
        Chaine.collapse();
        Chaine.select();
      }
      else{
        var Chaine = Obj.value;
        var HMark ="~~";
       
        var HTmp = document.selection.createRange().duplicate();
        HTmp.text = HMark;
       
        var PosDeb = Obj.value.search(HMark);
       
        var HAvant = Chaine.substring( 0 , PosDeb);
        var HApres = Chaine.substring( PosDeb, Obj.textLength );
       
        Obj.value = HAvant + txt_ + HSelect + HApres;
       
        PosDeb += txt_.length;
       
        PosDeb -= Get_NbrCR( HAvant);
       
        Chaine = Obj.createTextRange();
       
        Chaine.moveStart('character', PosDeb);
       
        Chaine.collapse();
        Chaine.select();
      }
    }
  }
}
function Fct_Btn3(){
  Cursor_AddTexte('T_MESS', document.getElementById('I_TXT3').value);
}
/*T_MESS défigne l'ID et le NAME qui doivent etre les meme
I_TST3 désigne l'ID et le NAME de l'inout qui contient le texte a ajouter.*/

</SCRIPT></head>
<body>
<TEXTAREA ID='T_MESS' NAME='T_MESS' COLS="40" ROWS="20">Bonjour</TEXTAREA>
        </TD>
        <TD CLASS="TXT" WIDTH="300" VALIGN="top" ALIGN="center" BGCOLOR="#B0C4DE">
       
       
        <BR>Saisir du texte &agrave;&nbsp;ajouter...
        <BR><INPUT CLASS="TXT" TYPE="TEXT"  ID="I_TXT3" NAME="I_TXT3" VALUE="Votre Texte">
       
        <BR><INPUT CLASS="BTN" TYPE="BUTTON" ID="I_BTN3" NAME="I_BTN3" VALUE="Ajouter le Texte" onClick="Fct_Btn3();">
       
</body>
</html>



Cette discussion est classée dans : image, id, img, echo, eacute


Répondre à ce message

Sujets en rapport avec ce message

redimensionner une popup en fonction de l'image contenu [ par atomik29 ] Bonjour a tous.Voila mon probleme, j'ai une popup contenant une image, et je voudrais que cette popup s'adapte automatiquement a la taille de l'image. Accéder à un tableau [ par Radiohead4ever ] Salut. J'espère avoir choisi le bon Thème, sinon je m'en excuse...Vous savez ces petits javascripts qui permettent au passage de la souris de changer Pb défilement image [ par virusss ] Bonjour,   Je fais un site pour un graphiste, comme il y a pas mal d'image je préfère les faire défiler. J'ai pour celà trou Simuler de thread en Javascript [ par petit_stagiaire ] Bonjour,j'ai créé une fonction qui permet de faire tourner une image.elle se rappelle elle-même avec in setTimeout qui simule la vitesse.function tour recuperation coordonnees image pour base de données [ par elodielole ] Slt à tous j'ai donc un gros pbe ça fait plusieurs jour que je bosse dessus, en fait j'aimerais pouvoir recuperer les coordonnées dans ma table d'une Listes déroulantes avec AJAX [ par dam_37 ] Salut à tous!Je réalise un formulaire dont 3 listes déroulantes sont dépendantes l'une de l'autre, je vous explique:J'ai un champ (channel), en sélect CONTROLE SUR IMAGE EXTERNE / URL [ par Designotik_51 ] Salut tout le monde, g un problème qui me prend le chou depuis 2 jours.J'ai un formulaire composé de différents champs dont un qui correspond a une ad passement de donnees [ par JohnInsane ] Bonjour à tous, Voila mon probleme, j'ai une liste d'image dans un formulaire avec un lien en dessous pour consulter les détails de la photo, le script de visinneur d'image [ par k4mik4zi ] Voila j'ai trouvé un script que j'ai un peu bidouillé pour avoir un visionneur d image mais le probleme c'est que l'image affiché par default c'est au changer d'image en cliquant sur un lien [ par spiesalex ] salut tous voici mon code:switch ($_POST['vaisseau']) {case x_302:echo'12<option


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,123 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales