souci des smiley dans un pop up - HTML/CSS - Programmation
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
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
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
<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 :
<!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(' ')" alt="magicien" title="magicien" />
<br />
<img src="images/smileys/angry.gif" onclick="javascript:insere(' ')" alt="angry" title="angry" />
<br />
<img src="images/smileys/diable.png" onclick="javascript:insere(' ')" alt="diable" title="diable" />
<br />
<img src="images/smileys/ange.png" onclick="javascript:insere(' ')" alt="ange" title="ange" />
<br />
<img src="images/smileys/ninja.png" onclick="javascript:insere(' ')" alt="ninja" title="ninja" />
<br />
<img src="images/smileys/pinch.png" onclick="javascript:insere(' ')" alt="pinch" title="pinch" />
<br />
<img src="images/smileys/pirate.png" onclick="javascript:insere(' ')" alt="pirate" title="pirate" />
<br />
<img src="images/smileys/zorro.png" onclick="javascript:insere(' ')" alt="zorro" title="zorro" />
<br />
<img src="images/smileys/rouge.png" onclick="javascript:insere(' ')" alt="rouge" title="rouge" />
<br />
<img src="images/smileys/soleil.png" onclick="javascript:insere(' ')" alt="soleil" title="soleil" />
<br />
<img src="images/smileys/pleure.png" onclick="javascript:insere(' ')" alt="pleure" title="pleure" />
<br />
<img src="images/smileys/waw.png" onclick="javascript:insere(' ')" 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 :
// JavaScript Document
var textarea = window.opener.id_textarea;
var smilies = new Array(':magicien:',':colere:',':diable:',':ange:',':ninja:','>_<',':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
merci d'avance