From: Greg Burri Date: Sun, 4 May 2008 20:42:11 +0000 (+0000) Subject: MOD affichage des smiles dans une fenetre X-Git-Tag: 1.0.0^2~115 X-Git-Url: http://git.euphorik.ch/index.cgi?a=commitdiff_plain;h=ed8f28689ec85a02ee1507ae259e1fbd5517f701;p=euphorik.git MOD affichage des smiles dans une fenetre --- 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 0000000..21ac57a Binary files /dev/null and b/doc/graphiques/bouton_smiles.xcf differ diff --git a/img/css1/bouton_smiles.png b/img/css1/bouton_smiles.png new file mode 100644 index 0000000..40a681d Binary files /dev/null and b/img/css1/bouton_smiles.png differ diff --git a/img/smileys/bn.gif b/img/smileys/bn.gif new file mode 100644 index 0000000..dba4463 Binary files /dev/null and b/img/smileys/bn.gif differ diff --git a/img/smileys/hum.gif b/img/smileys/hum.gif index c7e8beb..db24401 100644 Binary files a/img/smileys/hum.gif and b/img/smileys/hum.gif differ diff --git a/img/smileys/redface.gif b/img/smileys/redface.gif new file mode 100644 index 0000000..6e08e7b Binary files /dev/null and b/img/smileys/redface.gif differ diff --git a/js/euphorik.js b/js/euphorik.js index 3b17bf5..e8311da 100755 --- a/js/euphorik.js +++ b/js/euphorik.js @@ -40,7 +40,8 @@ var conf = { "kirby" : [/\[-kirby\]/g], "slurp" : [/\[-slurp\]/g], "agreed" : [/\[-agreed\]/g], - "dodo" : [/\[-dodo\]/g] + "dodo" : [/\[-dodo\]/g], + "bn" : [/\[-bn\]/g] } } @@ -799,12 +800,7 @@ jQuery(document).ready( initialiserListeStyles(client) // TODO : pourquoi jQuery(document).unload ne fonctionne pas ? - jQuery(window).unload( - function() - { - client.flush(false) - } - ) + jQuery(window).unload(function(){client.flush(false)}) jQuery("#menu .minichat").click(function(){ pages.afficherPage("minichat") }) jQuery("#menu .profile").click(function(){ pages.afficherPage("profile") }) diff --git a/js/pageMinichat.js b/js/pageMinichat.js index 8d914b4..9a88dce 100755 --- a/js/pageMinichat.js +++ b/js/pageMinichat.js @@ -14,14 +14,13 @@ function PageMinichat(client, formateur, util) PageMinichat.prototype.contenu = function() { -// \ 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()