Сегодня я вам росскажу и покажу как добавить в форму ссылку и адрес на изображение которое находится в сети (не путайте с тем, что лежит на локальном компьютере), в следующих уроках рассмотрим и такой вариант. Вспомним немного из истории что мы уже умеем делать: создавать форму с бб кодами, создавать яваскрипт добавления записи на бб кодах, создавать парсер, прописывали целый класс.
И так значит начнем сегодня запланированный урок. Как и всегда определимся, что нам необходимо реализовать. Первое дело - это сама ссылка и описание ссылки плюс вставить автоматичесски в форму. Значит как мы уже и прописывали в парсере бб кода на php сам код ссылок.
Вспоминаем код BB
[URL=http://mysite.site]Моя веб страница
[/PLAIN]
Для его создания нам понадобится два раза вводить информацию. Первое это сам урл адрес и второе название сайта или описание ссылки, будим реализовывать на javascript.
И так поехали код javascript
function tag_url()
{
var FoundErrors = '; // Можно написать сообщение при неправильном вводе данных
var enterURL = prompt(text_enter_url, "http://");
var enterTITLE = prompt(text_enter_url_name, "Моя веб страница");
if (!enterURL) {
FoundErrors += " " + error_no_url; // error_no_url вводим выше так var error_no_url = "Вы должны ввести адрес";
}
if (!enterTITLE) {
FoundErrors += " " + error_no_title; // также как и выше
}
if (FoundErrors) {
alert("Ошибка!"+FoundErrors); // при ошибке
return;
}
doInsert("[URL="+enterURL+"]"+enterTITLE+"", "", false); вставляем сам код с тегами в форму
}[/JS]
Вызывается он следующим образом смотрим пример ниже.
Код html
<a class="usr_bb_button" href="javascript:void(0)" onclick="tag_url()" title="Вставить ссылку">
<img src="/images/bbcode/url.png" border="0" alt="Ссылка" />
</a>
Окно вставки урл адреса в форму с бб кодами
Далее при нажатии кнопки ок и вводе правильной информации переходим к следующей операции.
С комментариев в яваскрипте я думаю все понятно скрипт не так уж и сложный простой как велик. Вот собственно что и хотел показать в сегодняшнем посте, таким же образом можно сделать и для вставки изображений с сети. Если вы создадите этот скрипт, то фотографии по анологии просто сделать. Для примера пока есть время добавляю сотрим код.
Код javascript
function tag_image()
{
var FoundErrors = ';
var enterURL = prompt(text_enter_image, "http://");
if (!enterURL) {
FoundErrors += " " + error_no_url;
}
if (FoundErrors) {
alert("Ошибка!"+FoundErrors);
return;
}
doInsert("[IMG="+enterURL+"]", "", false);
}
Аналогично таким образом можно реализовать много чего. На сегодня пожалуй все до встречи в следующих постах. Далее разберём как добавить видео и аудио файлы с сети интернет себе на сайт с помощью BB кодов.