-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy paththirddoctor.html
134 lines (122 loc) · 5.01 KB
/
thirddoctor.html
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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>zGallering Free Html5 Responsive Template</title>
<meta name="description" content="Free Html5 Templates and Free Responsive Themes Designed by Kimmy | zerotheme.com">
<meta name="author" content="www.zerotheme.com">
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery-1.7.2.min.js" >
<script src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.js"></script>
</script>
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
================================================== -->
<link rel="stylesheet" type="text/css" href="css/appoint_doctor.css"/>
<link rel="stylesheet" href="css/thirddoctor.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/appoint_doctor.css"/>
<link href='./images/favicon.ico' rel='icon' type='image/x-icon'/>
</head>
<body>
<header>
<div class="wrap-header">
<nav>
<ul>
<li class="current"><a href="mian.html">主页</a></li>
<li><a href="seconddoctor.html">寻医</a></li>
<li><a href="single.html">问药</a></li>
<li><a href="single.html">器材</a></li>
</ul>
</nav>
</div>
</header>
<section id="content">
<div class="feature">
<div style="clear:both; display:block; height:10px"></div>
</div>
<div class="welcome">
<p>请你适当的选择自己想要选择的医生，然后点击医生的图片进行预约</p>
</div>
<div class="zerogrid">
<div class="row block01">
<div class="col-1-3">
<article>
<button><img src="" class="grayscale"/><h2 class="yyyyyyy">妇科医生 韩浩宇 如果你要预约点击图片进去描述自己的病情</h2></button>
</article>
</div>
<div class="col-1-3">
<article>
<button><img src="" class="grayscale"/><h2 class="yyyyyyy">妇科医生 韩浩宇 如果你要预约点击图片进去描述自己的病情</h2></button>
</article>
</div>
<div class="col-1-3">
<article>
<button><img src="" class="grayscale"/><h2 class="yyyyyyy">妇科医生 韩浩宇 如果你要预约点击图片进去描述自己的病情</h2></button>
</article>
</div>
<div class="col-1-3">
<article>
<button><img src="" class="grayscale"/><h2 class="yyyyyyy">妇科医生 韩浩宇 如果你要预约点击图片进去描述自己的病情</h2></button>
</article>
</div>
<div class="col-1-3">
<article>
<button><img src="" class="grayscale"/><h2 class="yyyyyyy">妇科医生 韩浩宇 如果你要预约点击图片进去描述自己的病情</h2></button>
</article>
</div>
<div class="col-1-3">
<article>
<button><img src="" class="grayscale"/><h2 class="yyyyyyy">妇科医生 韩浩宇 如果你要预约点击图片进去描述自己的病情</h2></button>
</article>
</div>
</div>
</div>
</section>
<div class="modal" id="mymodal">
<div class="main1">
<form action="php/bespeak.php" method="get">
<label for="username" class="cd-username111"></label>
<input id="username" type="text" name="username" placeholder="请您输入您的姓名" />
<label for="numberphone" ></label>
<input id="numberphone" type="text" name="phonenumber" placeholder="请您输入正确的手机号"/>
<label for="username"></label>
<input id="username" type="text" name="doctorname" placeholder="请您输入您预约医生的姓名" />
<label for="illness"></label>
<input type="text" id="illness" style="height: 100px;" name="about" placeholder="请描述您的病情"/>
<input type="submit" id="submitbutton" class="btn btn-default" value="一键挂号"/>
</form>
</div>
</div>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script>
$(function(){
$(".col-1-3").click(function(){
$("#mymodal").modal("toggle");
});
});
$(document).ready(function(){
$.ajax({
type: "GET",
url:"php/o_doctor_register.php",
dataType: "json",
success: function(data){
var divs=document.getElementsByClassName("yyyyyyy");
var obj = eval(data);
var imgs=document.getElementsByTagName("img");
for(var i=0;i<divs.length,i<obj.length;i++)
{
divs[i].innerHTML="姓名："+obj[i] [0]+"<br>"+"手机号："+obj[i] [1]+"<br>"+obj[i] [2];
imgs[i].src=obj[i] [3];
}
}
})
})
</script>
</body></html>