Worum geht es?
Der Farbauswahl-Dialog soll links und nicht wie bisher rechts von der Maus dargestellt werden. Dies bietet den Vorteil, dass der Farbdialog bei geringen Bildschirmauflösungen nicht aus dem sichtbaren Bereich läuft.
Wie wird's gemacht?
Öffnet dazu einfach die Datei "js_color_picker_v2.css" im Ordner "admin/js_color_picker_v2/" eurer mozilo-Installation.
Ganz oben findet Ihr dort die beiden IDs "dhtmlgoodies_colorPicker" und "dhtmlgoodies_colorPicker_iframe".
In jede dieser beiden ID-Selektoren fügt ihr nun eine neue Zeile mit dem Inhalt margin-left: -250px; ein.
Bei mir sieht der Anfang dieser Datei nun folgendermaßen aus:
/*
*
* $Revision:19 $
* $LastChangedDate:2008-03-12 18:06:54 +0100 (Mi, 12 Mrz 2008) $
* $Author:arvid $
*
*/
#dhtmlgoodies_colorPicker{
position:absolute;
padding-bottom:1px;
background-color:#FFF;
border:1px solid #317082;
z-index:1000;
width: 252px; /* IE 5.x */
width/* */:/**/250px; /* Other browsers */
width: /**/250px;
margin-left: -250px;
}
#dhtmlgoodies_colorPicker_iframe{
position:absolute;
padding-bottom:1px;
z-index:1;
width: 252px; /* IE 5.x */
width/* */:/**/250px; /* Other browsers */
width: /**/250px;
margin-left: -250px;
}
Wie bzw. warum funktioniert das so?
In diesen beiden Selektoren wird die breite des Colorpickers festgelegt. Wie ersichtlich ist, beträgt diese 250 Pixel. Da wir wissen, dass der Dialog rechts von der Maus mit einer Breite von 250 Pixeln eiingefügt wird, verschieben wir ihn einfach um eben diese Breite nach links, so dass er mit seiner rechten Kante an der Maus anliegt.
Sollten Fragen und/oder Probleme damit auftreten dann gebt bitte Bescheid!
Funktioniert bestens und ist ab 1.11.1 Standard. Danke! :)