Generator (paleta) kolorow Opcje

[3miel]

Witam,

zauważyłem na wielu stronkach (których teraz nie moge znalezc:/ ) cos takeigo ze po najechaniu na jakies pole wyswietla sie paleta klolorów, i po kliknieciu na dowolny kolor, jego kod wyswietla sie obok w polu INPUT.

Teraz bardzo by mi to się przydalo, wiec zwracam sie do was z prosba i podanie jakis linków (moga byc nawet przyklady na innych stronach), lub gotowe skrypty.

Pozdrawiam,
3miel

--- EDIT ---
znalazlem coś mniejwiecej podobnego: http://js.webhelp.pl/js/prz.php?id=../prz/...olorpicker.html tylko ze niestety tam trzeb kliknac w przycisk zeby sei pokazala paleta, a ja chce zeby po najechaniu si epojawila i po wybraniu koloru znikala.

Ten post edytował 3miel 29.11.2006, 18:10:02

[dr_bonzo]

Zobacz jaka funkcja jest wywolywana 'onclick' i wstaw ja do 'onmouseover' a zamykanie palety do 'onmouseout' lub zrob to w inny sposob.

[3miel]

Cos tak próbuje z tym zrobić, ale nie umiem zrobic zeby sie chowalo jak sie wybeirze kolor:/

A pozatym nie wiem jak zrobic, zeby ten div z kolororami wyswietlal sie obok, anie pod spodem...

Jezeli ktos potrafi to bylbym wdzieczny gdyby mi pomogł, lub podaj inne skrypty tego typu

--------EDIT-----------------
Mam pomysł zeby zrobić to samemu, tylko znowu komplikacje... mam kilka pytan (nie chce zakladac nowego topicu, wiec pisze tutaj)

Jak zrobic:

-pokazywal sie div zaraz przy myszce, po kliknieciu na inny div.
-po wybraniu koloru ten div ktorego sie kliklo przybral by taki kolor, i inne elementy (do podglądu)
-po wybraniu kolory by ten div znikal
-kolory do palety moge ustawic recznie.

Ten post edytował 3miel 30.11.2006, 18:08:58

[kajko84]

moze to Ci pomoze...

jakis czas temu robilem cos podobnego w jednym ze swoich projektow
wykorzystalem do tego celu gotowy skrypt JS (ColorPicker2.js) znaleziony gdzies na necie

tu masz link ColorPicker2.js

natomiast w linku przy ktorym ma sie wyswietlac owa paleta wstawiasz cos w tym stylu:

[PHP] pobierz, plaintext 
<?php
echo "			  <tr><td class=table_rows height=25 width=20% style='padding-left:32px;' nowrap>Kolor:</td><td colspan=2 width=80%
					  style='color:red;font-family:Tahoma;font-size:10px;padding-left:20px;'><input type='text'
					  size='20' maxlength='7' name='post_color'>&nbsp;*&nbsp;&nbsp;<a href="#"
					  onclick="cp.select(document.forms['form'].post_color,'pick');return false;" name="pick" id="pick"
					  style='font-size:11px;color:#7e1219;'>Wybierz kolor</a></td></tr>n";
?>
[PHP] pobierz, plaintext 

mam nadzieje ze choc troche Ci to pomoze pozdrawiam

[3miel]

Nie wiem czemu, ale nie chce dzialać:/

Skopiowalem twoj kod, dodalem linka do pliku JS i nic: Script error.

[kajko84]

jesli chodzi o link sproboj tego:

[HTML] pobierz, plaintext 
Kolor: <INPUT TYPE="text" NAME="color2" SIZE="20" VALUE=""> <A HREF="#" onClick="cp2.select(document.forms[0].color2,'pick2');return false;" NAME="pick2" ID="pick2">Wybierz</A>
[HTML] pobierz, plaintext 

natomiast co do samego skryptu:

zapisz go sobie do tego folderu w ktorym jest plik w ktorym wstawiasz powyzszy link i w sekcji head umiesc cos takiego:

[HTML] pobierz, plaintext 
<script LANGUAGE="Javascript" SRC="ColorPicker2.js"></SCRIPT>
<script LANGUAGE="JavaScript">
var cp = new ColorPicker('window'); // Popup window
var cp2 = new ColorPicker(); // DIV style
</SCRIPT>
[HTML] pobierz, plaintext 

zajrzyj tez tutaj:
link

pozdrawiam

[3miel]

Działa jak należy:)

Tylko chciałbym to troche przerobic.

Jak zobić, żeby zmianial sie kolor diva lub tekst w środku po wybraniu koloru?

znalazlem taki element w skrypcie:

Kod

document.getElementById(this.divName).innerHTML = this.contents;

który jest odpowiedzialny za wyświetlanie wybranego kodu w INPUT, i dodałem niżej taka liniję:

Kod

document.getElementById(this.divName+'tekst').style.color=this.contents;

ale niestety nie działa:(

Możecie mi z tym pomóc?