begin process at 2012 05 30 04:45:48
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

smiley textarea

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

smiley textarea

mercredi 28 juin 2006 à 11:57:52 | smiley textarea

gabs77

bonjour, je suis en train de faire un livre d'or et tout marche nickel mais je veu rajouter la possibilité de mettre des smileys
or je ne sais pas comment on peut faire avec les images
autant je parviens a faire un peut le mm procédé avec du texte mais pas avec les images
quelqu'un pourrait m'aider sil vous plait ??
en clair j aimerai pouvoir faire comme celui ci (de code sources)
voici mon script
===========
<html>
<head>
<script type="text/javascript">
function afficher(smil)
{
document.getElementById("mes").src+=smil;
}

function limiteur()
{
 maximum = 255;
 champ = document.format.msg;
 indic = document.format.indicateur;
if (champ.value.length > maximum)
    {
 champ.value = champ.value.substring(0, maximum);
 }else{
 indic.value = maximum - champ.value.length;
 }
}

}
</script>
</head>
<body>
<iframe src="livredor/livredor.php" height="100" width="140"></iframe>
<?php
if(session_is_registered("authentification"))
 {echo'<a href="livredor/consulivredor.php" target="Milieu">Livre d\'or</a>';}else{echo'<a href="livredor/consulivredor.php" target="princi">Livre d\'or</a>';}?>
<form action="livredor/ajoutlivredor.php" method="POST" name="format">
 <table border="0" cellpadding="0" cellspacing="0" align="center" width="140" style="font-size:12px; text-decoration:underline;">
 <tr bgcolor="#0066FF"><td>Pseudo :</td></tr>
 <tr align="center" bgcolor="#0099FF"><td><input type="text" name="pseudo" style="font-size:12px; background-color:#009999; border-color:#009999"></td></tr> 
 <tr bgcolor="#0066FF"><td>E-mail :</td></tr>
 <tr align="center" bgcolor="#0099FF"><td><input type="text" name="mail" style="font-size:12px; background-color:#009999; border-color:#009999"></td></tr>
 <tr bgcolor="#0066FF"><td>Message :</td></tr>
 <tr align="center" bgcolor="#0099FF"><td><textarea name="msg" onFocus="this.value='';" cols="14" rows="3" onKeyDown="limiteur();" onKeyUp="limiteur();" style="font-size:12px; background-color:#009999; border-color:#009999;"></textarea><br>
    Il vous reste<input readonly type="text" name="indicateur" size="2" maxlength="3" value="255" style="font-size:12px; background-color:#009999; border-color:#009999">caractères.</td>
 </tr>
<tr>
<table width="20"height="21"><tr>
<td background="Smiley/Smil04.gif" onClick="afficher('cool')"></td><td background="Smiley/Smil03.gif" onClick="afficher('vnr')"></td><td background="Smiley/Smil02.gif" onClick="afficher('bien')"></td></tr></table>
</tr>
 <tr align="center" bgcolor="#0066FF"><td>
<input type="submit" name="submit" value="Enregistrer" onMouseOver="this.style.background='#000066';this.style.color='#FFFFFF'" onMouseOut="this.style.background='#0099CC';this.style.color='#FF3300'" style="font-size:12px; font-weight:bold; background-color:#0099CC; border-color:#0099CC; color:#FF3300;"></td>
</td></tr>
</table>
</form> 
</body>
</html>
jeudi 29 juin 2006 à 05:42:01 | Re : smiley textarea

DomJ
<img src="URL DU SMYLEY :)" onclick="TEXTAREA.value+=':)'">
jeudi 29 juin 2006 à 07:43:13 | Re : smiley textarea

gabs77
le fait est que je perviens a fficher du texte
si je clique su une image sa me met un sa valeur dans le champ texte
mais le pb est que j aimerai faire en sorte que ce ne soit pas la valeur qui apparaissent mais le smiley comme dans codes dources la ou on est en train d ecrire sur le forum
on clique sur le smiley en bas du textarea  et on voit apparaitre le smiley et non la valeur du smiley
jeudi 29 juin 2006 à 07:50:01 | Re : smiley textarea

gabs77

Deja la question que e devrais me poser c etant donné que sur codes sources le site est fait en aspx donc les smileys apparaissent das les textarea en aspx mais est il possible d en faire de même en PHP ??
jeudi 29 juin 2006 à 11:24:37 | Re : smiley textarea

bultez

Membre Club
bonjour,
   pour afficher une image, il faut mettre une balise ( <img src="..." /> par exemple )
   un textarea n'interprète pas les balises mais les affiche comme du texte
   il faut donc utiliser un div, un span, un iframe...
   ( après php,asp ... pas d'importance,rien à voir : c'est du HTM[L] )
cordialement   BulAnime.gifBul.   site.gifSite
jeudi 29 juin 2006 à 12:25:08 | Re : smiley textarea

gabs77
ok merci pour l'info tu m'éclaircit mais juste un truc
tu l'utilise où le div, span ou iframe ?? entre les 2 balises textarea ??
voici mon script, si tu pouvais m'aider à éclaircir davantage le sujet, ça serait super !!


<script type="text/javascript">
function Insert_Emoticon(Imagesrc)
{
document.getElementById('msg').value+='<span><img src=' + Imagesrc + '></span>';
}
</script>
<table border="0" cellpadding="0" cellspacing="0">
 <tr>
  <td>
   <a href="Javascript:Insert_Emoticon('Smiley/Smil02.gif');"><img border="0" src="Smiley/Smil02.gif" alt="" /></a>
   <a href="Javascript:Insert_Emoticon('Smiley/Smil04.gif');"><img border="0" src="Smiley/Smil04.gif" alt="" /></a>
 </td>
  </tr>
</table>
<textarea id="msg" rows="5" cols="40"></textarea>
vendredi 30 juin 2006 à 10:22:15 | Re : smiley textarea

bultez

Membre Club

je répond avec un peu de retard en ce moment...
j'ai l'impression de ne plus recevoir de notification de la part de CodesSources.

 >>tu l'utilise où le div, span ou iframe ?? entre les 2 balises textarea ??
non : à la place.
recherche dans les sources de ce site, les scripts qui ont le mot
" WYSIWYG" associé par exemple
tu en verra des utilisations ( moi-même j'en ai mis un  )

cordialement   BulAnime.gifBul.   site.gif Site /FONT>

vendredi 30 juin 2006 à 10:28:12 | Re : smiley textarea

gabs77
ok je v voir sa
merci !!
je te tiendrais au courant
vendredi 30 juin 2006 à 12:26:46 | Re : smiley textarea

gabs77
super c bon sa marche !
je ne connaissais pas le wysiwyg et franchement sa ma l ait assez interessant a utilisé dans certain cas
faire des traitement de texte etc..
mais je n'est pas l'impression ke le textarea sert a quelquechose paske tous ce fait dans le span a la rigueur peut-être pour enregistrer son contenu dans un BDD
 voici le script ke g fait :
<script type="text/javascript">
function setImage(url)
{
saisie.focus();
  document.execCommand('InsertImage', false, url);
  }
</script>
<table border="0" cellpadding="0" cellspacing="0">
 <tr><td><img src="imgSmil04.gif" border="0"  onClick="setImage('imgSmil04.gif');" alt="" /></td></tr>
</table>
<span ContentEditable
     style="width:'50%';
               height:'50%';
              name="saisie"
              id="saisie"></span>
<textarea name="txt"
              width:'50%';
              height:'50%';"></textarea> 
vendredi 30 juin 2006 à 12:34:16 | Re : smiley textarea

gabs77
en revanche, g un petit souci ki n'est pas tres impotant mais quand je clique sur l image cela me l affiche mais le focus reste dessus et ne va pas apres l image donc si on clique plusieurs fois sur l image, celui ci se recharge par dessus l autre ou si j ecris alors ke le focus est sur l image celui ci est remplacé par l ecriture.
deuxieme point :
je presume que c'est possible de faire des images codés cad ke quand on ecrit ceci : " :-) " il y a l image correspondant qui s affiche un peu comme avec msn

1 2

Cette discussion est classée dans : champ, document, value, maximum, livre

Répondre à ce message

Sujets en rapport avec ce message

A partir d'une liste avec champ, faire un total [ par fdthierry ] Bonjour,J'ai une page ASP qui me liste un certain nombre de document par le biais d'une boucle.Afin d'identifier chaque champ j'ai mis ceci:<% Respons Problème avec l'envoi d'un formulaire [ par Ludo2727 ] bonjour, je suis en train de créer un petit site pour un hotel. Il y a une rubrique "réservation" ou j'ai créé un formulaire avec une fonction en ja probleme avec wysiwyg multiples [ par doria123 ] Bonjour,J'ai commencé à développer un petit wysiwyg en js sous php, jusque là pas de problème : une fonction pour mettre la iframe en designMode, une pb d'insertion [ par neotetsuo34 ] Bonjour,j'ai un probleme d'insertion d'une image sélectionné avec tinyMCE. En fait j'ai une page image qui selectionne une image et quand je clique su requete sql [ par 27 ] salut,est-il possible d'exécuter une requete mySql dans un script avec un petit exemple svp.Comme ceci par exemple : function majChamp(){              incrementer [ par tonytruand ] bonjour;j'ai un souci d'incrémentation. Dans une function ci dessous, j'aimerai que le i se traduise par 0 puis 1 puis 2 etc.J'ai bien essayer le  for m'expliquer une erreur de console javascript [ par rachidphp93 ] bonjour,voila une erreur de console javascript:document.inscription has n controle de formulaire dsl jsuis NOOB [ par oeil2tigre ] Bonjours à tous, Je misère depuis plus d'un mois sur une page de mon site celle-ci , le problème est le javascript il ne f Problème avec un code pour le bbcode [ par dixy2 ] Bonjour, J'ai un problème avec un code javascript insérant les balises bbcodes dans un textarea. Mon problème est que sur internet explorer, la fonct pb fermeture de plusieur popup a la validation formulaire [ par fredericmaill ] Bonjour  j’ai un formulaire qui apparais dans un popup qui ce nome « popup »  voici le script d


Nos sponsors


Sondage...

Comparez les prix


Mio - Moov V735 - GPS Europe - Ecran 7"
Entre 305€ et 375€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
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 : 0,218 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)