Colorpicker

04.11.2014 09:02 (zuletzt bearbeitet: 04.11.2014 09:03)
#1 Colorpicker
avatar
Mitglied

Nachdem mein FEHLERHAFTER Colorpicker Schuld daran war ,dass man bei uns nicht mehr ins Gästebuch schreiben konnte ,möchte ich euch mal fragen ,welchen FEHLERFREIEN Colorpicker könnt ihr mir bitte empfehlen ??

**********************************
Ich frage nach ,damit ich was lerne

 Antworten

 Beitrag melden
04.11.2014 12:02
#2 RE: Colorpicker
avatar
Mitglied

Hallo Bea,

empfehlen gar keinen, die wir haben, haben wir selber gemacht.

Wie folgt: Layout ------→ Iconbar

HTML Baustein machen:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
 
<!-- http://www.interclasse.com/scripts/colorpicker.php -->
<!-- edited for compatibility with the xobor forum software -->
<div class="xob_icon_cont">
<div id="cpbase" style="margin-left:40px"></div>
<script language="Javascript" type="text/javascript">
addColorPicker();
var ns6=document.getElementById&&!document.all;
var ie=document.all;
// http://www.interclasse.com/scripts/colorpicker.php
var artabus='';
function addColorPicker() {
var total=1657;
var X=Y=j=R=G=B=0;
var aR=new Array(total);
var aG=new Array(total);
var aB=new Array(total);
for (var i=0; i<256; i++) {
aR[i+510]=aR[i+765]=aG[i+1020]=aG[i+5*255]=aB[i]=aB[i+255]=0;
aR[510-i]=aR[i+1020]=aG[i]=aG[1020-i]=aB[i+510]=aB[1530-i]=i;
aR[i]=aR[1530-i]=aG[i+255]=aG[i+510]=aB[i+765]=aB[i+1020]=255;
if (i<255) {aR[i/2+1530]=127;aG[i/2+1530]=127;aB[i/2+1530]=127;}
}
var hexbase=new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F");
var i=0;
var jl=new Array();
for (x=0;x<16;x++) for (y=0;y<16;y++) jl[i++]=hexbase[x]+hexbase[y];

var colortable = '<'+'table border="0" cellspacing="0" cellpadding="0" onmouseover="showColor(event);" onclick="pickColor();">';

var H=W=63;
for (Y=0; Y<=H; Y++){
s='<'+'tr height="2">';
j=Math.round(Y*(510/(H+1))-255);
for (X=0; X<=W; X++){
i=Math.round(X*(total/W));
R=aR[i]-j;if(R<0)R=0;if(R>255||isNaN(R))R=255;
G=aG[i]-j;if(G<0)G=0;if(G>255||isNaN(G))G=255;
B=aB[i]-j;if(B<0)B=0;if(B>255||isNaN(B))B=255;
s=s+'<'+'td width="2" bgcolor=#'+jl[R]+jl[G]+jl[B]+'><'+'/td>';
}
colortable += s+'<'+'/tr>';
}
colortable += '<'+'/table>';
document.getElementById('cpbase').innerHTML = colortable;


}
function pickColor() {
var jla=document.getElementById('chosenColor');
jla.innerHTML=artabus;
jla.style.backgroundColor=artabus;
insert('[style=color:'+artabus+']','[/style]');

}
function showColor(e){
source=ie?event.srcElement:e.target;
if(source.tagName=="TABLE")return;
while(source.tagName!="TD" && source.tagName!="HTML")source=ns6?source.parentNode:source.parentElement;
document.getElementById('previewColor').style.backgroundColor=artabus=source.bgColor;
}
function lastColor(choose) {
if (choose.innerHTML != "") {
insert('[style=color:'+choose.innerHTML+']','[/style]');

}
}
</script>

<div id="previewColor" style="float:none; width:40px;height:128px;"></div>

<div id="chosenColor" style="float:none;height:24px;" onclick="lastColor(this);"></div>


</div>
 



Speichern, dann den Baustein einfach in die Farben ziehen = Unten in dem Fenster. Versuchs mal :)

Mit freundlichen Grüssen
Gabriella

http://www.musengarten.com/
http://www.garten-der-poesie.de/

Layout: Business

 Antworten

 Beitrag melden
04.11.2014 16:21
#3 RE: Colorpicker
avatar
Mitglied

Vielen Dank,Gabi. Nun hoffe ich dass das nicht zufällig der selbe ist ,wie ich ihn schon hatte.

**********************************
Ich frage nach ,damit ich was lerne

 Antworten

 Beitrag melden
04.11.2014 16:26 (zuletzt bearbeitet: 04.11.2014 16:28)
#4 RE: Colorpicker
avatar
Mitglied

Vielen Dank,Gabi. Nun hoffe ich dass das nicht zufällig der selbe ist ,wie ich ihn schon hatte.


Neee,ist er nicht!!!! Er ist SUPER

**********************************
Ich frage nach ,damit ich was lerne

 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!