Работа с сылками - новичок

@majgamer · Регистрация: 03.03.2016

Студворк — интернет-сервис помощи студентам

Привет всем.
Сразу пишу: я новичок, лох, чайник.

Суть:
У меня есть сайт с генпланом по адресу: http://бобров-ручей.рф/genplan.html
на данный момент если нажать на участок 47 то появится форма бронирования!
мне необходимо сделать так чтобы при нажатии на участок в форме бронирования отображался хотя бы id area в месте где в форме бронирования написано "БРОНЬ УЧАСТКА №"
Прикрепил картинку...
ПОМОГИТЕ ПЛИЗ)))

@korshun84 · 03.03.2016, 06:48

Ты раздел чутка попутал, тебе в JavaScript надо.

@newyork7776 · 03.03.2016, 18:49

korshun84 хех, а он где?

Добавлено через 22 секунды
majgamer, неплохо бы код помацать

@korshun84 · 03.03.2016, 20:30

Сообщение от newyork7776

а он где?

Перенесли уже тему, чего как маленький то

@Goga5 · 03.03.2016, 21:05

В HTML нужно добавить код:

HTML5
1
<h2>BRON UCHASTKA No <span id="s1"></span></h2>

,т.е. нужно добавить id="s1" в тег span.
В скрипте нужно добавить следующий код:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script type="text/javascript">
function show(obj, state){
var str = obj.id;//"coord_id_47"
var sym, m, n;
var gs = document.getElementById("s1");//gavenii spawn
/*var reg = /\d?/gim;
var cs = str.match(reg);//chslo-stroka
n = parseInt(cs);*/
m = str.length;
n = 0;
while((n<m)&&(!((str[n]>='0')&&(str[n]<='9')))){
//sym = str[n];
n++;
}
var newstr = str.slice(n, m+1);
n = parseInt(newstr);
gs.innerHTML = n;
document.getElementById('window').style.display = state;
document.getElementById('wrap').style.display = state;}
</script>

В тег area, что находится в теге map нужно добавить this:

HTML5
1
<area coords="393,124,419,159,406,173,377,147" shape="poly" id="coord_id_47" onclick="show(this, 'block')">

Все, у меня работает

.

@majgamer · 03.03.2016, 23:39 **[ТС]**

Goga5, спасибо

Добавлено через 2 часа 3 минуты
Goga5, Правда теперь окно не закрывается, show(none) не работает, не подскажите как его можно активировать?

@Goga5 · 04.03.2016, 08:15

Нужно написать 0 в первом параметре show(0, 'none'):

HTML5
1
2
3
4
<button name="Go">ZABRONIROVAT</button><br><br>
<span class="close" onclick="show(0, 'none')">ZAKRIT</span>
</form>
</div>

В функцию нужно добавить if(obj):

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function show(obj, state){
if(obj){
var str = obj.id;//"coord_id_47"
var sym, m, n;
var gs = document.getElementById("s1");//gavenii spawn
/*var reg = /\d?/gim;
var cs = str.match(reg);//chslo-stroka
n = parseInt(cs);*/
m = str.length;
n = 0;
while((n<m)&&(!  (  (str[n]>='0')&&(str[n]<='9')  )  ) ){
//sym = str[n];
n++;
}
var newstr = str.slice(n, m+1);
n = parseInt(newstr);
gs.innerHTML = n;}
document.getElementById('window').style.display = state;
document.getElementById('wrap').style.display = state;}

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .

@majgamer 1 / 0 / 1 Регистрация: 03.03.2016 Сообщений: 14

	Работа с сылками - новичок 03.03.2016, 01:40. Показов 1436. Ответов 6 Метки нет (Все метки) Привет всем. Сразу пишу: я новичок, лох, чайник. Суть: У меня есть сайт с генпланом по адресу: http://бобров-ручей.рф/genplan.html на данный момент если нажать на участок 47 то появится форма бронирования! мне необходимо сделать так чтобы при нажатии на участок в форме бронирования отображался хотя бы id area в месте где в форме бронирования написано "БРОНЬ УЧАСТКА №" Прикрепил картинку... ПОМОГИТЕ ПЛИЗ))) 0

@korshun84 90 / 89 / 23 Регистрация: 08.07.2014 Сообщений: 548
	03.03.2016, 06:48
	Ты раздел чутка попутал, тебе в JavaScript надо. 0

@newyork7776 351 / 344 / 279 Регистрация: 21.05.2013 Сообщений: 1,312
	03.03.2016, 18:49
	korshun84 хех, а он где? Добавлено через 22 секунды majgamer, неплохо бы код помацать 0

@majgamer 1 / 0 / 1 Регистрация: 03.03.2016 Сообщений: 14
	03.03.2016, 23:39 [ТС]
	Goga5, спасибо Добавлено через 2 часа 3 минуты Goga5, Правда теперь окно не закрывается, show(none) не работает, не подскажите как его можно активировать? 0

Работа с сылками - новичок

Решение