Фрейм ( и поди в модальном окне(по типу наград от дуки

Отредактировано Deff (Вс, 29 Янв 2012 23:54:54)

Поставьте в ХТМЛ-верх это:

То, что я выделил красным убирает ссылку "С компьютера", если она так принципиально Вам не нужна. Если есть необходимость вернуть её обратно - просто убираете выделенную красным часть кода. Всё остальное - это небольшое корректирование стиля для скрипта, о котором я сейчас расскажу. Пока лишь только отмечу, что в данном варианте есть один недостаток: окошко для загрузки сообщения будет всплывать несколько правее кнопки:

Полагаю, это терпимо. Если принципиально нет - можно подумать, как исправить и это.
Далее, в ХТМЛ-низ у Вас должно стоять это:

<script type="text/javascript">
function new_load() {
  var div = document.getElementById("image-area");
  var div_next = document.getElementById("image-area-actions");
  var new_div = document.createElement("div");
  new_div.id = "image-area-frame";
  new_div.setAttribute("style", "display: none; width: 960px;");
  new_div.innerHTML = " <iframe id='frame' src='http://addons.alwow.ru/upload' width='100%' height='420'></iframe>";
  new_div.innerHTML += "<br /><br /><a style='cursor: pointer;' onclick='this.parentNode.parentNode.style.display=\"none\";'>Закрыть</a>";
  new_div.innerHTML += "<a style='cursor: pointer; padding-left: 20px;' onclick='return_load();'>Другой источник</a>";
  div.insertBefore(new_div, div_next);
}

function open_frame() {
  document.getElementById("image-area-frame").style.display = "block";
  document.getElementById("image-area-sels").style.display = "none";
}

function return_load() {
  document.getElementById("image-area-frame").style.display = "none";
  document.getElementById("image-area-sels").style.display = "block";
}

document.getElementById("image-source-list").innerHTML += "<a style='cursor: pointer;' class='turn_link' onclick='open_frame();'>С alwow.ru</a>";
new_load();
</script>

Появится, как и раньше пункт "С alwow.ru", по клику на который откроется фрейм с предложением загрузить изображение на Ваш хостинг:

Внизу - такие же две ссылки, как и во всех остальных случаях: одна возвращает к списку вариантов загрузки, другая закрывает совсем окно с загрузкой.
Есть ещё один недостаток: при загрузке изображения придётся прокрутить во фрейме вниз для получения кода - я не знаю, как его обойти. Быть может Вы, как владелец хостинга сможете сделать так, чтобы после загрузки сразу перебрасывало к выбору кодов или вообще сокроете просмотр загруженного изображения - дело Ваше.
Размер я поставил так, как понравилось мне - вы можете отрегулировать его самостоятельно. Вообще, я бы посоветовал минимизировать оформление на странице загрузки - так можно оставить только выбор файла и опции, тогда окно загрузчика можно сжать как минимум в два раза.

Отредактировано rps (Пн, 30 Янв 2012 04:35:15)