Poprawa działania klawisza Enter (dla wszystkich przeglądarek) - zmiany w pliku czat.php :
-
Deklarujesz nową funkcję, np. po funkcji html2bbcode :
function pressedEnter(e)
{
var code = (e.keyCode ? e.keyCode : e.which);
if (code == 13)
{
e.preventDefault();
e.stopPropagation();
$('#daddy-shoutbox-form').submit();
}
}
-
Poprawiasz końcówkę kodu w tym pliku na następującą:
Editor = document.getElementById(‘message’).contentWindow.document;
Editor.body.contentEditable = true;
Editor.body.onkeypress=pressedEnter;
Editor.parentNode.onkeydown=pressedEnter;
Editor.designMode = "on";
});
– Dodane 24.03.2013 (N) 13:19 – Przeczyść cache w przeglądarce Internet Explorer i zamknij program, to czat zacznie poprawnie w nim działać (to znaczy wyświetlać wpisywane teksty). Co do znaków to pojawiają się one w każdej przeglądarce jak się wpisze więcej niż jedną spację naraz, np.
a b
wiem jak to poprawić. W IE przy wstawianiu emotek zdarza się, że pojawia się obramowanie (do edycji ikonki) i na razie nie wiem jak to wyeliminować, tak samo jak ruszający się w pionie tekst. Z emotkami pomaga kliknięcie na polu tekstowym obok i obramowanie znika. Co do kolorowania tekstu (i tych znaczników wokół tekstów), to popracuję nad nim, bo widzę, że w różnych przeglądarkach różnie się generuje tekst HTML dla niego. – Dodane 24.03.2013 (N) 13:57 – Wiele spacji zakodowane znakami "’ " poprawiamy przez dodanie kodu (jednej linijki) w funkcji konwertujEmotki , której początek wyglądać powinien tak:
function konwertujEmotki(text)
{
text=text.replace(/ /gi,' ');
<?php
(dalszy ciąg bez zmian). – Dodane 24.03.2013 (N) 14:05 – Jeśli chodzi o te kolorowe wyrazy z dodatkowym pogrubieniem (lub innym stylem), to u mnie to nie występuje, ale popraw funkcję html2bbcode poprzez dodanie 3 wierszy, tak żeby wygląda tak (całość):
I daj znać, czy to pomogło. – Dodane 24.03.2013 (N) 15:13 – Poprawienie wiersza do wpisywania tekstu - w pliku style.css znajdź wiersz 653 (lub coś koło tego): 1. Popraw wpis dotyczący #message na poniższy:
#message { margin: -6px 2px 0 1px; padding: 0; width: 500px; height: 35px; position: absolute; overflow: hidden; clip: rect(8px,500px,31px,2px); font-size: 12px; background-color: #ffffff;}
-
Dodaj tuż po nim kolejny (nowy) wpis:
#daddy-shoutbox input[type=“submit”] { float: right; margin: 3px 2px 0 0; }
– Dodane 24.03.2013 (N) 15:44 – Aby poprawić ten znaczek (zielony “ptaszek”) pokazujący się po wysłaniu wiersza, popraw następujące rzeczy: 1. w pliku czat.ph p przenieś wiersz
[/code]
przed wiersz zawierający
[code]
2. w pliku style.css popraw wiersz z #message na taki:
#message { margin: -6px 2px 0 1px; padding: 0; width: 490px; height: 35px; position: absolute; overflow: hidden; clip: rect(8px,490px,31px,2px); font-size: 12px; background-color: #ffffff;}
oraz dodaj pod nim nowy wiersz:
#daddy-shoutbox-response { margin-left: 495px; }
– Dodane 24.03.2013 (N) 15:48 –
W IE jak się szybko klika na jaką emotkę, to na którejś z kolei robi się zaznaczenie - nie wiem, jak to poprawić, potem wystarczy kliknąć w tym polu (obok emotki) i jest już w porządku - to chyba jedyna rzecz, której nie udało mi się (na razie) poprawić - przetestuj aplikację i napisz ewentualnie o zauważonych błędach.
function html2bbcode(text)
{
text=text.replace(/
/gi,'');
text=text.replace(/
/gi,'');
text=text.replace(/<\/p>/gi,'');
text=text.replace(//gi,'');
text=text.replace(/<\/span>/gi,'');
text=text.replace(/
/gi,’’); text=text.replace(/</div>/gi,’’); text=text.replace(/**(.*?)</b>/gi,’$1’); text=text.replace(/_(.*?)</i>/gi,’$1’); text=text.replace(/(.*?)</u>/gi,’$1’);
text=text.replace(/(.*?)</strong>/gi,’$1’);
text=text.replace(/(.*?)</em>/gi,’$1’);
text=text.replace(/(.*?)</font>/gi,’[color=$1]$2[/color]’);
text=text.replace(/(.*?)</b>/gi,’[color=$1]$2[/color]’);
text=text.replace(/(.*?)</i>/gi,’[color=$1]$2[/color]’);
text=text.replace(/(.*?)</u>/gi,’[color=$1]$2[/color]’);
<?php
for ($i=0;$i
echo ’ text=text.replace(/![.gif]()
_**
![icon_'. $listaEmotek['graph'][$i] .'.gif](/shoutbox/images/emotki/icon_'.%20%24listaEmotek%5B'graph'%5D%5B%24i%5D%20.'.gif "'.$listaEmotek['text'][$i].'"){kind=icon}
2. Dodaj nową funkcję (np. po funkcji Colour a przed pokazPasekEmotek ), oto jej kod:
’,‘:-/’,‘:shock:’,‘:evil:’,‘:!:’,‘:idea:’,‘:lol:’,‘:-x’,‘:mrgreen:’,‘:-}’,‘:-P’,‘:-k’,‘:oops:’,‘:roll:’,‘:-(’,‘:-)’,‘:-’,‘:-]’,‘:-o’,‘;-)’,‘:?:’,‘
’); for ($i=0;$i echo ’ ![icon_'. $listaEmotek['graph'][$i] .'.gif](/shoutbox/images/emotki/icon_%27.%20%24listaEmotek%5B%27graph%27%5D%5B%24i%5D%20.%27.gif "'.$listaEmotek['text'][$i].'"){kind=icon}
albo :-o natomiast gdy wpisze ikonke tę :- to wtedy na IE i w Google Chrome zamiast tej ikonki wyświetla mi taki znaczek: :-
