COLOR PICKER wbudowany do bbeditor, Wyświetlenie KODU HTML oraz pobranie zmiennej. Opcje

[KrzysiekKCN]

Witam. Na start powiem że z java scriptem nie mam zbyt dobrych kontaktów.

Otóż mam kod do BBCODE, i chciał bym żeby funkcja POBIERAŁA kolor z jakiejś palety i zapisywała ją jako zmienną, jednak ja już mam problem przy pobraniu zmiennej ^^ A właściwie przy wyświetleniu komunikatu.

Chciał bym żeby wyglądało to tak jak ze zdjęcia, lub może tak jak tu na forum? (Cała pierwsza linia, czcionki rozmiar i kolory? Już sam nie wiem.)

Tak to by miało wyglądać
(IMG:http://img375.imageshack.us/img375/2549/obraz1w.png)

Tak wygląda
(IMG:http://img253.imageshack.us/img253/6838/kolor1.png)

A taki jest kod tej funkcji? Procedury? W każdym bądź razie odpowiada za kolor.

[XML] pobierz, plaintext 
	case '#kolor':
	  var color=prompt('<img src="icons/small.png">"Wpisz preferowany kolor', 'black');
      et.insertAroundCursor({'before': '<font color="' + color + '">', 'after': '</font>'});
      break;
[XML] pobierz, plaintext 

Czy jest to do zrobienia? Z góry dzięki, i proszę o pomoc.

Ten post edytował KrzysiekKCN 24.10.2010, 12:55:18

[KrzysiekKCN]

Możliwe że coś źle robię, ale nie działa.
W pliku add.php (tutaj mam formularz i te całe bbcody) wczytałem ten mooRainbow.js i mooRainbow.css a w skrypcie bbcode mam:


i jeszcze Kod mooTools wogole blokuje funkcje mojego BBCODU.

[JAVASCRIPT] pobierz, plaintext 
	case '#kolor':
		var r = new MooRainbow('color', {
			id: 'colorPicker',
				onChange: function(color)
			{
				et.insertAroundCursor({'before': '<font color="' + color.hex + '">', 'after': '</font>'});
			}
		});
      break;
[JAVASCRIPT] pobierz, plaintext 

i jeszcze jeden problem, bo wyczytałem że pętla for działa na tej samej zasadzie co w C++, więc do tworzenia wykazu mam taki kod:

[JAVASCRIPT] pobierz, plaintext 
	case '#punktor':
		var punkt=prompt('Jak długa ma być lista?', '4');
		et.insertAroundCursor({'before': '<ul>', 'after': ''});
			for (i=1; i>=punkt; i++) 
			{
				et.insertAroundCursor({'before': '<li>', 'after': '</li>'});
			}
		et.insertAroundCursor({'before': '', 'after': '</ul>'});
    break; 
[JAVASCRIPT] pobierz, plaintext 

a jedyne co wyświetla to: <ul> COS TUTAJ </ul>

------------------------------------------

Dodam jedynie że kod:

[JAVASCRIPT] pobierz, plaintext 
	case '#kolor':
		var r = new MooRainbow('color', {
			id: 'colorPicker',
				onChange: function(color)
			{
				et.insertAroundCursor({'before': '<font color="' + color.hex + '">', 'after': '</font>'});
			}
		});
      break;
[JAVASCRIPT] pobierz, plaintext 

Odpowiada za wykonanie zmiany koloru po kliknięciu przycisku, który zdefiniowany jest tak:

[JAVASCRIPT] pobierz, plaintext 
  kolor: new Hash({
    title: 'Kolor',
    icon: bbeSettings.get('imageBase') + 'color.png'
  }),
[JAVASCRIPT] pobierz, plaintext 

Więc wszelkie akcje muszą być przeprowadzone właśnie w jednym wyborze case. Paleta kolorów musi otwierać się i zamykać w tym przycisku.
Znalazłem jeszcze takie coś, tylko nie wiem czy da się to dodać do skryptu: COLOR PICKER.

Mój formularz wygląda następująco:

[HTML] pobierz, plaintext 
<fieldset>
<legend align="top">Aktualności</legend>
<form action="add_script.php" method="post">
	<table style="border: 1px solid black;" cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td>Autor:</td>
      <td><input type="text" name="autor" maxlength="60" size="30"></td>
    </tr>
    <tr>
      <td>Temat:</td>
      <td><input type="text" name="temat" maxlength="60" size="30"></td>
    </tr>
    <tr>
      <td>Tresc:</td>
      <td><textarea class="bbeditor" id="content_1" name="content" ></textarea></td>
    </tr>
	 <tr>
      <td>Publikacja:</td>
      <td><input type="radio" name="publikacja" value="tak">TAK<br><input type="radio" name="publikacja" value="nie">NIE</td>
    </tr>
	 <tr>
      <td><input type="submit" value="Zapisz"></td>
      <td><input type="reset" value="Reset"></td>
    </tr>
  </tbody>
</table>
</fieldset>
[HTML] pobierz, plaintext 

P.S. BBeditor ma już w sobie Mootools.

na teraz, więcej nie wymyśle. Życzę dobranoc

Ten post edytował KrzysiekKCN 24.10.2010, 00:46:38