Fragen und Antworten » Colorpicker

04.11.2014 09:02 (zuletzt bearbeitet: 04.11.2014 09:03)

Beatricia
#1 Colorpicker

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

#2

04.11.2014 12:02

Gabriella
#2 RE: Colorpicker

Gabriella

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>
 