From ed8f28689ec85a02ee1507ae259e1fbd5517f701 Mon Sep 17 00:00:00 2001 From: Greg Burri Date: Sun, 4 May 2008 20:42:11 +0000 Subject: [PATCH] MOD affichage des smiles dans une fenetre --- css/1/euphorik.css | 2 +- css/1/pageMinichat.css | 27 ++++++++++++------- doc/TODO.txt | 18 ++++++------- doc/graphiques/bouton_smiles.xcf | Bin 0 -> 1033 bytes img/css1/bouton_smiles.png | Bin 0 -> 237 bytes img/smileys/bn.gif | Bin 0 -> 1446 bytes img/smileys/hum.gif | Bin 123 -> 124 bytes img/smileys/redface.gif | Bin 0 -> 95 bytes js/euphorik.js | 10 +++---- js/pageMinichat.js | 43 +++++++++++++++++++++++++------ 10 files changed, 65 insertions(+), 35 deletions(-) create mode 100644 doc/graphiques/bouton_smiles.xcf create mode 100644 img/css1/bouton_smiles.png create mode 100644 img/smileys/bn.gif create mode 100644 img/smileys/redface.gif diff --git a/css/1/euphorik.css b/css/1/euphorik.css index 67848f0..2630f1f 100755 --- a/css/1/euphorik.css +++ b/css/1/euphorik.css @@ -91,7 +91,7 @@ div#info { z-index: 20; } -div#info .fermer { +div#info div.fermer { float:right; cursor: pointer; height:16px; diff --git a/css/1/pageMinichat.css b/css/1/pageMinichat.css index 67a915d..208584b 100755 --- a/css/1/pageMinichat.css +++ b/css/1/pageMinichat.css @@ -4,17 +4,19 @@ vertical-align: bottom; } -#page.minichat #smiles { - border-width: 1px 0px 1px 0px; +#smiles { + border-width: 1px 1px 1px 1px; border-color: #253f18; border-style: solid; margin-bottom: 10px; padding: 1px; - height: 100%; + width: 100px; background-color: #0c2003; + position: absolute; + display: none } - -#page.minichat #smiles img { +#smiles img { + margin: 1px; cursor: pointer; opacity: 0.5; } @@ -28,23 +30,28 @@ margin-bottom: 15px; padding-left: 10px; } - #page.minichat form .pseudo { margin-right: 5px; } - #page.minichat form .message { margin-right: 5px; } - #page.minichat form .return { - height: 15px; + height: 16px; width: 32px; background-image: url(../../img/css1/return.png); background-repeat: no-repeat; background-position: 5px 2px; vertical-align: top; } +#page.minichat form .smiles { + height: 16px; + width: 16px; + background-image: url(../../img/css1/bouton_smiles.png); + background-repeat: no-repeat; + background-position: 2px 2px; + vertical-align: top; +} /* voir pour l'astuce css "float left" des conversations : http://www.quirksmode.org/css/clearing.html */ #page.minichat #conversations { @@ -172,7 +179,7 @@ float: right; padding-right: 5px; padding-left: 5px; - background-color: #c90000; + background-color: #7d1b1b; cursor: pointer; } diff --git a/doc/TODO.txt b/doc/TODO.txt index 96977c3..27e80f9 100755 --- a/doc/TODO.txt +++ b/doc/TODO.txt @@ -8,15 +8,6 @@ * Mettre un icone (genre sablier ou truc qui tourne à la apple) lorsque le chat se charge (également lors d'un changement de page par exemple) * Modifier la syntaxe des smiles actuels (pour pas qu'ils entre en conflit avec totoz) * Ajouter dans la FAQ et/ou dans la page d'enregistrement les conditions d'utilisation, genre "chacun est responsable de ses dires" https://linuxfr.org/bouchot/ -* Ajouter de nouveaux smiles et changer la syntax pour eviter le conflit avec totoz : - * "slurp" : http://forum-images.hardware.fr/images/perso/huit.gif - * "agreed" : http://forum-images.hardware.fr/icones/smilies/jap.gif - * "dodo" (tete avec un bonnet de nuit et des ZZZZ) - * "hum?" : http://forum-images.hardware.fr/icones/smilies/heink.gif - * "pas reveillé" avec une tasse de café et des cernes : http://forum-images.hardware.fr/images/perso/elmoricq.gif - * "interrogation" genre http://forum-images.hardware.fr/icones/confused.gif - * http://forum-images.hardware.fr/images/perso/dao.gif ou http://forum-images.hardware.fr/icones/redface.gif - * http://forum-images.hardware.fr/icones/ohwell.gif * Avoir un thème de discussion affiché en haut des messages genre appellé "troll de la semaine : linux sera-t-il desktop ready en 2008?" * Un statut "EK" avec plein de privilège à la con. (avoir une petite étoile à coté de son nick ou le nick d'une certaine couleur) * Une page pour voir les trolls de la semaine et pouvoir en ajouter et modifier les siens (page "admin") @@ -145,6 +136,15 @@ * pseudo(login) * Créer un favicon (joli) [ok] Créer une page 'about' +[ok] Ajouter de nouveaux smiles et changer la syntax pour eviter le conflit avec totoz : + * "slurp" : http://forum-images.hardware.fr/images/perso/huit.gif + * "agreed" : http://forum-images.hardware.fr/icones/smilies/jap.gif + * "dodo" (tete avec un bonnet de nuit et des ZZZZ) + * "hum?" : http://forum-images.hardware.fr/icones/smilies/heink.gif + * "pas reveillé" avec une tasse de café et des cernes : http://forum-images.hardware.fr/images/perso/elmoricq.gif + * "interrogation" genre http://forum-images.hardware.fr/icones/confused.gif + * http://forum-images.hardware.fr/images/perso/dao.gif ou http://forum-images.hardware.fr/icones/redface.gif + * http://forum-images.hardware.fr/icones/ohwell.gif === Bugs === 1 : Critique diff --git a/doc/graphiques/bouton_smiles.xcf b/doc/graphiques/bouton_smiles.xcf new file mode 100644 index 0000000000000000000000000000000000000000..21ac57a33d4070485f5f26166e178da739715610 GIT binary patch literal 1033 zcmc&yOHRWu5OqHN(2w}D_6oI&paK#HC<}zd?+R(^q!w*bC8^p-9DxOw$%ead2v+O} zZ&DkzqAU^9KKps*jrBTiASYA4@Oc+ohDd8gc*I2gFRchW0k136WtE?Ng0T6LZOPN;Q}OkGcg0Y5*} z7dATCrliU_vrwim?~MexUPQj1i1gbaQrXYcGPB-F^H5>DGG<-q6L$SpG~LFXnDZMq z6EO))S`bx$9;yK9ij#Uvact!+q@id6nzvSXdxdX<(_K1hAi78YF)Uq#m677wEwtv- zdd_^NbBkHI%__OcjQoS;Iel4P%?(xqjNAfD)NSZmf2uZ_RlrGMvRd)Uiep-;I8~6f uup{)Zp=mbzuJ;(k(JUNN>A!}q9~~B~H!_0IHZgSTeVNiZo2)ZWeZBy{#-1wx literal 0 HcmV?d00001 diff --git a/img/css1/bouton_smiles.png b/img/css1/bouton_smiles.png new file mode 100644 index 0000000000000000000000000000000000000000..40a681d73e44503f209e61615fb81fe9f697e6c8 GIT binary patch literal 237 zcmeAS@N?(olHy`uVBq!ia0vp^AT}2V8<6ZZI=>f4F%}28J29*~C-V}>VN3FMcVVby zkY4nJa0`PlBg3pY5H=O_8Y7$!dB|9e?uJJ(Ul6sYwX`aGyWF zT9vJ`skx}cggdgOsm_G8tGUOd*{`WhS%|S;Sa8~O!LB)h#<6pj$}ciDiH+4#1UZS7 z3)M-rlsd`(UVb3NN$K}YW&)j5&{R+dbWw9li3w|GQ>#f+Rem?nMSa48Q>O`b&IY<@ z_7eGp2p2&DiH(5+2$_I^#QES$t&-)`7a~kx_sXHVR|e?bl+1Y?3Z76 zFaPx|eEdGjIcyu>zHGJ^0f5C}Up6PhTWcI2rhXlFT6K z1*x_7E#^M4tOZMR8i72<#lQ>I%?p%%WYRm$a$?e{T@V#$QKf?H^#YyqC4Xx#i)`G! zZ~b&C9mf_x>x6`U3yn zX>QH#e?;vY6FI=yF#t6!g&_y%e9`)n+&1 z9`mIaAxd-nbR$=WCe==`zs3LEbLpB)hq)IlzV}``7W+|svd5Krle$JFtZ~;&wJ5-q v^Zh4H3KWy~nBguzbvnPuyan^;&zbJIbh)or#`HDI66B-hA&GL3l}OeA3tjJt literal 0 HcmV?d00001 diff --git a/img/smileys/hum.gif b/img/smileys/hum.gif index c7e8bebb6187d5fe44928475388f128ed56e245c..db24401b988b99675ea42267a2ac19003a8e33b7 100644 GIT binary patch delta 103 zcmb=fiFEgLv#?C$XAomp$jkr)Teoig|DT~&T3YcZ3nK#qGlLFD6eQ2U zhD*kEYJYBwe?E2gjg}OSEx9L{4%+P3>AgOG&hv&t*%w\ return '\ -
\
\

\ \ \ \ + \ \

\
\ @@ -41,8 +40,10 @@ PageMinichat.prototype.charger = function() this.util.setCaretToEnd(jQuery("form input.message")[0]) + // + jQuery("body").append("
") // affichage des smiles - jQuery("#smiles").html(this.formateur.getSmilesHTML()).children().each( + jQuery("#smiles").append(this.formateur.getSmilesHTML()).children().each( function(i) { var opacityBase = jQuery(this).css("opacity") @@ -72,12 +73,28 @@ PageMinichat.prototype.charger = function() ) } ) + jQuery("form button.smiles").hover( + function(e) + { + var offset = jQuery(e.target).offset() + jQuery("#smiles").css("top", offset.top).css("left", offset.left).show() + }, + function(e){} + ) + jQuery("#smiles").hover( + function(){}, + function(e) + { + jQuery("#smiles").hide() + } + ) + // - /// événements - jQuery("form button.return").click( + // événements + var nouveauMessage = function() - { - // captcha anti bot + { + // captcha anti bot if (jQuery("form input.captcha").val() != "") return thisPage.envoyerMessage( @@ -87,9 +104,19 @@ PageMinichat.prototype.charger = function() jQuery("form input.message")[0].focus() } + + jQuery("form input.message").keypress( + function(e) + { + if (e.which == 13) // return + nouveauMessage() + } ) + + jQuery("form button.return").click(nouveauMessage) + // interdiction de submiter le formulaire - jQuery("form").submit(function(){return false}) + jQuery("form").submit(function(){ return false}) jQuery("input.pseudo").click( function() -- 2.45.2