From a2ee1419f013be953ee768b5b7e95eb423dcf080 Mon Sep 17 00:00:00 2001
From: Greg Burri <greg.burri@gmail.com>
Date: Thu, 1 May 2008 15:21:39 +0000
Subject: [PATCH] =?utf8?q?MOD=20pr=C3=A9sentation=20des=20css=20sous=20la?=
=?utf8?q?=20forme=20d'une=20liste=20box.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit
---
css/1/euphorik.css | 29 +++++++++++------------------
css/1/pageMinichat.css | 21 ---------------------
css/2/euphorik.css | 30 ++++++++++++------------------
css/2/pageMinichat.css | 22 ----------------------
doc/TODO.txt | 6 ++++--
index.html | 8 +++++---
js/euphorik.js | 18 +++++++++++-------
js/pageMinichat.js | 1 +
8 files changed, 44 insertions(+), 91 deletions(-)
diff --git a/css/1/euphorik.css b/css/1/euphorik.css
index 4dd700b..1a2882a 100755
--- a/css/1/euphorik.css
+++ b/css/1/euphorik.css
@@ -9,7 +9,7 @@
body {
font-family: sans-serif;
- font-size: 10pt;
+ font-size: 12px;
color: #EEEEEE;
text-align: center; /* uniquement pour IE */
background-color: #DFDFDF;
@@ -29,11 +29,10 @@ body {
z-index: 10;
top: 2px;
left: 300px;
- font-size: 8pt;
+ font-size: 11px;
background-color: #000000;
text-align: left;
}
-
#menu div {
cursor: pointer;
display: inline;
@@ -41,13 +40,10 @@ body {
margin-left: 2px;
background-color: #4f5519;
}
-
-
#menu div.courante {
background-color: #818c27;
}
-#menu div:hover,
-#menuCss div:hover {
+#menu div:hover {
background-color: #818c27
}
@@ -55,21 +51,18 @@ body {
position: absolute;
z-index: 10;
left: 600px;
- top: -5px;
-}
-
-#menuCss div {
- cursor: pointer;
- display: inline;
- font-size: 6pt;
- margin-left: 4px;
- margin-right: 4px;
+ top:0px;
+ border: 1px;
+ background-color: #164200;
+ border: #2d8800 1px solid;
+ color: #EEEEEE;
+ font-size: 9px;
}
#page {
position: relative;
padding: 25px 0px 15px 0px;
- font-size: 8pt;
+ font-size: 12px;
background-color: #000000;
}
@@ -159,7 +152,7 @@ form button {
background-color: #164200;
border: #2d8800 1px solid;
color: #EEEEEE;
- font-size: 9pt;
+ font-size: 12px;
}
a {
diff --git a/css/1/pageMinichat.css b/css/1/pageMinichat.css
index 862feee..022af89 100755
--- a/css/1/pageMinichat.css
+++ b/css/1/pageMinichat.css
@@ -200,24 +200,3 @@
background-color: #7c6e2e
}
-#page.minichat #pages {
- margin-top: 10px;
-}
-
-#page.minichat #pages span {
- padding-right : 4px;
- padding-left: 4px;
- color: #7664ff;
- cursor:pointer;
-}
-
-#page.minichat #pages span.pageCourante {
- font-weight: bold;
- font-size: 150%;
-}
-
-#page.minichat #pages span:hover {
- font-size: 150%;
- color: #ffad0f;
-}
-
diff --git a/css/2/euphorik.css b/css/2/euphorik.css
index 3213b74..b409c80 100755
--- a/css/2/euphorik.css
+++ b/css/2/euphorik.css
@@ -9,7 +9,7 @@
body {
font-family: sans-serif;
- font-size: 10pt;
+ font-size: 11px;
color: #4b4b4b;
text-align: center; /* uniquement pour IE */
background-color: #e5e1ff;
@@ -28,11 +28,10 @@ body {
#menu {
position: absolute;
z-index: 10;
- font-size: 8pt;
+ font-size: 10px;
left: 350px;
text-align: left;
}
-
#menu div {
cursor: pointer;
display: inline;
@@ -40,35 +39,30 @@ body {
margin-left: 2px;
background-color: #00eaa0;
}
-
#menu div.courante {
background-color: #00ea48;
}
-#menu div:hover,
-#menuCss div:hover
+#menu div:hover
{
background-color: #00ea48
}
#menuCss {
position: absolute;
- left: 600px;
- top: -5px;
z-index: 10;
-}
-
-#menuCss div {
- cursor: pointer;
- display: inline;
- font-size: 8pt;
- margin-left: 4px;
- margin-right: 4px;
+ left: 600px;
+ top:0px;
+ border: 1px;
+ background-color: #FFFFFF;
+ border: #00eaa0 1px solid;
+ color: #4b4b4b;
+ font-size: 10px;
}
#page {
position: relative;
padding: 20px 0px 15px 0px;
- font-size: 8pt;
+ font-size: 11px;
background-color: #eff4f8;
}
@@ -158,7 +152,7 @@ form button {
background-color: #FFFFFF;
border: #00eaa0 1px solid;
color: #4b4b4b;
- font-size: 9pt;
+ font-size: 12px;
}
a {
diff --git a/css/2/pageMinichat.css b/css/2/pageMinichat.css
index d9ae80a..2911b13 100755
--- a/css/2/pageMinichat.css
+++ b/css/2/pageMinichat.css
@@ -208,25 +208,3 @@
background-color: #dddaf8;
color: #a2a2a2;
}
-
-#page.minichat #pages {
- margin-top: 10px;
-}
-
-#page.minichat #pages span {
- padding-right : 4px;
- padding-left: 4px;
- color: #7169ae;
- cursor:pointer;
-}
-
-#page.minichat #pages span.pageCourante {
- font-weight: bold;
- font-size: 150%;
-}
-
-#page.minichat #pages span:hover {
- font-size: 150%;
- color: #ada9cf;
-}
-
diff --git a/doc/TODO.txt b/doc/TODO.txt
index 91d9bda..afc2088 100755
--- a/doc/TODO.txt
+++ b/doc/TODO.txt
@@ -4,7 +4,7 @@
* Rendre compatible IE 7
* Tester avec des caractères accentués sur Firefox, Safari, Opera et IE7. Les messages doivent être envoyés en UTF8.
* Tester avec des caractères exotiques (jap, coréen, etc..)
-* Utiliser une listbox pour la liste des css
+[ok]Utiliser une listbox pour la liste des css
* Changer les noms des css : Light -> Cold, Old -> Classic
* Faire une page faq et raconter n'importe quoi (entre autre la limitation avec firefox) "pourquoi ce site à des couleurs qui ne veulent rien dire ?"
* Ralentir volontairement le connexion lors d'un mauvais login (ou après n mauvais login)
@@ -169,7 +169,9 @@
ii) Il envoie le message (put_message)
c) Le serveur réagie au nouveau message et débloque la connexion, à ce moment le serveur n'a pas le cookie car pas donné, voir a)
[3] Traiter le cas ou le cookie n'existe pas coté serveur (et plus généralement traiter tous les cas d'inputs exeptionnels)
-[3] "Return" ne marche pas sous safari
+[3] "Return" ne marche pas sous safari
+[3] Le "cachage" des messages ne marche pas sous Konqueror, voir : "#page.minichat #conversations div.cache {" dans pageMinichat.css.
+ "-khtml-opacity: 0.3;" ne fonctionne pas
[3] Amélioration des requêtes MNESIA, voir : http://mail.google.com/mail/#label/Erlang+mailing-list/117f688280569a58
[3] la page est completement rechargé après avoir submité le profile dans opera
[3] après le login un '?' s'ajoute à l'adresse (opera, firefox)
diff --git a/index.html b/index.html
index 6ece2b3..f4ba72c 100755
--- a/index.html
+++ b/index.html
@@ -24,9 +24,11 @@
<div id="menu">
<div class="minichat">chat</div><div class="profile"></div><div class="register">register</div><div class="logout">logout</div><div class="faq">faq</div>
</div>
- <div id="menuCss">
- <div class="css" id="css1">Dark</div><div class="css" id="css2">Light</div><div class="css" id="css3">Old</div>
- </div>
+ <select id="menuCss">
+ <option value="1" selected="selected">Dark</option>
+ <option value="2">Cold</option>
+ <option value="3">Classic</option>
+ </select>
<div id="page"></div>
<div id="footer"><a href="http://yaws.hyber.org"><img src="img/powered-by-yaws.gif" alt="powered by Yaws" /></a></div>
</div>
diff --git a/js/euphorik.js b/js/euphorik.js
index 45b3cbd..7af2708 100755
--- a/js/euphorik.js
+++ b/js/euphorik.js
@@ -734,6 +734,16 @@ Client.prototype.majMenu = function()
///////////////////////////////////////////////////////////////////////////////////////////////////
+function initialiserListeStyles(client)
+{
+ jQuery("#menuCss").change(
+ function()
+ {
+ client.setCss("css/" + jQuery("option:selected", this).attr("value") + "/euphorik.css")
+ }
+ )
+}
+
jQuery.noConflict()
// charge dynamiquement le script de debug
@@ -757,13 +767,7 @@ jQuery(document).ready(
// connexion vers le serveur (utilise un cookie qui traine)
client.connexionCookie()
- // les styles css
- for (var i = 1; i <= 3; i++)
- {
- jQuery("#css"+i).click(function(){
- client.setCss("css/" + jQuery(this).attr("id").charAt(3) + "/euphorik.css")
- })
- }
+ initialiserListeStyles(client)
// TODO : pourquoi jQuery(document).unload ne fonctionne pas ?
jQuery(window).unload(
diff --git a/js/pageMinichat.js b/js/pageMinichat.js
index 3e30554..99c195f 100755
--- a/js/pageMinichat.js
+++ b/js/pageMinichat.js
@@ -521,6 +521,7 @@ Conversation.prototype.afficherConversation = function(element)
{
// cherche le message selectionné
var id = parseInt(jQuery(element).attr("id"), 36)
+
var message = this.messagesParId[id]
if (message == undefined) return
--
2.49.0