Как загрузить popup из файла по клику?
Есть popup форма обратной связи, которая становится видимой при клике на ссылку, ее код прописан прямо в теле страницы.
Хочу подгружать эту форму из отдельного файла. Подскажите плз как сделать или ткните носом, что почитать. |
Цитата:
|
Сделал так:
<script type="text/javascript">
function validate()
{
$("#popup").html(" ").load("/test/popup2.html");
}
</script>'
<span id=popup></span> <a href="" onclick="var n=validate()" >Написать сообщение</a> Не работает:-/ Что не так? |
pashin76,
а где jquery? |
jquery подключаю :)
<script type="text/javascript" src="/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
function validate()
{
$("#popup").html(" ").load("/test/popup2.html");
}
</script>'
|
Цитата:
tmp.html
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(function (){
$('button').click(function (){
$('#test').load('tmp1.html');
});
});
</script>
</head>
<body>
<div id='test'></div>
<button>Load</button>
</body>
</html>
tmp1.html <p>Test</p> Таки работает! :) |
pashin76,
отменять надо переход по ссылке
$(function (){
$('a').click(function (event){
event.preventDefault()
$("#popup").html(" ").load("/test/popup2.html");
})
})
|
так действительно работает
|
Пытаюсь загрузить popup
<div id="parent_popup">
<div id="popupup">
<div id="close" style="cursor: pointer;" onclick="document.getElementById('parent_popup').style.display='none';"></div>
<p style='text-align: center;' class='contact-title'>ОБРАТНАЯ СВЯЗЬ</p>
</div>
</div>
<script type="text/javascript" src="/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(function (){
$("#link").click(function (event){
event.preventDefault()
$("#popup").html(" ").load("/test/popup2.html");
document.getElementById("parent_popup").style.display="block";
})
})
Не появляется popup окно Пример тут http://otvod.net/test2.php Если делаю так, то окно появляется:
<div id="popupup">
<div id="close" style="cursor: pointer;" onclick="document.getElementById('parent_popup').style.display='none';"></div>
<p style='text-align: center;' class='contact-title'>ÎÁÐÀÒÍÀß ÑÂßÇÜ</p>
</div>
|
Цитата:
|
| Часовой пояс GMT +3, время: 22:29. |