Форумы портала PHP.SU :: Версия для печати :: как добавить всплывающее окно

2. vlom - 28 Января, 2013 - 05:46:03 - перейти к сообщению

можно подключить bootstrap и плагин для него
http://bootstrap[dot]veliovgroup[dot]com[dot][dot][dot]cript.php#modals

3. katjuha6 - 28 Января, 2013 - 05:48:32 - перейти к сообщению

прошу прощения за может быть глупый вопрос - а попроще никак? =)

4. vlom - 28 Января, 2013 - 05:53:01 - перейти к сообщению

проще алерт как в вы делали)))

5. katjuha6 - 28 Января, 2013 - 05:54:21 - перейти к сообщению

вот-вот-вот! только если Вы расскажете мне как ПРАВИЛЬНО написать код - я буду Вам очень признательна =)

6. vlom - 28 Января, 2013 - 06:09:41 - перейти к сообщению

там же все написано
это вставляем в страницу и придаем блоку modal свойство display: none

CODE (html):
скопировать код в буфер обмена

 
<-- Modal -->
    <div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">Ч</button>
    <h3 id="myModalLabel">Modal header</h3>
    </div>
    <div class="modal-body">
    <p>One fine body…</p>
    </div>
    <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <button class="btn btn-primary">Save changes</button>
    </div>
    </div>

в js пишем

CODE (javascript):
скопировать код в буфер обмена

$('#myModal').modal('show')

7. katjuha6 - 28 Января, 2013 - 06:12:09 - перейти к сообщению

спасибо за подсказку. щас пойду посплю немножко и попробую это сделать. надеюсь, получится. =))

8. katjuha6 - 28 Января, 2013 - 14:57:45 - перейти к сообщению

не совсем адекватно написала то, что мне надо. на самом деле надо было не всплывающее окно, а окно предупреждения. вот такой код работает

CODE (javascript):
скопировать код в буфер обмена

function AddCompare(product) {
        ProductsInCart.push(product);
        var frm= $("frmProductCompare");
        frm.product_id.value=product;
        frm.func.value="comparisonAdd";
        //frm.page.value = "shop.comparison_short";
        handleUpdateCompare(frm);
alert("Добавлено к сравнению");
}

вопрос: можно ли в этом окне как-то прописать ссылку?