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ć


Tak wygląda


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

[skowron-line]

Osobiście używam color picker (mootools)

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

nie pamiętam czy to dokładnie będzie hex, ja używam rgb.

[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

[skowron-line]

Ten kolor picker który znalazłeś, to w czystym JS.
Wrzuć całość na jsfiddle.org i pokaż jak działa skrypt łatwiej będzie Ci pomóc.

[KrzysiekKCN]

Bardzo przepraszam za nękanie forumowiczów.

Wklejam kod którym odczytałem zwykły bbcod z podanego wcześniej skryptu.

[PHP] pobierz, plaintext 
$tresc = preg_replace("#\[b\](.*?)\[/b\]#si",'<b>\\1</b>',$tresc);
$tresc = preg_replace("#\[i\](.*?)\[/i\]#si",'<i>\\1</i>',$tresc);
$tresc = preg_replace("#\[u\](.*?)\[/u\]#si",'<u>\\1</u>',$tresc);
$tresc = preg_replace("#\[s\](.*?)\[/s\]#si",'<s>\\1</s>',$tresc);
[PHP] pobierz, plaintext 

Ten post edytował KrzysiekKCN 24.10.2010, 21:42:29