-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmypersonality2.php
97 lines (93 loc) · 3.88 KB
/
mypersonality2.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- css -->
<link rel="stylesheet" href="bootstrap/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="tes.css">
<!-- script -->
<script src="tools/js/jquery.min.js"></script>
<script src="bootstrap/bootstrap.min.js"></script>
<!-- <script src="tools/js/angular.min.js"></script> -->
<title>MyPersonality - Personality test</title>
</head>
<body>
<!-- form -->
<div id="page1">
<div class="column fpimg">
<img src="img/image1.svg" alt="The Personalities"/>
</div>
<div class="column fptext">
<div class="fptext1">
<p class="word1">WELCOME TO</p>
<p class="word2">MyPersonality</p>
</div>
<div class="fptext2">
<p class="intro">Take your Personality Test and get a 'freakishly accurate' description of who you are.</p>
<!-- <a href="#"><button class="btn btn-info fpbtn" title="take the test!">Take The Test</button></a> -->
<a href="" class="btn btn-info fpbtn" title="take the test!" data-toggle="modal" data-target="#add_data_modal">Take The Test</a>
<p class="review">“let's see the incredible of you.”</p>
</div>
<div class="fpicon">
<a href="#"><img class="fb" src="icon/001-facebook.png" title="MyPersonality - Personality Online Test"></a>
<a href="#"><img class="tw" src="icon/002-twitter.png" title="mypersonality_id"></a>
<a href="#"><img class="email" src="icon/envelope.png" title="[email protected]"></a>
</div>
</div>
<!-- LOGIN POP UP -->
<div id="add_data_modal" class="modal fade" >
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header text-center">
<button type="button" class="btn btn-default" data-dismiss="modal" style="float:right;">×</button>
<p class="word2">MyPersonality</p>
<h2 class="modal-title font-weight-bold" style="font-family: Good Feeling Sans Demo;">know yourself, know your best way</h2>
</div>
<div class="modal-body">
<form id="insert_form" action="namadanemail.php" method="POST">
<label style="font-family: Good Feeling Sans Demo;">Full Name:</label>
<input type="text" name="fullname" id="fullname" class="form-control" title="only allowed the alphabet without space." style="margin: 3%; width: 500px;"/>
<label style="font-family: Good Feeling Sans Demo;">E-Mail:</label>
<input type="email" name="emaill" id="email" title="ex email : [email protected]" class="form-control validate" style="margin: 3%; width: 500px;"/>
<input type="submit" name="insert" id="insert" value="insert" class="btn btn-success"/>
</form>
</div>
<div class="modal-footer">
<button id="button" class="btn btn-default" data-dismiss="modal">Close<i class="fa fa-paper-plane-o ml-1"></i></button>
</div>
</div>
</div>
</div>
</div>
</body>
<script>
$(document).ready(function(){
$('#insert_form').on('submit', function(event){
event.preventDefault();
if ($('#fullname').val() == '')
{
alert("Full name is required");
}
else if($('#email').vall() == '')
{
alert("Email is required");
}
else
{
$.ajax({
url:"namadanemail.php",
method:"POST",
data:$('#insert_form').serialize(),
success:function(data)
{
$('#insert_form')[0].reset();
$('#add_data_modal').modal('hide');
}
});
}
});
});
</script>
</html>