Форум

palgashik · #1 (**permalink**) 18.05.2016, 19:35

Доброго времени суток. В коде совсем не бум-бум, поэтому спрашиваю самое элементарное - как закрыть модальное окно. Есть скрипт:

<script type="text/javascript">
$(document).ready(function() {
	$('.callme').on('click', function() {
		var product_id = ($(this).data("product_id") > 0) ? $(this).data("product_id") : '';
		$('.callme_load').html('<iframe src="./index.php?route=module/callme/open&prod_id='+ product_id +'" width="340" height="650" frameborder="0">Загрузка</iframe>');
			$('#callme_modal').modal('show');
				$('.callme .close').click(function (e) {
		e.preventDefault();
	});
	});

});
</script>

Что нужно дописать, чтобы можно было вывести ссылку или кнопку, которая бы закрывала это окно? Заранее спасибо.

рони · #2 (**permalink**) 18.05.2016, 20:08

palgashik,
непонятно что и как вы хотите закрыть, но обычно в структуре

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

$('#callme_modal').modal('show');

есть кнопа/ы с data-dismiss="modal"

palgashik · #3 (**permalink**) 19.05.2016, 14:45

Если использую data-dismiss="modal" то закрывается содержимое окна, а не полностью окно.
Вот весь файл.

<?php } ?>

<?php if (!isset($open)) { ?>

<div id="callme_modal" class="modal fade " tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-body">
       <div class="callme_load"></div>
      </div>
    </div>
  </div>
</div>


<script type="text/javascript">
$(document).ready(function() {
	$('.callme').on('click', function() {
		var product_id = ($(this).data("product_id") > 0) ? $(this).data("product_id") : '';
		$('.callme_load').html('<iframe src="./index.php?route=module/callme/open&prod_id='+ product_id +'" width="340" height="650" frameborder="0">Загрузка</iframe>');
			$('#callme_modal').modal('show');
				$('.callme .close').click(function (e) {
		e.preventDefault();
	});
	});

});
</script>
<?php } ?>



<?php if (isset($open)) { ?>

 <!DOCTYPE html>
<html dir="ltr" lang="ru">
<head>
<meta charset="UTF-8" />
<base href="<?php echo $base; ?>" />
 <link href="catalog/view/javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" />
 
<style type="text/css">
 body  {
	 text-align: center; overflow:hidden;
	 font-family: Trebuchet MS;
	 color: black;
	 font-size: 14px;
	
	 }
 #wrap{}
.form-horizontal .form-group  {
	margin:0 0 5px 0 !important;
	}
.input {
	text-align:center;
	}
.ihomos {
	text-align:left;
	}
.bg-success {
	font-weight:bold !important; color:#287A27  !important; padding: 10px 0;
	}
.text-danger {
	font-weight:bold;
	}
.gdehomos {
	display:none;
	}
.callme {
	color: black;
	font-size: 30px;
	line-height: 90%;
	font-family: Trebuchet MS;
}

/*label {color:#47A946  !important;}*/
button {background:#47A946  !important; color:#fff !important;}
button:hover {background:#3C963B   !important; color:#fff !important;}


</style>

</head>

<body id="callme">
<div id="wrap"> 
	<hr>
	<p class="callme"><?php echo $heading_title; ?></p><hr>
	<?php 
    echo "<img src='catalog/view/theme/coloring/image/callme/callme.png'>"; 
	?>
	  
	<form class="form-horizontal" role="form" action="<?php echo $action; ?>" method="post" enctype="multipart/form-data" >

		<div class="form-group <?php echo ($error_name) ? 'has-error' :''; ?>" >
			<label for="name" class="col-sm-2 control-label"><?php echo $entry_name; ?></label>
			<div class="col-sm-10">
				<input type="text" class="form-control" id="name" name="name"  value="<?php echo $name; ?>" placeholder="<?php echo ($error_name) ? $error_name : $text_name1; ?>">
			</div>
		</div>
		 
		<div class="form-group <?php echo ($error_tel) ? 'has-error ' :''; ?>" >
			<label for="tel" class="col-sm-2 control-label"><?php echo $entry_tel; ?></label>
			<div class="col-sm-10">
				<input type="tel" class="form-control" id="tel" name="tel"  value="<?php echo $tel; ?>" placeholder="<?php echo ($error_tel) ? $error_tel : $text_tel1; ?>">
			</div>
		</div>
		  
		<?php if ($callme_setting['showfieldtime']) { ?>
		<div class="form-group" >
			<label for="time" class="col-sm-2 control-label"><?php echo $entry_time; ?></label>
			<div>
				<div class="col-xs-6">
				<input type="time" name="time1" class="form-control" value="<?php echo $time1; ?>" />
				</div>
				<div class="col-xs-6">
				<input type="time" name="time2" class="form-control" value="<?php echo $time2; ?>"  />
				</div>
			</div>
		</div>
		<?php } ?>
		 
		<div class="form-group" >
			<label for="enquiry" class="col-sm-2 control-label"><?php echo $entry_enquiry; ?></label>
			<div class="col-sm-10">
				<textarea class="form-control" rows="3" id="enquiry" name="enquiry"  value="<?php echo $enquiry; ?>" > </textarea>
			</div>
		</div>
		  
		<input type="hidden" name="link_page" value="<?php echo ($_SERVER['HTTP_REFERER']) ? $_SERVER['HTTP_REFERER'] : ''; ?>" />
		<BR>
		<input type="text" class="gdehomos" name="gdehomos" value="<?php echo $gdehomos; ?>" />
		
		<?php if ($product_id) { ?>
		<input type="hidden" name="product_id" value="<?php echo $product_id; ?>" />
		<?php } ?>
		

		<?php if (isset($success)) { ?>
		<p class="bg-success"><?php echo $success; ?></p>
		<?php } else { ?>
			 
		<?php if ($callme_setting['capcha']) { ?>
		<div class="form-group <?php echo ($error_capcha) ? 'has-error ' :''; ?> ">

			<div class="col-xs-8 ihomos">
				<?php echo $qs; ?>
				<?php if ($error_capcha) { ?>
				<span class="text-danger"><?php echo $error_capcha; ?></span>
				<?php } ?>
			</div>
			<div class="col-xs-4">
				<?php echo $no; ?>:<input type="checkbox" name="irobot_no" value="0" checked="checked" /> <BR>
				<?php echo $yes; ?>:<input type="checkbox" name="irobot_yes" value="1"  />
			</div>
		</div>
		<BR>
		<?php } ?>	
		<div class="form-group">
			<div class="col-sm-offset-2 col-sm-10">
				<button type="submit" class="btn btn-default"><?php echo $button_send; ?></button>
			</div>
		</div>
	</div>
		<?php } ?>
	</form>
</div>
</body>
</html>


<?php } ?>

рони · #4 (**permalink**) 19.05.2016, 15:47

palgashik,
увы с php не могу помочь.

palgashik · #5 (**permalink**) 19.05.2016, 17:44

Решил, спасибо Вам за совет. Не там прописывал кнопку.
Добавил после

<div class="modal-body">
строку <div class="modal-footer">
где и прописал кнопку с data-dismiss="modal"

Форум

Справочник

Discord чат

Курсы javascript