Farbtabelle im Chat

    Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

      Farbtabelle im Chat

      Natürlich muss man seit GTChat 0.96 nicht auf die Farbtabelle verzichten. Dafür gab es damals schon Abhilfe, die aber schon etwas klobig aussah:

      <TR valign=top>

      <td bgcolor="#FFFFFF" width="3" height="12"><a href="javascript:sendText('/color FFFFFF')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#EEEEEE" width="3" height="12"><a href="javascript:sendText('/color EEEEEE')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#DFDFDF" width="3" height="12"><a href="javascript:sendText('/color DFDFDF')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#CFCFCF" width="3" height="12"><a href="javascript:sendText('/color CFCFCF')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#9C9E9C" width="3" height="12"><a href="javascript:sendText('/color 9C9E9C')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#7B7D7B" width="3" height="12"><a href="javascript:sendText('/color 7B7D7B')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#6B6D6B" width="3" height="12"><a href="javascript:sendText('/color 6B6D6B')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#4A4D4A" width="3" height="12"><a href="javascript:sendText('/color 4A4D4A')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#393C39" width="3" height="12"><a href="javascript:sendText('/color 393C39')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#5A0000" width="3" height="12"><a href="javascript:sendText('/color 5A0000')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#7B0000" width="3" height="12"><a href="javascript:sendText('/color 7B0000')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#BD0000" width="3" height="12"><a href="javascript:sendText('/color BD0000')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#DE0000" width="3" height="12"><a href="javascript:sendText('/color DE0000')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#FF0000" width="3" height="12"><a href="javascript:sendText('/color FF0000')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#FF7D00" width="3" height="12"><a href="javascript:sendText('/color FF7D00')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#FF9E00" width="3" height="12"><a href="javascript:sendText('/color FF9E00')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#FFBE00" width="3" height="12"><a href="javascript:sendText('/color FFBE00')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#FFDF00" width="3" height="12"><a href="javascript:sendText('/color FFDF00')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#FFFF00" width="3" height="12"><a href="javascript:sendText('/color FFFF00')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#E7FF00" width="3" height="12"><a href="javascript:sendText('/color E7FF00')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#C6FF00" width="3" height="12"><a href="javascript:sendText('/color C6FF00')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#42FF00" width="3" height="12"><a href="javascript:sendText('/color 42FF00')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#00FF7B" width="3" height="12"><a href="javascript:sendText('/color 00FF7B')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#00FF9C" width="3" height="12"><a href="javascript:sendText('/color 00FF9C')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#00FFDE" width="3" height="12"><a href="javascript:sendText('/color 00FFDE')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#00E3FF" width="3" height="12"><a href="javascript:sendText('/color 00E3FF')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#00C3FF" width="3" height="12"><a href="javascript:sendText('/color 00C3FF')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#00A2FF" width="3" height="12"><a href="javascript:sendText('/color 00A2FF')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#0082FF" width="3" height="12"><a href="javascript:sendText('/color 0082FF')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#0000FF" width="3" height="12"><a href="javascript:sendText('/color 0000FF')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#0000BD" width="3" height="12"><a href="javascript:sendText('/color 0000BD')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#00009C" width="3" height="12"><a href="javascript:sendText('/color 00009C')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#310084" width="3" height="12"><a href="javascript:sendText('/color 310084')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#5200A5" width="3" height="12"><a href="javascript:sendText('/color 5200A5')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#7300C6" width="3" height="12"><a href="javascript:sendText('/color 7300C6')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#9400E7" width="3" height="12"><a href="javascript:sendText('/color 9400E7')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#AD00FF" width="3" height="12"><a href="javascript:sendText('/color AD00FF')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#D624EF" width="3" height="12"><a href="javascript:sendText('/color D624EF')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td>

      <td bgcolor="#F301F3" width="3" height="12"><a href="javascript:sendText('/color F301F3')"><img src="http://www.abcdefgh.de/alpha/deck.gif" width=3 height=12 alt="" border=0></a></td></TD>

      </TR>


      Ziemlich unschön. Die neue Abhilfe dazu basiert auf mehr als vorher auf Javascript, ist weniger Codeprotzig und dennoch erweiterbar und besser als der o.g. Code.

      Fügt einfach den folgenden Code dort ein, wo ihr die Funktion haben wollt:

      <script language="JavaScript">
      <!--
      var Hoehe = 10;
      var CpL = 19;
      var cx = 0;
      var Colors = new Array("#EEEEEE","#DFDFDF","#9C9E9C","#7B7D7B","#6B6D6B","#4A4D4A","#393C39","#000000","#5A0000",
      "#7B0000","#BD0000","#DE0000","#FF0000","#FF7D00","#FF9E00","#FFBE00","#FFDF00",
      "#FFFF00","#E7FF00","#C6FF00","#42FF00","#00FF7B","#00FF9C","#00FFDE","#00E3FF",
      "#00C3FF","#00A2FF","#0082FF","#0000FF","#0000BD","#00009C","#310084","#5200A5",
      "#7300C6","#9400E7","#AD00FF","#D624EF","#F301F3");
      document.write("<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">");
      document.write("<tr height=\"" + Hoehe + "\">");
      for (var i=0;i<Colors.length;i++) {
      document.write("<td title=\"Farbe: " + Colors + "\" bgcolor=\"" + Colors[i]);
      document.write("\" style=\"cursor:pointer;\" \"javascript:void(0)\" onClick=\"sendText('/color " + Colors[i] + "');\"></td>");
      if(CpL>0){
      cx++;
      if(cx>=CpL){
      document.write("</tr>\n<tr height=\"" + Hoehe + "\">");
      cx=0;
      }
      }
      }
      document.write("</tr></table>");
      //-->
      </script>


      Ich persönlich habs in der Userliste wo es niemanden stört ;)

      Zum Eintrag in der Datenbank