forked from HotWordland/WebNewsJSBridgeOC
-
Notifications
You must be signed in to change notification settings - Fork 0
/
news.html
156 lines (142 loc) · 13.2 KB
/
news.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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>药智新闻</title>
<!-- Bootstrap -->
<link rel="stylesheet" href="bootstrap.min.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body onload="onLoaded()">
<div class="container-fluid">
<div class="row">
<div class="col-xs-12 col-md-12 ">
<img id="newsDt" src="newsDt.png" style="width: 5px;height: 68px;margin-left: -16px;margin-top: 5px;float: left">
<p id="subtitle" style="float: left; margin-top: 75px;position: absolute;font-size: 0.9em;color:#c2c5c7">1521123 来自:药智新闻 作者:静</p>
<p id="title" style="margin-top: 5px">实时查询 药智网实时查询 药智网实时查询 药智网实时查询 药智网实时查询 药智网</p>
</div>
<div id="titleImage" class="col-xs-12 col-md-12 " style="margin-top: 12px">
<img src="http://d.hiphotos.baidu.com/image/pic/item/7e3e6709c93d70cf5837c7e3fcdcd100bba12b0a.jpg" class="img-responsive" style="width: 100%">
</div>
<div class="col-xs-12 col-md-12 content" style="margin-top: 10px">
<div style="margin-top:10px;"></div><p><br/></p><p><span style="font-family: 微软雅黑, 'Microsoft YaHei';">医药界出大事儿了！</span></p><p><br/></p><p><span style="font-family: 微软雅黑, 'Microsoft YaHei';">长生不老药终于研发出来啦？</span></p><p><br/></p><p style="text-align: center;"></p><p><br/></p><p><span style="font-family: 微软雅黑, 'Microsoft YaHei';">……</span></p><p><br/></p><p><span style="font-family: 微软雅黑, 'Microsoft YaHei';">周杰伦的《本草纲目》其实是李时珍唱的？</span></p><p><span style="font-family: 微软雅黑, 'Microsoft YaHei';"><br/></span></p><p style="text-align: center;"><img src="http://news.yaozh.com/upload/20150819/1439964641494401.jpg" width="360" height="202.55754475703" style="margin-bottom:10px"/></p><p style="text-align: center;"><img src="http://news.yaozh.com/upload/20150819/1439964666912022.jpg" width="360" height="200.48275862069" style="margin-bottom:10px"/></p><p><br/></p><p><span style="font-family: 微软雅黑, 'Microsoft YaHei';">不懂流行文化真可怕。</span></p><p><br/></p><p><span style="font-family: 微软雅黑, 'Microsoft YaHei';">我说的大事儿，是当高等医学院毕业生四处碰壁找不到工作。</span></p><p><br/></p><p style="text-align: center;"><img src="http://news.yaozh.com/upload/20150819/1439964683671852.jpg" width="360" height="213.75" style="margin-bottom:10px"/></p><p><br/></p><p><span style="font-family: 微软雅黑, 'Microsoft YaHei';">当我们这群医药界老油条加班熬夜，却被老板骂效率低。</span></p><p><span style="font-family: 微软雅黑, 'Microsoft YaHei';"><br/></span></p><p style="text-align: center;"><span style="font-family: 微软雅黑, 'Microsoft YaHei';"><img src="http://news.yaozh.com/upload/20150819/1439964698638211.jpg" width="360" height="228.96" style="margin-bottom:10px"/></span></p><p><br/></p><p><span style="font-family: 微软雅黑, 'Microsoft YaHei';">……</span></p><p><br/></p><p><span style="font-family: 微软雅黑, 'Microsoft YaHei';">的时候。</span></p><p><br/></p><p><span style="font-family: 微软雅黑, 'Microsoft YaHei';">有一个人，却同时被数家大型医药公司哄抢！</span></p><p><br/></p><p style="text-align: center;"><img src="http://news.yaozh.com/upload/20150819/1439964717437807.jpg" width="360" height="149.23636363636" style="margin-bottom:10px"/></p><p><br/></p><p><span style="font-family: 微软雅黑, 'Microsoft YaHei';">是因为他的高学历？</span></p><p><br/></p><p style="text-align: center;"><img src="http://news.yaozh.com/upload/20150819/1439964752990187.jpg" width="360" height="225" style="margin-bottom:10px"/></p><p><br/></p><p><span style="font-family: 微软雅黑, 'Microsoft YaHei';">那一定是上面有人儿！</span></p><p><br/></p><p style="text-align: center;"><img src="http://news.yaozh.com/upload/20150819/1439964790873479.jpg" width="360" height="355" style="margin-bottom:10px"/></p><p style="text-align: center;"><img src="http://news.yaozh.com/upload/20150819/1439964766709865.jpg" width="360" height="225" style="margin-bottom:10px"/></p><p><br/></p><p><span style="font-family: 微软雅黑, 'Microsoft YaHei';">虽是一个制药企业小职员，新药研发时，他却总能第一时间找出公司研发新药的原料药供应商，把握最佳合作机会；他也能在药品销售时迅速准确的找出下游用户，发现更多更大范围的有效用户，实现公司效益的最大化……</span></p><p><br/></p><p><span style="font-family: 微软雅黑, 'Microsoft YaHei';">能一次性掌握那么多准确有效的信息，他是怎么做到的呀？</span></p><p><br/></p><p><span style="font-family: 微软雅黑, 'Microsoft YaHei';">听说他是用了“药智网美国DMF注册数据库”！</span></p><p><br/></p><p><strong><span style="font-family: 微软雅黑, 'Microsoft YaHei';">官方来源 权威保障</span></strong></p><p><br/></p><p><span style="font-family: 微软雅黑, 'Microsoft YaHei';">DMF注册是美国FDA在非专利药上市审批程序中的一个不可缺少的重要环节。对于医药企业来说，数据信息的准确性决定了公司生产方向以及营销手段的有效性。“药智网美国DMF注册数据库”经由药智网专业的医药信息专家团队从FDA官方网站收集整理而成。权威的数据来源，缜密的逻辑分类，是你了解行业DMF注册信息的最佳使用工具。</span></p><p><br/></p><p><strong><span style="font-family: 微软雅黑, 'Microsoft YaHei';">数据详尽 定期更新</span></strong></p><p><br/></p><p><span style="font-family: 微软雅黑, 'Microsoft YaHei';">“药智网美国DMF注册数据库”背后的医药专家团队每一个季度定期对数据进行更新，到目前为止共计注册信息28345条，并逐时增加。我们都知道，FDA网站上没有可供检索使用的数据库，而药智网美国DMF注册数据库的出现则有效的弥补了这一不足。同时，药智网美国DMF注册信息数据库提供.txt和.xls两种格式文件，方便用户对信息数据的查询与分析。</span></p><p><br/></p><p><strong><span style="font-family: 微软雅黑, 'Microsoft YaHei';">查询便捷 应有尽有</span></strong></p><p><br/></p><p><span style="font-family: 微软雅黑, 'Microsoft YaHei';">以“阿立哌唑”为例，在药智网美国DMF注册数据库“项目主题”框中输入药品学名，点击“查询”按钮（图一）。关于“阿立哌唑”的DMF注册信息便详尽的呈现在查询者眼前（图二）。同时，药智网美国DMF数据库带有的多功能检索，如“项目编号”、“注册时间”等，增加了药品的检索方向，为查询者提供了多角度的便捷查询方式。</span></p><p><br/></p><p style="text-align: center;"><img src="http://news.yaozh.com/upload/20150819/1439964828535337.png" width="360" height="140.26595744681" style="margin-bottom:10px"/></p><p style="text-align: center;"><span style="font-family: 微软雅黑, 'Microsoft YaHei';">（图一）</span></p><p><span style="font-family: 微软雅黑, 'Microsoft YaHei';"><br/></span></p><p><span style="font-family: 微软雅黑, 'Microsoft YaHei';"><img src="http://news.yaozh.com/upload/20150819/1439964843741321.png" width="360" height="338.4" style="margin-bottom:10px"/></span></p><p style="text-align: center;"><span style="font-family: 微软雅黑, 'Microsoft YaHei';">（图2）</span></p><p><br/></p><p><span style="font-family: 微软雅黑, 'Microsoft YaHei';">工作中，我们时常抱怨信息资源的繁杂无序以及查询过程的费时费力。如果拥有“药智网美国DMF注册数据库”这样一款数据信息归纳整合工具，应时需要，实时查询，在第一时间掌握第一手信息，就能为公司带来最大化的效益。还在犹豫什么呢？快来下载吧。</span></p><p><br/></p><p><span style="font-family: 微软雅黑, 'Microsoft YaHei';">链接地址：<a href="http://db.yaozh.com/dmf" target="_blank">http://db.yaozh.com/dmf</a></span></p><p><br/></p>
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="bootstrap.min.js"></script>
<script type="text/javascript">
// $('#subtitle').css("margin-top","110px");
$('#subtitle').offset({top:$('#title').offset().top + $('#title').height() + 30});
$('#newsDt').offset({top:$('#title').offset().top});
$('#newsDt').height($('#subtitle').height() + $('#title').height() + 30);
$('#titleImage').offset({top:$('#newsDt').offset().top + $('#newsDt').height() + 10});
</script>
<script>
window.onerror = function(err) {
log('window.onerror: ' + err)
}
function connectWebViewJavascriptBridge(callback) {
if (window.WebViewJavascriptBridge) {
callback(WebViewJavascriptBridge)
} else {
document.addEventListener('WebViewJavascriptBridgeReady', function() {
callback(WebViewJavascriptBridge)
}, false)
}
}
connectWebViewJavascriptBridge(function(bridge) {
var uniqueId = 1
function log(message, data) {
var log = document.getElementById('log')
var el = document.createElement('div')
el.className = 'logLine'
el.innerHTML = uniqueId++ + '. ' + message + ':<br/>' + JSON.stringify(data)
if (log.children.length) { log.insertBefore(el, log.children[0]) }
else { log.appendChild(el) }
}
bridge.init(function(message, responseCallback) {
log('JS got a message', message)
var data = { 'Javascript Responds':'Wee!' }
log('JS responding with', data)
responseCallback(data)
})
bridge.registerHandler('start', function(data, responseCallback) {
// alert(data);
var responseData = { 'Javascript Says':'start' }
responseCallback(responseData)
})
bridge.registerHandler('imagesDownloadComplete', function(data, responseCallback) {
console.log(data);
var responseData = { 'Javascript Says':'imagesDownloadComplete' }
var allImage = document.querySelectorAll("img");
allImage = Array.prototype.slice.call(allImage, 0);
var pOldUrl = data[0];
var pNewUrl = data[1];
allImage.forEach(function(image) {
if (image.getAttribute("esrc") == pOldUrl || image.getAttribute("esrc") == decodeURIComponent(pOldUrl)) {
console.log("寻找到了esrc")
image.src = pNewUrl;
}else console.log("没有寻找到esrc");
});
responseCallback(responseData)
})
})
function onLoaded() {
$('img').addClass('img-responsive')
connectWebViewJavascriptBridge(function(bridge) {
var allImage = document.querySelectorAll("img");
allImage = Array.prototype.slice.call(allImage, 0);
var imageUrlsArray = new Array();
allImage.forEach(function(image) {
var esrc = image.getAttribute("esrc");
if(esrc){
var newLength = imageUrlsArray.push(esrc);
}
});
bridge.send(imageUrlsArray);
});
}
function onImageClick(picUrl){
connectWebViewJavascriptBridge(function(bridge) {
var allImage = document.querySelectorAll("img[esrc]");
allImage = Array.prototype.slice.call(allImage, 0);
var urls = new Array();
var index = -1;
var x = 0;
var y = 0;
var width = 0;
var height = 0;
allImage.forEach(function(image) {
var imgUrl = image.getAttribute("esrc");
var newLength = urls.push(imgUrl);
if(imgUrl == picUrl || imgUrl == decodeURIComponent(picUrl)){
index = newLength-1;
x = image.getBoundingClientRect().left;
y = image.getBoundingClientRect().top;
x = x + document.documentElement.scrollLeft;
y = y + document.documentElement.scrollTop;
width = image.width;
height = image.height;
console.log("x:"+x +";y:" + y+";width:"+image.width +";height:"+image.height);
}
});
console.log("检测到点击");
bridge.callHandler('imageDidClicked', {'index':index,'x':x,'y':y,'width':width,'height':height}, function(response) {
console.log("JS已经发出imgurl和index，同时收到回调，说明OC已经收到数据");
});
});
}
</script>
</body>
</html>