Emoticons

[Kropotkine]

javascript:emoticon('')

Qu'utilises-tu comme navigateur ?

[bobo]

javascript:emoticon('')

Qu'utilises-tu comme navigateur ?

Je pense qu'il a fait un drag'n drop du smiley au lieu de simplement cliquer dessus.

[Kropotkine]

OK !

[calimo]

Et c'est normal qu'il apparaisse 2 fois le truc ?

[LezeuS]

Oui, un drag and drop en met 2 :
javascript:emoticon(':roll:')
javascript:emoticon(':roll:')

[calimo]

Oui, un drag and drop en met 2 :

Oui j'ai vu, c'est parce que ça m'a paru bizarre que j'ai posé la question.

[olab]

Ca doit venir du fait que le drag drop en met un puis le simple click est pris en compte. Quoique dans ce cas là cela devrait mettre le bon smiley. Ouais en fait je sais pas

[Kropotkine]

Ca doit venir du fait que le drag drop en met un puis le simple click est pris en compte.

C'est exactement ca !

[Jigho]

[Moderation]Très intéressant, mais je vous ai déplacé pour ne pas tout mélanger avec la question initiale [/Moderation]

[Kropotkine]

Merci !

[HP]

à tout hasard si ça intéresse quelqu'un, j'ai trouvé çà :
http://www.developpez.net/forums/showpo ... ostcount=8
qui me semble être un pas trop mauvais bout de code javascript pour remplacer celui original de phpBB pour la gestion des smileys.

sinon, on peut aussi mettre les smileys dans une liste à puce dans le template (que l'on "stylera" ensuite via CSS par exemple avec un display inline pour avoir une barre de smiley) :

Code : Tout sélectionner

			  <!--smileys-->
			  <div id="smile_list">
				<ul>
				<!-- BEGIN smilies_row -->
				  <!-- BEGIN smilies_col -->
				  <li>
				  <img onclick="javascript:addSmiley(' {smilies_row.smilies_col.SMILEY_CODE} '); return(false)" ('{smilies_row.smilies_col.SMILEY_CODE}') src="{smilies_row.smilies_col.SMILEY_IMG}" border="0" alt="{smilies_row.smilies_col.SMILEY_DESC}" title="{smilies_row.smilies_col.SMILEY_DESC}" />
				  </li>
				  <!-- END smilies_col -->
				  <!-- END smilies_row -->
				<!-- BEGIN switch_smilies_extra -->
				</ul> 
				  <p class="gensmall smile_explain"><a class="gensmall" href="{U_MORE_SMILIES}" onclick="window.open('{U_MORE_SMILIES}', '_blank', 'HEIGHT=300,resizable=yes,scrollbars=yes,WIDTH=800');return false;">{L_MORE_SMILIES}</a></p>
				<!-- END switch_smilies_extra -->
			  </div>
			  <!--smileys-->

bon, on peut supprimer les commentaires : <!--smileys-->
les autres commentaires servent à phpBB et sa gestion des "boucles" dans les templates.

Je me suis amusé à refaire une grosse partie du posting_body.tpl cet après-midi, alors je soumets ici quelques idées qui peuvent être utiles.

j'ai pas trouvé mieux comme topic à propos du js des smileys

[HP]

Nam nisi odio, cursus sed, varius at, pretium at, metus. Nulla facilisi. Curabitur eleifend accumsan mi. Mauris leo. Nunc velit mauris, cursus eget, rhoncus sit amet, malesuada ac, felis. Etiam vel tortor. Ut pharetra. Phasellus tempus erat sed mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam ac dolor. Nam ac risus et eros aliquam aliquam. Sed lacus ipsum, suscipit vitae, feugiat in, posuere eu, sem. Etiam metus odio, luctus ac, fringilla quis, bibendum id, turpis. Suspendisse bibendum posuere leo. Praesent a quam sed dui feugiat molestie. Nunc sit amet purus. Aenean risus. Proin molestie nulla at augue.

[zelu]

Ouah !
Des smileys sans (trop?) besoin de JAVA !?!
Et avec du CSS à la place en plus !
Je suis très pour

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.0; fr; rv:1.8.0.3) Gecko/20060426 Firefox/1.5.0.3

[HP]

Vivamus eu felis. In hac habitasse platea dictumst. In sit amet quam. In vulputate, orci eget rhoncus vulputate, ipsum orci tincidunt nisl, sed tincidunt purus mi ac elit. Donec est. Praesent rutrum sem a enim commodo dictum. Aliquam tristique velit eget nibh. Aliquam eget turpis nec metus sodales porta. Maecenas ligula nunc, dignissim sed, pulvinar vel, venenatis sit amet, est. Quisque viverra eros vitae est. Duis vehicula dui et felis. Nam eu nulla vel magna malesuada iaculis.

[Benoit]

Pour le template, ok il devrait être refait.

Mais le JavaScript, en quoi est-il mieux que celui-ci :

Code : Tout sélectionner

function emoticon(text) {
   var txtarea = document.post.message;
   text = ' ' + text + ' ';
   if (txtarea.selectionEnd >= 0 && txtarea.setSelectionRange) {
      var textLength = txtarea.textLength;
      var selEnd = txtarea.selectionEnd; // to mimic IE, assume the caret is the end of the selection
      var s1 = (txtarea.value).substring(0, selEnd);
      var s2 = (txtarea.value).substring(selEnd, textLength);
      txtarea.value = s1 + text + s2;
      txtarea.setSelectionRange(selEnd+text.length, selEnd+text.length);
      txtarea.focus();
   }
   else if (txtarea.createTextRange && txtarea.caretPos) {
      var caretPos = txtarea.caretPos;
      caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? caretPos.text + text + ' ' : caretPos.text + text;
      txtarea.focus();
   } else {
      txtarea.value  += text;
      txtarea.focus();
   }
}

?

(je précise que c'est pas du tout l'original de phpBB, déjà c'est celui des thèmes FI et lourdement adapté pour tester Gecko en premier et faire une détection d'objets à peu près correcte)