souci des smiley dans un pop up

souci des smiley dans un pop up - HTML/CSS - Programmation

Marsh Posté le 16-04-2008 à 00:12:02    

bonjour j'ai voulu mettre des smileys dans un pop up mais dés qu'on clique sur un smiley qui se trouve dans le pop up il ne veut pas mettre dans mon texterea  
 
voilà le lien :
 
http://le.coffre.free.fr/forum/pos [...] utopic&f=6
 
si vous clique sur autres smileys  
 

Citation :

  <a href="autres_smileys.php" onclick="window.open(this.href,'popup','height=550 , width=90');window.id_textarea = 'texte'; return false; return false;">Autres smileys</a>


 
vous tombé sur des smileys dans un pop  up donc cette page :
 

Citation :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<script type="text/javascript" src="includes/tous_smilies.js"></script>
<style type="text/css">
img
{
cursor:pointer;
}
</style>
<title>Smilies</title>
</head>
<body>
      <p align="center">
      <a href="javascript: self.close()">fermer la fentre</a>
<br />
      <img src="images/smileys/magicien.png" onclick="insere(' :magicien: ')" alt="magicien" title="magicien" />
<br />
      <img src="images/smileys/angry.gif" onclick="javascript:insere(' :angry: ')" alt="angry" title="angry" />
<br />
      <img src="images/smileys/diable.png" onclick="javascript:insere(' :diable: ')" alt="diable" title="diable" />
<br />
      <img src="images/smileys/ange.png" onclick="javascript:insere(' :ange: ')" alt="ange" title="ange" />
<br />
      <img src="images/smileys/ninja.png" onclick="javascript:insere(' :ninja: ')" alt="ninja" title="ninja" />
<br />
      <img src="images/smileys/pinch.png" onclick="javascript:insere(' :pinch: ')" alt="pinch" title="pinch" />
<br />
      <img src="images/smileys/pirate.png" onclick="javascript:insere(' :pirate: ')" alt="pirate" title="pirate" />
<br />
      <img src="images/smileys/zorro.png" onclick="javascript:insere(' :zorro: ')" alt="zorro" title="zorro" />
<br />
      <img src="images/smileys/rouge.png" onclick="javascript:insere(' :rouge: ')" alt="rouge" title="rouge" />
<br />
      <img src="images/smileys/soleil.png" onclick="javascript:insere(' :soleil: ')" alt="soleil" title="soleil" />
<br />
      <img src="images/smileys/pleure.png" onclick="javascript:insere(' :pleure: ')" alt="pleure" title="pleure" />
<br />
      <img src="images/smileys/waw.png" onclick="javascript:insere(' :waw: ')" alt="waw" title="waw" />
<br />
      <a href="javascript: self.close()">fermer la fentre</a>
   </p>
 
</body>
</html>


 
et j'ai mis ce code dans mon javasscript :
 

Citation :

// JavaScript Document
 
var textarea = window.opener.id_textarea;
 
var smilies = new Array(':magicien:',':colere:',':diable:',':ange:',':ninja:','&gt;_&lt;',':pirate:',':zorro:',':honte:',':soleil:',':\'(',':waw:',':)',':D',';)',
   ':p',':lol:',':euh:',':(',':o',':colere:','o_O','^^',':-°');
var smilies_url = new Array('magicien.png','angry.gif','diable.png','ange.png','ninja.png','pinch.png','pirate.png','zorro.png','rouge.png','soleil.png',
   'pleure.png','waw.png','smile.png','heureux.png','clin.png','langue.png','rire.gif','unsure.gif','triste.png','huh.png','mechant.png',
   'blink.gif','hihi.png','siffle.png');
 
function insere(smiley)
{
var champ = window.opener.document.getElementById(textarea);
var scroll = champ.scrollTop;
smiley = ' ' + smiley + ' ';
 
 if (champ.curseur)
 {
 champ.curseur.text = smiley;
 }
 else if (champ.selectionStart != 'undefined' && champ.selectionEnd != 'undefined')
 {
 var debut = champ.value.substring(0, champ.selectionStart);
 var fin = champ.value.substring(champ.selectionEnd);
 champ.value = debut + smiley + fin;
 champ.focus();
 champ.setSelectionRange(debut.length + smiley.length, champ.value.length - fin.length);
 }
 else
 {
 champ.value  += smiley;
 champ.focus();
 }
champ.scrollTop = scroll;
 
var champ = window.opener.document.getElementById(textarea);
var div_prev = window.opener.document.getElementById('prev_'+textarea);
var contenu = champ.value;
 
 if (document.body.scrollTop)
 var scroll = window.opener.document.body.scrollTop;
 else
 var scroll = window.opener.document.window.pageYOffset;
 
 
 
 for (i=0;i<smilies.length;i++)
 contenu = remplace(contenu, smilies[i], '<img src="images/smilies/'+smilies_url[i]+'" alt="" title="" />');
 
div_prev.innerHTML = contenu;
 if (window.opener.document.getElementById('prev_ancre_suivi'))
 window.opener.document.getElementById('prev_ancre_suivi').focus();
window.opener.document.getElementById(textarea).focus();
}
 
function remplace(data, search, replace)
{
var temp = data;
var longueur = search.length;
 while (temp.indexOf(search) > -1)
 {
 pos= temp.indexOf(search);
 temp = (temp.substring(0, pos) + replace + temp.substring((pos + longueur), temp.length));
 }
return temp;
}


donc pour quoi si on clique sur le magicien par exemple il le met pas dans le texterea  
 
ou bien comment on fait pour qu'on clique il le met :magicien:
 
merci d'avance

Reply

Marsh Posté le 16-04-2008 à 00:12:02   

Reply

Marsh Posté le 16-04-2008 à 19:11:19    

SVP aidez moi ce n'est pas ugent mais j'aimerais savoir comment faire
 
je vous en remercie d'avance

Reply

Marsh Posté le 21-04-2008 à 18:29:13    

re  
 
maintenan j'ai reussit mais sur internet ie 7 il met en double mes smileys pour quoi  
 
et je met pas le code car je ne sais pas si vous allez repondre

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed