Показать сообщение отдельно
  #3 (permalink)  
Старый 30.05.2013, 01:40
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,075

iskander83, лучше нерабочий пример, чем куски кода
Возможный вариант решения ...
<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8" />
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
  $(document).ready(function() {
	$(".bersoni .butt").on("click",function(){	 show_order_form('Для заказа заполните форму:',this); });
	var show_order_form = function(text, obj){
	var overlay = $('<div>').attr('id', 'overlay');
	overlay.appendTo(document.body);
   //	$('#forma_zakaza').center();
	$('#forma_zakaza').show();
	$('.close_btn').bind('click', function() { close_dialog(); });
	$('#overlay').bind('click', function() { close_dialog(); });
   var title;
   self=$(obj).parents('.wrap_door');
   title= self.find('.name').text();
   $('.form_order').find('.title').text(title);
}
})

  </script>
</head>
<body>
<div id="forma_zakaza"><p>Заполните поля ниже и мы свяжемся с Вами:</p> <img class="close_btn" src="images/krestik.png"/>

 <form class="form_order">		 <h1 class="title">пример</h1>
 				<input type="text" name="name" id="name" placeholder="  Ваше имя * "/>
				<input type="text" name="phone" id="phone" placeholder="  Телефон * "/>
                <input type="text" name="comment" id="commen" placeholder="  Дополнительная информация * "/>
       <img  src="images/otpravit.png" alt="Отправить" title="Отправить"/>
		</form>
 </div>
 <div class="bersoni">
 .....
 <div class="wrap_door">
 <p class="name">АртДеко Эсиль2</p>
 <p class="material">Материал:</p><img src="images/katalog/bersoni_door1.png"/>
 <a class="butt"> <img src="images/kupit_butt.png" class="kupit_butt" />кликать сюды</a>
 </div>
 </div>
</body>
</html>
Ответить с цитированием