| bugmenot | 13.02.2012 13:05 |
Сокротить код
<!DOCTYPE html>
<html dir="ltr">
<head>
<meta charset="utf-8" />
<style type="text/css">
body { font: 14px Tahoma; }
</style>
<link rel="stylesheet" type="text/css" href="wysiwyg.css" />
<script type="text/javascript">
function WYSIWYG(conf) {
this.mode = "rich";
this.textarea = document.createElement("textarea");
this.textarea.name = conf["target"];
this.url = (conf["url"] === undefined) ? "." : conf["url"];
}
WYSIWYG.prototype.execute = function(command, value) {
this.iframeWindow.focus();
this.iframeWindow.document.execCommand(command, null, value);
}
WYSIWYG.prototype.setBold = function() {
this.execute("bold", "");
}
WYSIWYG.prototype.setItalic = function() {
this.execute("italic", "");
}
WYSIWYG.prototype.setUnderline = function() {
this.execute("underline", "");
}
WYSIWYG.prototype.setStrike = function() {
this.execute("strikeThrough", "");
}
WYSIWYG.prototype.update = function() {
var self = this;
var interval = setInterval(
function() {
self.textarea.value = self.iframeDocument.body.innerHTML;
if (self.mode == "plain") {
clearInterval(interval);
}
},
40
);
}
WYSIWYG.prototype.replace = function() {
var self = this;
// [*вырезано*]
/* кнопки */
// Bold
var button = document.createElement("div");
button.className = "button";
button.innerHTML = '<span style="font-weight: bold;">B</span>';
button.title = "Bold";
button.onclick = function() {
self.setBold();
}
iframeBar.appendChild(button);
// Italic
button = document.createElement("div");
button.className = "button";
button.innerHTML = '<span style="font-style: italic;">I</span>';
button.title = "Italic";
button.onclick = function() {
self.setItalic();
}
iframeBar.appendChild(button);
// Underline
button = document.createElement("div");
button.className = "button";
button.innerHTML = '<span style="text-decoration: underline;">U</span>';
button.title = "Underline";
button.onclick = function() {
self.setUnderline();
}
iframeBar.appendChild(button);
// Striked
button = document.createElement("div");
button.className = "button";
button.innerHTML = '<span style="text-decoration: line-through;">S</span>';
button.title = "Strike";
button.onclick = function() {
self.setStrike();
}
iframeBar.appendChild(button);
// [*вырезано*]
}
</script>
</head>
<body>
<form action="#" method="post">
<textarea name="content" cols="48" rows="4"></textarea>
</form>
<script type="text/javascript">
wysiwyg = new WYSIWYG({"target" : "content"});
wysiwyg.replace();
</script>
</body>
</html>
Меня не устраивают повторяющиеся фрагменты кода, пробовал в массив загонять, но там eval'ом приходиться выполнять, а ещё баг получается что у всех элементов при onclick один и тот же последний метод. Довольно тупой язык... |
Цитата:
|
блин этот чувак скрипты в шапку подключает, расходимся пасоны...
|
Цитата:
Цитата:
Думаете после этого вам ответят? |
Цитата:
|
Цитата:
Цитата:
Цитата:
|
Ок, почему не работает так?
// Bold
var button = document.createElement("div");
button.className = "button";
button.innerHTML = '<span style="font-weight: bold;">B</span>';
button.title = "Bold";
// button.onclick = function() {
// self.setBold();
// }
button.onclick = this.setBold;
iframeBar.appendChild(button);
Цитата:
|
var buttons = [
{
"label" : '<span style="font-weight: bold;">B</span>',
"title" : "Bold",
"method" : "setBold"
},
{
"label" : '<span style="text-decoration: underline;">U</span>',
"title" : "Underline",
"method" : "setUnderline"
}
];
for (var i = 0; i < buttons.length; ++i) {
var button = document.createElement("div");
button.className = "button";
button.innerHTML = buttons[i]["label"];
button.title = buttons[i]["title"];
var method = buttons[i]["method"];
button.onclick = function() {
var code = "self." + method + "();";
alert(code);
eval(code);
}
iframeBar.appendChild(button);
}
А так какую бы "кнопку" не нажал выскакивает "self.setUnderline();" |
|
Цитата:
http://phpclub.ru/faq/WhyForum |
Цитата:
for (var i = 0; i < buttons.length; ++i) {
var button = document.createElement("div");
button.className = "button";
button.innerHTML = buttons[i]["label"];
button.title = buttons[i]["title"];
(function(i) {
button.onclick = function() {
eval("self." + buttons[i]["method"] + "();");
}
})(i);
iframeBar.appendChild(button);
}
то что нужно городить такой огород доказывает уёбышность данного языка |
Цитата:
|
Цитата:
|
Опоздал на полсекунды :D
|
Цитата:
|
Цитата:
|
Цитата:
Цитата:
Такое сравнение не очень подходит. Скорее подойдет недалёкость или убогость, но не манипуляции с компостом. А какой язык по твоему не дерьмо? |
Цитата:
Цитата:
C/C++ - никому ненужное байтоебство Java - громоздкость Perl - нечитаемый код PHP - over 9000 функций в основном пространстве, отсутствие встроеной поддержки юникода, краткого синтаксиса для массивов Python - одновременно существуют две ветки, не полностью объектный например переменная a основного пространства не является свойством корневого элемента, функции - методами(даже как в том же Javascript) Ruby - педерастичность, много сахара, паскалеподобный синтаксис |
Забаньте этого жиртреста уже.
|
Цитата:
|
Цитата:
|
Цитата:
Ну и Цитата:
Смотрю карма-то у тебя растет как на дрожжах, скоро меня догонишь, будешь моим темным эго. |
Цитата:
|
Ви таки поц
|
А чаво ишаку не нравится я не пойму?
Строка: 113 Ошибка: 'buttons[...].label' - есть null или не является объектом |
Цитата:
Цитата:
Цитата:
Цитата:
Цитата:
Цитата:
|
да короткий синтаксис гавноедский какой-то получился я целенаправленно за изменениями не следил осталось подождать ещё пока все слоупоки поддерживать PHP 5.4, но самое главное что массивы особенные в пыхепе
|
Цитата:
|
Цитата:
|
Цитата:
|
Цитата:
|
Цитата:
|
bugmenot, вычислю тебя по коту, приду и лишу тебя IP. Был бы IQ, можно было бы на него покуситься.
|
Цитата:
|
Цитата:
P.S. Интересно, если |
Цитата:
|
GuardCat, все мы делали это в детстве, только стесняемся это признать.
|
Цитата:
|
Цитата:
|
| Часовой пояс GMT +3, время: 22:49. |