Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.67/6: Рейтинг темы: голосов - 6, средняя оценка - 4.67
11 / 11 / 1
Регистрация: 01.12.2011
Сообщений: 162
Записей в блоге: 2

Ссылки-изображения на чужом форуме

13.07.2014, 21:14. Показов 1207. Ответов 8
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всех приветствую! Появилась необходимость добавить пару ссылок-изображений на чужой форум (естественно доступа к ресурсам форума у меня нет, не админ же). Искал везде где только можно, гугл чуть не задохнулся, но так и не нашёл ничего подобного.
Что есть: Opera 22.0 с расширением Scripter. В это расширение можно вставлять javascript код. Думаю организовать как раз через него.
Что требуется конкретно: на форуме в шапку, прямо около лого вставить 2-3 изображения-ссылки/кнопки при выборе которых будет переводить на другую страницу по определённому адресу. Такое реально организовать?

Прошу предоставить рабочий пример.
Заранее благодарю !
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
13.07.2014, 21:14
Ответы с готовыми решениями:

Создание ссылки моего сайта на чужом
Передо мной стоит задача, которую я и приблизительно не понимаю как можно выполнить. Попробую описать как я её понимаю. Значит в разделе...

Изменение ширины изображения в чужом iframe средствами CSS
Как можно изменить ширину и другие стили изображения в подгружаемом чужом iframe ? Необходимо для адаптивной верстки. Надо сделать что...

Открытие ссылки из тела сообщения на форуме.
1. Сохраняем вот этот код как файл 'D:OpenAsURL.htm': <SCRIPT LANGUAGE='JavaScript' defer> var parentwin = external.menuArguments; ...

8
Модератор
 Аватар для Thisman
771 / 352 / 142
Регистрация: 17.07.2013
Сообщений: 992
13.07.2014, 22:03
Лучший ответ Сообщение было отмечено X_Starter_X как решение

Решение

Ну если скриптер будет автоматом вставлять, то примерно что такое

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
var img = document.createElement("img"); // первое изображение
     img.src = "ссылка на картинку";
     with (img.style) {
           /* тут нужно будет стили прописать для картинки, что бы она появлялась там где надо */
     };
     img.onclick = function () {
          window.location = "ссылка";
     }
var img2 // по аналогии с первым img
var logo = document.getElementById("logo") // тут типо находим лого, которое нам нужно
var parent = logo.parentNode;
parent.appendChild(img); parent.appendChild(img2); // добавляем к родителю логотипа наши изображения
1
11 / 11 / 1
Регистрация: 01.12.2011
Сообщений: 162
Записей в блоге: 2
15.07.2014, 12:41  [ТС]
Thisman, спасибо ! Вроде работает, а можно пример со стилем?
0
Модератор
 Аватар для Thisman
771 / 352 / 142
Регистрация: 17.07.2013
Сообщений: 992
15.07.2014, 12:49
X_Starter_X, смотря какие стили тебе нужно
Но по сути можно вот так вот
JavaScript
1
2
3
4
5
6
with(img.style) {
   /*тут все свойства для картинки*/
   position = "fixed";
   top = "100px";
   left = "100px" // и так далее
}
1
11 / 11 / 1
Регистрация: 01.12.2011
Сообщений: 162
Записей в блоге: 2
15.07.2014, 12:53  [ТС]
Thisman, Ещё такой маленький вопрос. На сайте есть свои элементы, у которых свои изображения. Есть ли возможно заменить у этих элементов изображения на свои?
0
Модератор
 Аватар для Thisman
771 / 352 / 142
Регистрация: 17.07.2013
Сообщений: 992
15.07.2014, 13:32
X_Starter_X, если между ними есть что-то общее,то в принципе да. Допустим если картинка - background, то можно по этому свойству искать. Далее если это просто картинка, то можно найти все картинки на сайте, и как то уже с этим работать. Надо искать что-то общее, либо алгоритм,как будешь отличать то что тебе нужно, от другого. А так да, можно спокойно заменить
0
11 / 11 / 1
Регистрация: 01.12.2011
Сообщений: 162
Записей в блоге: 2
15.07.2014, 13:51  [ТС]
Thisman, понятно спасибо! Столкнулся с бедой уже, на нашем форуме (ссылка блин запрещена, АМК Фоорум в общем)

нашёл то самое лого (вставил прямо в лого, parent из скрипта убрал).
Изображение пошло ниже, сейчас ищу способ как выдавить положение самого изображения чтобы разместить своё относительно него.
Пишу так:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
var img = document.createElement("img"); // первое изображение
     img.src = "http://www.gameru.net/forum/style_images/ip.blue/bc_new.gif";
     with (img.style) {
     };
     img.onclick = function () {
          window.location = "http://www.goodfon.ru";
     }
var logo = document.getElementById("logo") // тут типо находим лого, которое нам нужно
logo.appendChild(img); // добавляем к родителю логотипа наши изображения
 
 
var v1 = document.getElementByClass("logo").getElementsByTagName("img")[0].src = "http://amk-team.ru/forum/public/style_images/amk/logo.png";
img.style="left:" = v1.style="left:";
img.style="top:" = v1.style="top:";
Но сработало. Что не так сделал?
0
11 / 11 / 1
Регистрация: 01.12.2011
Сообщений: 162
Записей в блоге: 2
15.07.2014, 14:02  [ТС]
Поправился:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
var img = document.createElement("img"); // первое изображение
     img.src = "http://www.gameru.net/forum/style_images/ip.blue/bc_new.gif";
     with (img.style) {
     };
     img.onclick = function () {
          window.location = "http://www.goodfon.ru";
     }
var logo = document.getElementById("logo") // тут типо находим лого, которое нам нужно
logo.appendChild(img); // добавляем к родителю логотипа наши изображения
 
 
var v1 = document.getElementById("logo").getElementsByTagName("img").src = "http://amk-team.ru/forum/public/style_images/amk/logo.png";
img.style="left" = v1.style="left";
img.style="top" = v1.style="top";
Но всё равно не работает.
0
Модератор
 Аватар для Thisman
771 / 352 / 142
Регистрация: 17.07.2013
Сообщений: 992
15.07.2014, 14:52
X_Starter_X,
Цитата Сообщение от X_Starter_X Посмотреть сообщение
img.style="left" = v1.style="left";
img.style="top" = v1.style="top";
не так,а вот так вот :
JavaScript
1
2
3
img.style.left = "значение";
// или так
img.style["left"] = "значение";
Добавлено через 2 минуты
Может быть еще проблема, если ты хочешь подставить значение уже существующего изображение, надо учитывать css. Position relative начинает отсчет от места, где ДОЛЖЕН находиться элемент, а нет от верхнего левого угла родителя. Postion absolute считает как раз от верхнего левого угла, а fixed от верхнего левого угла странички
Тут надо разбираться, и простым присваиванием может дело не обойтись
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
15.07.2014, 14:52
Помогаю со студенческими работами здесь

Ссылки на форуме, вредят или нет?
Добрый день, прочитал много полезной информации на этом сайте, но возник один вопрос. Если я правильно понял, то исходящие ссылки на сайте...

Чужие ссылки на форуме, нужно скрывать? убирать?
Подскажите, если пользователи ежедневно размещают ссылки, которые ведут на чужие ресурсы, как это может отразится на моем сайте-форуме???

Подключение к своей базе данных на чужом сайте путём добавленного страницы на чужом сайте
Привет! Как сделать "подключаемое приложение". Большое количество информации хранится в БД. Естественно доступ к БД передавать для...

Ссылки из изображения
Всем привет. Хочу сделать "интерактивную" карту. Т.е. юзер должен выбрать область, которая в свою очередь подсветится при наведении. ...

Кнопка поверх изображения-ссылки
У меня есть картинка, которая является ссылкой. Нужно добавить поверх этой картинки кнопку так, чтобы ссылка-картинка не потеряла своей...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
9
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
Установка Emscripten SDK (emsdk) и CMake на Windows для сборки C и C++ приложений в WebAssembly (Wasm)
8Observer8 30.01.2026
Чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. Система контроля версиями Git. . .
Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
Влияние грибов на сукцессию
anaschu 26.01.2026
Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru