Форум

pashin76 · #1 (**permalink**) 15.10.2013, 19:45

Есть popup форма обратной связи, которая становится видимой при клике на ссылку, ее код прописан прямо в теле страницы.
Хочу подгружать эту форму из отдельного файла.
Подскажите плз как сделать или ткните носом, что почитать.

ksa · #2 (**permalink**) 15.10.2013, 19:54

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

ткните носом, что почитать

Дык!

pashin76 · #3 (**permalink**) 16.10.2013, 13:38

Сделал так:

<script type="text/javascript">
function validate()
	{
$("#popup").html(" ").load("/test/popup2.html");
	}
    </script>'

<span id=popup></span>
<a href="" onclick="var n=validate()" >Написать сообщение</a>

Не работает

Что не так?

рони · #4 (**permalink**) 16.10.2013, 13:53

pashin76,

а где jquery?

pashin76 · #5 (**permalink**) 16.10.2013, 13:57

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>'

ksa · #6 (**permalink**) 16.10.2013, 13:58

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

Что не так?

Бивас, тест! (с)

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>

Таки работает!

рони · #7 (**permalink**) 16.10.2013, 14:03

pashin76,
отменять надо переход по ссылке

$(function (){
$('a').click(function (event){
        event.preventDefault()
        $("#popup").html(" ").load("/test/popup2.html");

})
})

pashin76 · #8 (**permalink**) 16.10.2013, 14:12

так действительно работает

pashin76 · #9 (**permalink**) 16.10.2013, 22:21

Пытаюсь загрузить 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>

рони · #10 (**permalink**) 16.10.2013, 23:01

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

document.getElementById("parent_popup").style.disp lay="block";

эта 7 строка должна стоять в callback load-- нету у вас никакого "parent_popup" пока load неотработает. пишите функцию между 6 и 7 строками...медитировать тут

Форум

Справочник

Discord чат

Курсы javascript