X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> JS + Twitter Bootstrap
ikeacatalogue
ikeacatalogue
Topic Starter сообщение 14.4.2013, 0:58; Ответить: ikeacatalogue
Сообщение #1


Привет.
Есть скрипт модального окна из Twitter Bootstrap
[JS] <script type="text/javascript">
$("document").ready(function(){
$('#modal').modal();
});
</script>
[/JS]
Окно вылетает при клике по кнопке
<a href="#modal" role="button" class="btn" data-toggle="modal">Apply</a>

Как сделать чтобы оно вылетало при клике по строке таблице?
Как в этом скрипте
[JS]<script>
function getRecord(e){
el=e.srcElement||e.target;
if(el.tagName!="TD") return;
alert(el.parentNode.getAttribute("idRecord"));
}
</script>[/JS]
Вставка в этом скрипте такая
<table onclick="getRecord(event)">
<tr idRecord="Текст модального окна"><td>Ячейка 1</td></tr>
<tr idrecord="Текст модального окна"><td>Ячейка 2</td></tr>
</table>


Спасибо.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ikeacatalogue
ikeacatalogue
Topic Starter сообщение 17.4.2013, 17:42; Ответить: ikeacatalogue
Сообщение #2


актуально
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ikeacatalogue
ikeacatalogue
Topic Starter сообщение 6.5.2013, 17:01; Ответить: ikeacatalogue
Сообщение #3


нашел решение
кому интересно:
1) вставляем скрипт модального окна для bootstrap
[JS]<script type="text/javascript">
$("document").ready(function(){
$('#modal').modal();
});
</script>[/JS]
2) создаем само окно и его начинку
<div id="modal" class="modal hide fade">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h2>header</h2>
</div>
<div class="modal-body">
<p>body</p>
</div>
</div>

3) добавляем onclick="input" data-toggle="modal" href="#modal" куда требуется (к примеру в строку, можно в таблицу)
<table class="table table-striped table-hover" onclick="input" data-toggle="modal" href="#modal">

<tr onclick="input" data-toggle="modal" href="#modal">


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыДешевые просмотры YouTube с гарантией, услуги в Instagram, ВК, FB, ОK, Twitter - SmmPanele.Ru
Очень качественные услуги, сотни отзывов на других форумах. Делаю все
146 SergWeider 99387 23.2.2024, 17:36
автор: SergWeider
Открытая тема (нет новых ответов) Twitter Account HIGH QUALITY = 0.04$ accounts without bans
3 TjPro100 1537 26.11.2023, 17:23
автор: TjPro100
Открытая тема (нет новых ответов) SMMBanda.com | Живые просмотры YouTube, TikTok, Instagram, VK, Facebook, Twitter. Лайки, комментарии, подписчики СНГ, Украина, Россия, МИР
Делаем толковый SMM с Гарантией от проблем. Реальные просмотры, посев
15 SMMBanda 7455 8.10.2023, 10:59
автор: SMMBanda
Открытая тема (нет новых ответов) SmoPromo | Продвижение в Facebook, Instagram, Вконтакте, YouTube, Одноклассники, Telegram, TikTok, Twitter и др. социальных сетях | Оформление и администрирование
С 2012 года разрабатываем стратегии продвижения и успешно их реализовы
10 SmoPromo 4581 23.3.2023, 20:55
автор: SmoPromo
Открытая тема (нет новых ответов) Smmgoal.com instagram | youtube|twitter | tiktok| facebook|twich|soundcloudltraffic
11 smmgoal 4196 19.12.2022, 7:07
автор: smmgoalcom


 



RSS Текстовая версия Сейчас: 29.3.2024, 20:02
Дизайн