Witam.
Mam problem z dynamiczną zmianą diva.
Jestem początkujący w jquery i javascript więc nie jestem pewien czy dobrze rozwiązuje problem.
Mamy stronę html na której umieszczony jest link (button). jest on zawarty w divie o id = "ukryj".
Kliknięcie na niego powoduje wywołanie javascriptu który uruchamia plik register.php.
Plik register.php oddaje html, który jest wprowadzany do diva o id = "ukryj".
Kiedy link (button) zostaje w tym divie podmieniony to kliknięcie na niego przestaje wywoływać skrypt.
Pytanie:
Czy ten problem da się rozwiązać (może popełniłem jakiś błąd) ?
Poniżej krótki kod, żeby zobrazować o co mi chodzi.
kod index.php:
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>test page</title>
</head>
<body>
<div id="reg-box">
<form action="" method="post" id="main-register-form" >
<br>
<div id="ukryj"><a href="#" id="register">kliknij</a></div>
</form>
</body>
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript" charset="utf-8"></script>
<script >
$(document).ready(function(){
$('#register').click(function(){
$.post("register.php", $("#main-register-form").serialize(), function(response) {
$('#ukryj').show();
$('#ukryj').html(response);
$('#ukryj').delay(10000).fadeOut();
});
return false;
});
});
</script>
kod register.php:
<?php
$data = (date_create()->format('Y-m-d H:i:s'));
echo($data.'<a href="#"><a href="#" id="register">kliknij</a></a>');
?>