Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
 
0 / 0 / 0
Регистрация: 18.11.2012
Сообщений: 29
1

Не отображается floating menu display: block

10.07.2014, 17:28. Показов 277. Ответов 0
Метки нет (Все метки)

Работаю с svg. Использую библиотеку Keith Wood.
В цикле добавляю элемент на карту svg и пытаюсь засунуть в него дочерний элемент.

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 @foreach (var l in LinePart.Reverse())
        {
            <text>
 
        var id = @l.LineID;
        var name = "@Html.Raw(@l.Name)"
        var description = "@Html.Raw(@l.Description)"
 
 
        var endId = 'line'+id;
 
        var linegroup = svg.group(fullmap,
            {id: 'line' + id, 'class': 'linePart', onmouseenter: 'ShowDescription(\''+ name +'\' ,\'' + description + '\' ,\'' + id + '\' , \'\', event)', onclick: 'RedirectLinePart(' + id + ')', onmouseleave: 'HideDescription()'});  //новый элемент на карте
 
        svg.polyline(linegroup, [ @foreach(var p in linepoints){<text> [@p.coordX,@p.coordY], </text>}]);
 
        svg.circle(linegroup, @linepoints.First().coordX, @linepoints.First().coordY, 1);
 
        $(linegroup).append("<div class='floatingMenu'><div class='floatMenuItem'><span>Перейти к репортажам</span></div></div>"); // дочерний элемент 
        </text>
        }
Функция, которая должна отобразить floatingMenu:

Javascript
1
2
3
4
5
6
7
8
9
function ShowDescription(name, description, id, weather, event) {
        $('#description').css('display', 'inline');
        $('#description #descrtitle').html(name);
        $('#description #info').html(description);
        $('#description #info').html(description).css('margin', '0px 0px 0px 10px');
          
          var menu = $(event.srcElement).children('.floatingMenu');
          $(menu).show(); // пытаюсь отобразить тот самый дочерний элемент...
          $(menu).css('left',(event.clientX + document.documentElement.scrollLeft)+'px').css('top',(event.clientY + document.documentElement.scrollTop)+'px');
В результате в окне отладке при наведении на элемент на карте пишется, что
HTML5
1
<div class="floatingMenu" style="left: 580px; top: 87px; display: inline;"><div class="floatMenuItem"><span>Перейти к репортажам</span></div></div>
Однако, элемент не отображается...

Добавлено через 1 час 13 минут
В чём проблема? Была мысль, что к элементам в svg не применяется css. Однако в отладке убедился в обратном. Есть идеи?
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
10.07.2014, 17:28
Ответы с готовыми решениями:

Как отобразить скрытые элементы HTML(css-display:none;) используя JS!(display:block;)
&lt;!DOCTYPE html&gt; &lt;html lang=&quot;en&quot;&gt; &lt;head&gt; &lt;meta charset=&quot;UTF-8&quot;&gt; ...

Замена display:none; на display:block; при нажатии
Приветствую всех! Мои познания в JavaScript очень слабы, поэтому буду благодарен за любую помощь....

display block display none onclick
когда я нажимаю на слово hello, с низу появляются новые слова. Я хочу, чтоб когда нажимать на слове...

При клике на div "item" у класса .payment-block должно поменяться значение display none на display block
При клике на div &quot;item&quot; у класса .payment-block должно поменяться значение display none на display...

__________________

Записывайтесь на профессиональные курсы Fullstack-разработчиков на JavaScript‌
Обучение в Java Mentor с оплатой после трудоустройства
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
10.07.2014, 17:28

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

SlideUp() и slideDown() без display: block и display: none
Как сделать так чтобы при вызове slideUp() или slideDown() не назначался их display. Я просто хочу...

Не работает display: block;
Возникла проблема, хочу сделать на странице выбор базы данных (объект селект в диве) кнопками (две...

Браузер не обрабатывает display:block
Приветствую. В css файле пишу: .last_tour, .img_ad { display: block; float: left; ...

Не работает display:inline block
Дратути))0) Такая проблема.Не могу понять в чем дело.По справаот картинки должнен быть текст.По...


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

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.