Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
487 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Inclure valeur images dans champ texte [ - job's done - ]

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Inclure valeur images dans champ texte [ - job's done - ]

n°196470
xkamui
Their Destiny Was Foreordained
Posté le 17-08-2002 à 22:59:28  profilanswer
 

à peu près tout est dans le titre... [:texla]  
 
je voudrais inséré un code HTML dans un champ txt en cliquant sur une image...... comankonfé  :??:


Message édité par xkamui le 19-08-2002 à 04:40:46
mood
Publicité
Posté le 17-08-2002 à 22:59:28  profilanswer
 

n°196474
LexTuhor
Posté le 17-08-2002 à 23:08:52  profilanswer
 

:heink:  
 
je suis pas sûr de comprendre ce que tu veux, mais comme ça je dirais : php + bdd ou alors JS si l'autre truc auquel je pense.
 
Précises ta question...


Message édité par LexTuhor le 17-08-2002 à 23:09:26
n°196484
xkamui
Their Destiny Was Foreordained
Posté le 17-08-2002 à 23:23:42  profilanswer
 

un peu comme le menu de rédaction d'un message... en cliquant sur l'image 'G' il y a '[ g ]' qui vien s'afficher dans le champ texte...

n°196485
LexTuhor
Posté le 17-08-2002 à 23:25:12  profilanswer
 

Ah, ça c du javascript.

n°196487
xkamui
Their Destiny Was Foreordained
Posté le 17-08-2002 à 23:26:10  profilanswer
 

ok, mais comment n'on fait ??

n°196492
LexTuhor
Posté le 17-08-2002 à 23:30:01  profilanswer
 

Tu fais un click droit sur la page de réponse d'HFR et tu regardes le code.
 
Sinon, tu apprends le Javascript, tu essayes par toi-même, et si tu n'y arrives pas, tu postes ton code et on essayera de t'aider à ce moment là. On va pas te chier un code tout prêt quand même...  ;)

n°196496
xkamui
Their Destiny Was Foreordained
Posté le 17-08-2002 à 23:34:33  profilanswer
 

ok, alors voilà mon code :  
 

  • le fichier du formulaire :  
Code :
  1. $Img=Array(0=>'img','wall','vids','skin','txt','util','tab');
  2.   $Desc=Array(0=>'images','wallpapers','videos','skins WinAmp','textes','utilitaires','tableau wallpapers');
  3.   $Texte=Array(0=>'','','','','','',
  4.   '<TABLE width=100%><TR><TD><CENTER><IMG src=http://xkamui.wallpapers.free.fr/thumbs/000.jpg width=150 height=113 style=border: solid 1px; border-color: rgb(0, 0, 0)></CENTER></TD><TD><CENTER><IMG src=http://xkamui.wallpapers.free.fr/thumbs/000.jpg width=150 height=113 style=border: solid 1px; border-color: rgb(0, 0, 0)></CENTER></TD><TD><CENTER><IMG src=http://xkamui.wallpapers.free.fr/thumbs/000.jpg width=150 height=113 style=border: solid 1px; border-color: rgb(0, 0, 0)></CENTER></TD></TR></TABLE><BR>');
  5.  
  6.   For ($I=0;$I<7;$I++)
  7.    {
  8.    If ($I==3 || $I==6){echo "<BR>";}
  9.    If ($I>5) {echo "<IMG onclick=\"insertElt('$Texte[$I]',4)\" src=\"images/news/add/$Img[$I].gif\" alt=\"ajout $Desc[$I]\"  style=\"border: solid 1px; border-color: rgb(255, 255, 255)\"> ";}
  10.    Else {echo "<IMG onclick=\"insertElt('<A Href=http://xkamui.com.free.fr/index.php3?C=$Img[$I]>$Desc[$I]</A>',4)\" src=\"images/news/add/$Img[$I].gif\" alt=\"ajout $Desc[$I]\" style=\"border: solid 1px; border-color: rgb(255, 255, 255)\"> ";}
  11.    }
  12.  
  13. echo "
  14.   <FORM action=\"index.php3?F=news&C=addnews&Add=1\" method=\"Post\">
  15.   <FONT size=\"2\" color=\"#FFFFFF\" Face=\"Arial\"><B>News : </B></FONT><BR>
  16.   <TEXTAREA name=\"contenu\" cols=\"60\" rows=\"15\" ONFOCUS=\"storeCaret(this);\" ONSELECT=\"storeCaret(this);\" ONCLICK=\"storeCaret(this);\" ONKEYUP=\"storeCaret(this)\" class=\"champ\"></TEXTAREA><BR>
  17.   <INPUT type=\"submit\" value=\"submit\" class=\"bouton\"> 
  18.   </FORM>
  19.   ";


 

  • le fichier javascript :  
Code :
  1. var style = new Array('g','/g','i','/i','s','/s','email','/email','lien=','/lien','img','/img','quote','/quote');
  2. var stockage = new Array('0','0','0','0','0','0','0','0','0','0','0','0','0');
  3. lien="http://";
  5. function MM_findObj(n, d)
  6. {
  7. var p,i,x;  if(!d) d=document; if((p=n.indexOf("?" ))>0&&parent.frames.length)
  8.   {
  9.   d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);
  10.   }
  11. if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
  12. for(i=0;!x&&d.layers&&i>d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
  13. }
  15. function storeCaret (textEl)
  16. {
  17. if (textEl.createTextRange)
  18. textEl.caretPos = document.selection.createRange().duplicate();
  19. }
  21. function insertAtCaret (textEl, text)
  22. {
  23. if (textEl.createTextRange && textEl.caretPos)
  24.   {
  25.   var caretPos = textEl.caretPos;
  26.   caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text;
  27.   }
  28. }
  30. function insertInCaret (textEl, text, text2)
  31. {
  32. if (textEl.createTextRange && textEl.caretPos)
  33.   {
  34.   var caretPos = textEl.caretPos;
  35.   selectedtext = caretPos.text;
  36.   caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == '' ? text + '' : text;
  37.   caretPos.text = caretPos.text + selectedtext + text2;
  38.   }
  39. }
  41. function palette(id,vernav)
  42. {
  43. if (vernav>=4)
  44.   {
  45.   MM_findObj('contenu').focus();
  46.   if (MM_findObj('contenu').createTextRange && MM_findObj('contenu').caretPos)
  47.    {
  48.    var caretPos = MM_findObj('contenu').caretPos;
  49.    if (caretPos.text.length>0)
  50.     {
  51.     if (id!=8)
  52.      {
  53.      insertInCaret(MM_findObj('contenu'),"["+style[id]+"]","["+style[id+1]+"]" );
  54.      }
  55.     else
  56.      {
  57.      geturl = prompt("veuillez entrer l'url",'http://');
  58.      insertInCaret(MM_findObj('contenu'),"["+style[id]+geturl+"]","["+style[id+1]+"]" );
  59.      }
  60.     }
  61.     else
  62.     {
  63.     if ( (countbalise('['+style[id],'contenu')+countbalise('['+style[id+1],'contenu'))%2 == 0)
  64.      {
  65.      if (id!=8)
  66.       {
  67.       insertAtCaret(MM_findObj('contenu'),"["+style[id]+"]" );
  68.       }
  69.      else
  70.       {
  71.       geturl = prompt("veuillez entrer l'url",'http://');
  72.       insertAtCaret(MM_findObj('contenu'),"["+style[id]+geturl+"]" );
  73.       }
  74.      }
  75.     else
  76.      {
  77.      insertAtCaret(MM_findObj('contenu'),"["+style[id+1]+"]" );
  78.      }
  79.     MM_findObj('contenu').focus()
  80.     }
  81.    }
  82.   }
  83. else
  84.   {
  85.   if (stockage[id] == '0')
  86.    {
  87.    var temp = document.hop.contenu.value;
  88.    document.hop.contenu.value=temp+' '+'['+style[id]+']';
  89.    stockage[id] = '1';
  90.    }
  91.   else
  92.    {
  93.    var temp = document.hop.contenu.value;
  94.    document.hop.contenu.value=temp+'['+style[id+1]+']'+' ';
  95.    stockage[id] = '0';
  96.    }       
  97.   }
  98. }
  100. function countbalise(b,ch)
  101. {
  102. count = 0;
  103. pos = MM_findObj(ch).value.indexOf(b);
  104. while ( pos != -1 )
  105.   {
  106.   count++;
  107.   pos = MM_findObj(ch).value.indexOf(b,pos+1);
  108.   }
  109. return count;
  110. }
  112. function insertElt(MyString,vernav)
  113. {
  114. if (vernav>=4)
  115.   {
  116.   MM_findObj('contenu').focus();
  117.   if ((MM_findObj('contenu').createTextRange) && (MM_findObj('contenu').caretPos))
  118.    {
  119.    var caretPos = MM_findObj('contenu').caretPos;
  120.    if (caretPos.text.length>0)
  121.     insertInCaret(MM_findObj('contenu'),MyString,"" );
  122.    else
  123.     insertAtCaret(MM_findObj('contenu'),MyString);
  124.    }
  125.   }
  126. else
  127.   {
  128.   var temp = document.hop.contenu.value;
  129.   document.hop.contenu.value=temp+MyString;
  130.   }
  131. }
  133. function insertTag(MyString,vernav)
  134. {
  135. if (vernav>=4)
  136.   {
  137.   MM_findObj('contenu').focus();
  138.   if (MM_findObj('contenu').createTextRange && MM_findObj('contenu').caretPos)
  139.    {
  140.    var caretPos = MM_findObj('contenu').caretPos;
  141.    if (caretPos.text.length>0)
  142.     {
  143.     insertInCaret(MM_findObj('contenu'),"["+MyString+"]","[/"+MyString+"]" );
  144.     }
  145.    else
  146.     {
  147.     if ( (countbalise('['+MyString,'contenu')+countbalise('[/'+MyString,'contenu'))%2 == 0)
  148.      {
  149.      insertAtCaret(MM_findObj('contenu'),"["+MyString+"]" );
  150.      }
  151.     else
  152.      {
  153.      insertAtCaret(MM_findObj('contenu'),"[/"+MyString+"]" );
  154.      }
  155.     MM_findObj('contenu').focus();
  156.     }
  157.    }
  158.   }
  159. else
  160.   {
  161.   if (stockage[12] == '0')
  162.    {
  163.    var temp = document.hop.contenu.value;
  164.    document.hop.contenu.value=temp+' '+'['+MyString+']';
  165.    stockage[12] = '1';
  166.    }
  167.   else
  168.    {
  169.    var temp = document.hop.contenu.value;
  170.    document.hop.contenu.value=temp+'[/'+MyString+']'+' ';
  171.    stockage[12] = '0';
  172.    }
  173.   } 
  174. }
  177. ///Color
  178. col0 = new Array(255,0,0,255,0,0);
  179. col1 = new Array(0,0,255,0,0,255);
  180. col2 = new Array(0,0,0,0,255,0);
  181. col3 = new Array(0,255,0,255,0,0);
  183. var base_hexa = "0123456789ABCDEF";
  185. function dec2Hexa(number)
  186. {
  187. return base_hexa.charAt(Math.floor(number / 16)) + base_hexa.charAt(number % 16);
  188. }
  190. function RGB2Hexa(TR,TG,TB)
  191. {
  192. return "#" + dec2Hexa(TR) + dec2Hexa(TG) + dec2Hexa(TB);
  193. }
  194. function lightCase(MyObject)
  195. {
  196. MM_findObj('ColorUsed').bgColor = MyObject.bgColor;
  197. }
  199. function rgb(dm,ta,vernav)
  200. {
  201. if (vernav>=4)
  202.   {
  203.   fm = dm + 18;
  204.   for (i=dm;i<fm+1;i++)
  205.    {
  206.    r = Math.floor(ta[0] + (i-dm)*(ta[1]-ta[0])/(fm-dm));
  207.    g = Math.floor(ta[2] + (i-dm)*(ta[3]-ta[2])/(fm-dm));
  208.    b = Math.floor(ta[4] + (i-dm)*(ta[5]-ta[4])/(fm-dm));
  209.    codehex = r + '' + g + '' + b;
  210.    document.write('  <td bgColor=\"' + RGB2Hexa(r,g,b) + '\" onClick=\"insertTag(this.bgColor,5);lightCase(this);\" title=\"Mettre en couleur. Syntaxe : [#' + codehex + ']texte[/#' + codehex +' ]\" width=\"4\" height=\"17\"></td>\n');
  211.    }
  212.   }
  213. }

[i](qui n'est d'ailleurs que le fichier de hfr)


Message édité par xkamui le 18-08-2002 à 00:26:49
n°196507
xkamui
Their Destiny Was Foreordained
Posté le 17-08-2002 à 23:44:06  profilanswer
 

ceci étant, le fichier hfr est un peu compliqué pour moi... et il y a beaucoup de choses qui ne me servent pas...
 
c'est pour ça que j'ai demandé un script, tout con, mais qui marche sufisemment pour moi...
 
un truc du style :  
<OnClick (print "blahblahblah" in $Champ)>

n°196643
xkamui
Their Destiny Was Foreordained
Posté le 18-08-2002 à 22:02:13  profilanswer
 

[:dofor]  [:yoyoz]  [:dofor]

n°196649
gm_superst​ar
Appelez-moi Super
Posté le 18-08-2002 à 22:08:47  profilanswer
 

<img src="..." ... onclick="maFonction('Mon texte';);">
 
function maFonction(texte) {
 
  document.monFormulaire.monChamp.value = texte;
}
 
 
PS: tu pensais vraiment qu'on allait lire tout ton code ?

mood
Publicité
Posté le 18-08-2002 à 22:08:47  profilanswer
 

n°196652
xkamui
Their Destiny Was Foreordained
Posté le 18-08-2002 à 22:11:57  profilanswer
 

j'esssaye ça...
 
pour le code php : oui
pour le code js  : non... assurément, mais ce n'est pas mon code, comme explicité en dessous

n°196658
xkamui
Their Destiny Was Foreordained
Posté le 18-08-2002 à 22:27:53  profilanswer
 

voici donc mon code, qui marche presque :  

Code :
  1. <HTML>
  3. <HEAD>
  4. <SCRIPT>
  5. function walls(texte) {document.AddNews.News.value = texte;}
  6. function skins(texte) {document.AddNews.News.value = texte;}
  7. </SCRIPT>
  8. </HEAD>
  10. <BODY>
  12. <img src="images/news/add/wall.gif" onclick="walls('wallpapers');">
  13. <img src="images/news/add/skin.gif" onclick="skins('skins winamp');">
  15. <FORM method="Post" Name="AddNews" Action="txt.php">
  17. <TEXTAREA name="News">
  18. </TEXTAREA>
  20. <INPUT type="submit">
  22. </FORM>
  23. </BODY>
  25. </HTML>


 
le truc, c'est que, quand je click sur l'image wall, c'est le texte 'wallpapers' qui vient s'afficher dans le champ texte... (jusque là, pas de pb), mais que dès que je click sur l'image skin, le texte est Remplacé par 'skin winamp' et non ajouté à la suite....
 
alors comment faire....


Message édité par xkamui le 18-08-2002 à 22:28:16
n°196743
gm_superst​ar
Appelez-moi Super
Posté le 19-08-2002 à 01:33:39  profilanswer
 

Déjà, pourquoi tu fais 2 fonctions qui font la même chose ?
 
Ensuite pour faire ce que tu veux faire, il faut l'écrire comme ça :
 
function walls(texte) {document.AddNews.News.value = document.AddNews.News.value + texte;}
 
Ou plus court :  
function walls(texte) {document.AddNews.News.value += texte;}

n°196744
xkamui
Their Destiny Was Foreordained
Posté le 19-08-2002 à 01:41:01  profilanswer
 

Déjà, pourquoi tu fais 2 fonctions qui font la même chose ?
-> bah comment je peux faire alors avec deux images pour écrire pas la même chose ??...
 
Ensuite pour faire ce que tu veux faire, il faut l'écrire comme ça :
 
function walls(texte) {document.AddNews.News.value = document.AddNews.News.value + texte;}
 
Ou plus court :  
function walls(texte) {document.AddNews.News.value += texte;}
Youpiiii, ça marche....


Message édité par xkamui le 19-08-2002 à 01:41:10
n°196746
gm_superst​ar
Appelez-moi Super
Posté le 19-08-2002 à 01:48:04  profilanswer
 

xkamui a écrit a écrit :

Déjà, pourquoi tu fais 2 fonctions qui font la même chose ?
-> bah comment je peux faire alors avec deux images pour écrire pas la même chose ??...



Ben tu peux appeler autant de fois que tu veux la même fonction :
 

<img src="images/news/add/wall.gif" onclick="maFonction('wallpapers');">  
<img src="images/news/add/skin.gif" onclick="maFonction('skins winamp');">


et

function maFonctionc(texte) {document.AddNews.News.value += texte;}


L'intérêt de passer 'texte' en paramètre de maFonction c'est bien de lui faire écrire ce qu'on veut.

xkamui a écrit a écrit :

Youpiiii, ça marche....



\o/ Ouééééééé !

n°196749
xkamui
Their Destiny Was Foreordained
Posté le 19-08-2002 à 01:56:26  profilanswer
 

ok ok !!
 
encore une question...
quand je met :  

Code :
  1. <img src="images/news/add/tab.gif" onclick="txt('<IMG src="bozo.gif">');">

, il ne marche plus... je me doute que c'est à cause du double quote, mais comment faire...
 
la finalité serais d'inclure ce code complet :  

Code :
  1. <TABLE width="100%"><TR><TD><CENTER><IMG src="http://xkamui.wallpapers.free.fr/thumbs/085.jpg" width="150" height="113" style="border: solid 1px; border-color: rgb(0, 0, 0)"></CENTER></TD><TD><CENTER><IMG src="http://xkamui.wallpapers.free.fr/thumbs/086.jpg" width="150" height="113" style="border: solid 1px; border-color: rgb(0, 0, 0)"></CENTER></TD><TD><CENTER><IMG src="http://xkamui.wallpapers.free.fr/thumbs/087.jpg" width="150" height="113" style="border: solid 1px; border-color: rgb(0, 0, 0)"></CENTER></TD></TR></TABLE><BR>


et là, y'a plein de "...  :cry:

n°196750
gm_superst​ar
Appelez-moi Super
Posté le 19-08-2002 à 02:21:15  profilanswer
 

Tu dois l'écrire


<img src="images/news/add/tab.gif" onclick="txt('<IMG src=\'bozo.gif\'>');">


ou


<img src="images/news/add/tab.gif" onclick='txt("<IMG src=\"bozo.gif\">" );'>


Tu dois échapper avec \ le quote ou le double quote. Mais on échappe le même caractère qui a servit à passer le paramètre dans la fonction.

n°196755
xkamui
Their Destiny Was Foreordained
Posté le 19-08-2002 à 04:40:13  profilanswer
 

ok, c top nickel, merci pour tout !!! [:texla]


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Inclure valeur images dans champ texte [ - job's done - ]

 

Sujets relatifs
[Mysql]??? champ NOT NULL???[HTML]question simple sur le texte
SESSION: valeur dans un lienquestion simple sur les images
[HTML ou Javascript] Prechargement d'images?[Algo] Faire un fondu entre 2 images...
remplissage d'un champ de formulairevaleur d'un champ
changer la valeur d'un href 
Plus de sujets relatifs à : Inclure valeur images dans champ texte [ - job's done - ]

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.103 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR