修改数据页面JS代码，封装独立函数
This commit is contained in:
Li Jianxuan
parent
e00969668a
commit
6ac2fbf4f7
|
|
@ -127,10 +127,10 @@ if ($md->title_en) echo '<br />'.$this->escape($md->title_en);?>
|
|||
</div>
|
||||
<div id="literature" class="tab-pane">
|
||||
<div class="">
|
||||
<ul class="nav nav-pills">
|
||||
<li><a href="javascript:;" class="literatures">西部计划知识库</a></li>
|
||||
<li><a href="javascript:;" class="scholar">Google学术搜索</a></li>
|
||||
<li><a href="javascript:;" class="cnkiSearch">CNKI学术搜索</a></li>
|
||||
<ul class="nav nav-pills lit-nav">
|
||||
<li><a href="javascript:;" class="literatures lit-nav-btn">西部计划知识库</a></li>
|
||||
<li><a href="javascript:;" class="scholar lit-nav-btn">Google学术搜索</a></li>
|
||||
<li><a href="javascript:;" class="cnkiSearch lit-nav-btn">CNKI学术搜索</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="literature-list">
|
||||
|
|
@ -392,131 +392,71 @@ endforeach;
|
|||
</div>
|
||||
<script src="/js/metadata-view.js"></script>
|
||||
<script type="text/javascript" charset="utf-8">
|
||||
ajaxpage(0);
|
||||
$('#literature_t').click(function(){literature(1);});
|
||||
//ajax literature
|
||||
function literature(page){$.ajax({type:"GET",url:"/service/literature/uuid/<?= $md->uuid; ?>",data:'page='+page,success:function(html){$('#literature-list').html('<ol start="'+ ((page-1)*10+1) +'">'+html+'</ol>');},
|
||||
beforeSend:function(){$('#literature-list').html('<img src="/images/loading.gif" />加载中');}});}
|
||||
|
||||
$('#related_t').click(function(){related(1);});
|
||||
//ajax related
|
||||
function related(page){$.ajax({type:"GET",url:"/service/related/uuid/<?= $md->uuid; ?>",data:'page='+page,success:function(html){$('#related').html('<ol start="'+ ((page-1)*10+1) +'">'+html+'</ol>');},
|
||||
beforeSend:function(){$('#related').html('<img src="/images/loading.gif" />加载中');}});};related(1);
|
||||
|
||||
$('#recommend_t').click(function(){recommend(0);});
|
||||
//ajax recommend
|
||||
function recommend(page){$.ajax({type:"GET",url:"/service/recommend/uuid/<?= $md->uuid; ?>",data:'page='+page,success:function(html){$('#recommend').html('<ul>'+html+'</ul>');},
|
||||
beforeSend:function(){$('#recommend').html('<img src="/images/loading.gif" />加载中');}});}
|
||||
|
||||
function getFileList(){
|
||||
html ='<div id="window-outter">'
|
||||
+ '<div id="window-inner">'
|
||||
+ '<div id="window-content-container">'
|
||||
+ '<div id="window-loading">加载中...</div>'
|
||||
+ '<ol id="file-list">'
|
||||
+ '</ol>'
|
||||
+ '</div>'
|
||||
+ '</div>'
|
||||
+'</div>';
|
||||
$.colorbox({width:"80%",height:"80%",html:html});
|
||||
$.getJSON("/service/filelist/uuid/<?php echo $md->uuid;?>", function(data) {
|
||||
var items = [];
|
||||
if(data.length>0)
|
||||
{
|
||||
$.each(data, function(key, val) {
|
||||
if(val['filename'].match(/\/$/))
|
||||
{
|
||||
items.push('<li id="li_' + val['id'] + '"><span id="span_'+val['id']+'">+</span> <a href="javascript:;" id="taget_'+val['id']+'" onclick="getSubFileList(\'' +val['uuid']+ '\',\''+val['id']+'\',\''+val['depth']+'\')">' + val['filename'] + '</a></li>');
|
||||
}else{
|
||||
items.push('<li id="li_' + val['id'] + '">' + val['filename'] + '</li>');
|
||||
}
|
||||
});
|
||||
}else{
|
||||
items.push('<li>暂无数据</li>');
|
||||
}
|
||||
$('#file-list').html(items.join(''));
|
||||
})
|
||||
.complete(function() {
|
||||
$('#window-loading').hide();
|
||||
});
|
||||
}
|
||||
|
||||
function ajaxpage(page){
|
||||
var url = "/data/comment/uuid/<?= $md->uuid; ?>";
|
||||
data='page='+page;
|
||||
$.ajax({
|
||||
type:"GET",
|
||||
url:url,
|
||||
data:data,
|
||||
success:function(html){$('#allcomments').html(html);},
|
||||
beforeSend:function(){$('#allcomments').html('<img src="/images/loading.gif" />评论加载中');}
|
||||
});
|
||||
};
|
||||
|
||||
$('#gsearch_t').click(function(){
|
||||
if($('#searchlist').children('li').length<1)
|
||||
{
|
||||
googleSearch('<?php echo $ev;?>');
|
||||
}
|
||||
});
|
||||
|
||||
$('.literatures').click(function(){literature(1);});
|
||||
$('.googlesearch').click(function(){googleSearch('<?php echo $ev;?>');});
|
||||
$('.bingsearch').click(function(){bingSearch('<?php echo $ev;?>');});
|
||||
$('.cnkiSearch').click(function(){cnkiSearch('<?php echo $ev;?>');});
|
||||
$('.scholar').click(function(){scholarSearch('<?php echo $ev;?>');});
|
||||
|
||||
var map = null;
|
||||
var mapElementID = null;
|
||||
var bounds = null;
|
||||
var rectangle = null;
|
||||
var zoomlevel = 1;
|
||||
|
||||
function initialize() {
|
||||
//加载地图
|
||||
var myLatlng = new google.maps.LatLng(<?= ($md->south+$md->north)/2; ?>,<?= ($md->east+$md->west)/2; ?>);
|
||||
|
||||
mapElementID = "watermap";
|
||||
|
||||
<?php if ($md->north==$md->south) : ?>
|
||||
zoomlevel=10;
|
||||
<?php endif; ?>
|
||||
if (zoomlevel>16) zoomlevel=16;
|
||||
|
||||
var myOptions = {
|
||||
zoom: zoomlevel,
|
||||
center: myLatlng,
|
||||
mapTypeId: google.maps.MapTypeId.HYBRID
|
||||
}
|
||||
map = new google.maps.Map(document.getElementById(mapElementID), myOptions);
|
||||
|
||||
setRectangle(<?= $md->east; ?>,<?= $md->west; ?>,<?= $md->south; ?>,<?= $md->north; ?>);
|
||||
}
|
||||
|
||||
function setRectangle(east,west,south,north){
|
||||
|
||||
bounds = new google.maps.LatLngBounds(
|
||||
new google.maps.LatLng(south,west),
|
||||
new google.maps.LatLng(north,east)
|
||||
);
|
||||
|
||||
rectangle = new google.maps.Rectangle({
|
||||
bounds: bounds,
|
||||
editable: false
|
||||
});
|
||||
|
||||
rectangle.setMap(map);
|
||||
|
||||
var bounds = new google.maps.LatLngBounds();
|
||||
bounds.extend(new google.maps.LatLng(<?= $md->south; ?>, <?= $md->west; ?>));
|
||||
bounds.extend(new google.maps.LatLng(<?= $md->north; ?>,<?= $md->east; ?>));
|
||||
map.fitBounds(bounds);
|
||||
}
|
||||
|
||||
$(function() {
|
||||
google.maps.event.addDomListener(window, 'load', initialize);
|
||||
$(".colorbox").colorbox({photo:"true"});
|
||||
$('.googlesearch').click(function(){googleSearch('<?php echo $ev;?>');});
|
||||
$('.bingsearch').click(function(){bingSearch('<?php echo $ev;?>');});
|
||||
$('.cnkiSearch').click(function(){cnkiSearch('<?php echo $ev;?>');});
|
||||
$('.scholar').click(function(){scholarSearch('<?php echo $ev;?>');});
|
||||
$('#related_t').click(function(){related(1);});
|
||||
$('#recommend_t').click(function(){recommend(0);});
|
||||
$('#literature_t').click(function(){literature(1);$('.literatures').parent('li').addClass('active')});
|
||||
$('.literatures').click(function(){literature(1);});
|
||||
ajaxpage(0);
|
||||
related(1);
|
||||
$('.lit-nav-btn').each(function(index, element) {
|
||||
$(this).click(function(){
|
||||
$('.lit-nav').children('li').each(function(index, element) {
|
||||
$(this).removeClass('active');
|
||||
});
|
||||
$(this).parent('li').addClass('active');
|
||||
});
|
||||
});
|
||||
$('#gsearch_t').click(function(){
|
||||
if($('#searchlist').children('li').length<1)
|
||||
{
|
||||
googleSearch('<?php echo $ev;?>');
|
||||
}
|
||||
});
|
||||
});
|
||||
//ajax literature
|
||||
function literature(page){
|
||||
literature_get(page,'<?= $md->uuid; ?>');
|
||||
}
|
||||
|
||||
//ajax related
|
||||
function related(page){
|
||||
related_get(page,'<?= $md->uuid; ?>');
|
||||
}
|
||||
|
||||
//ajax recommend
|
||||
function recommend(page){
|
||||
recommend_get(page,'<?= $md->uuid; ?>');
|
||||
}
|
||||
|
||||
function getFileList(){
|
||||
getFileList_h('<?php echo $md->uuid;?>');
|
||||
}
|
||||
|
||||
function ajaxpage(page){
|
||||
ajaxpage_get(page,'<?= $md->uuid; ?>');
|
||||
}
|
||||
|
||||
var map = null;
|
||||
var mapElementID = "watermap";
|
||||
var bounds = null;
|
||||
var rectangle = null;
|
||||
var zoomlevel = 1;
|
||||
var bound = {
|
||||
lat:<?= ($md->south+$md->north)/2; ?>,
|
||||
lng:<?= ($md->east+$md->west)/2; ?>,
|
||||
zoom:<?php if ($md->north==$md->south) { ?> 10 <?php }else {?> 16 <?php }?>,
|
||||
east:<?= $md->east; ?>,
|
||||
west:<?= $md->west; ?>,
|
||||
south:<?= $md->south; ?>,
|
||||
north:<?= $md->north; ?>
|
||||
}
|
||||
</script>
|
||||
<?php else: ?>
|
||||
<p>Cannot find the metadata.</p>
|
||||
|
|
|
|||
|
|
@ -1,3 +1,33 @@
|
|||
function literature_get(page,uuid){
|
||||
$.ajax({
|
||||
type:"GET",
|
||||
url:"/service/literature/uuid/"+uuid,
|
||||
data:'page='+page,
|
||||
success:function(html){$('#literature-list').html('<ol start="'+ ((page-1)*10+1) +'">'+html+'</ol>');},
|
||||
beforeSend:function(){$('#literature-list').html('<img src="/images/loading.gif" />加载中');}
|
||||
});
|
||||
}
|
||||
|
||||
function recommend_get(page,uuid){
|
||||
$.ajax({
|
||||
type:"GET",
|
||||
url:"/service/recommend/uuid/"+uuid,
|
||||
data:'page='+page,
|
||||
success:function(html){$('#recommend').html('<ul>'+html+'</ul>');},
|
||||
beforeSend:function(){$('#recommend').html('<img src="/images/loading.gif" />加载中');}
|
||||
});
|
||||
}
|
||||
|
||||
function related_get(page,uuid){
|
||||
$.ajax({
|
||||
type:"GET",
|
||||
url:"/service/related/uuid/"+uuid,
|
||||
data:'page='+page,
|
||||
success:function(html){$('#related').html('<ol start="'+ ((page-1)*10+1) +'">'+html+'</ol>');},
|
||||
beforeSend:function(){$('#related').html('<img src="/images/loading.gif" />加载中');}
|
||||
});
|
||||
}
|
||||
|
||||
function postcomment(){
|
||||
var url="/data/postcomment";
|
||||
var date = $('#postcommentform').serialize();
|
||||
|
|
@ -164,3 +194,85 @@ function onDataVersionLoad(data){
|
|||
function Alert(html){
|
||||
$.colorbox({'innerWidth':'50%','html':'<h4 style="font-size:16px;font-weight:bold;">'+html+'</h4>'});
|
||||
}
|
||||
|
||||
function getFileList_h(uuid){
|
||||
html ='<div id="window-outter">'
|
||||
+ '<div id="window-inner">'
|
||||
+ '<div id="window-content-container">'
|
||||
+ '<div id="window-loading">加载中...</div>'
|
||||
+ '<ol id="file-list">'
|
||||
+ '</ol>'
|
||||
+ '</div>'
|
||||
+ '</div>'
|
||||
+'</div>';
|
||||
$.colorbox({width:"80%",height:"80%",html:html});
|
||||
$.getJSON("/service/filelist/uuid/"+uuid, function(data) {
|
||||
var items = [];
|
||||
if(data.length>0)
|
||||
{
|
||||
$.each(data, function(key, val) {
|
||||
if(val['filename'].match(/\/$/))
|
||||
{
|
||||
items.push('<li id="li_' + val['id'] + '"><span id="span_'+val['id']+'">+</span> <a href="javascript:;" id="taget_'+val['id']+'" onclick="getSubFileList(\'' +val['uuid']+ '\',\''+val['id']+'\',\''+val['depth']+'\')">' + val['filename'] + '</a></li>');
|
||||
}else{
|
||||
items.push('<li id="li_' + val['id'] + '">' + val['filename'] + '</li>');
|
||||
}
|
||||
});
|
||||
}else{
|
||||
items.push('<li>暂无数据</li>');
|
||||
}
|
||||
$('#file-list').html(items.join(''));
|
||||
})
|
||||
.complete(function() {
|
||||
$('#window-loading').hide();
|
||||
});
|
||||
}
|
||||
|
||||
function ajaxpage_get(page,uuid){
|
||||
var url = "/data/comment/uuid/"+uuid;
|
||||
data='page='+page;
|
||||
$.ajax({
|
||||
type:"GET",
|
||||
url:url,
|
||||
data:data,
|
||||
success:function(html){$('#allcomments').html(html);},
|
||||
beforeSend:function(){$('#allcomments').html('<img src="/images/loading.gif" />评论加载中');}
|
||||
});
|
||||
};
|
||||
|
||||
//map
|
||||
//加载地图
|
||||
function initialize() {
|
||||
var myLatlng = new google.maps.LatLng(bound.lat,bound.lng);
|
||||
|
||||
zoomlevel = bound.zoom;
|
||||
|
||||
var myOptions = {
|
||||
zoom: zoomlevel,
|
||||
center: myLatlng,
|
||||
mapTypeId: google.maps.MapTypeId.HYBRID
|
||||
}
|
||||
map = new google.maps.Map(document.getElementById(mapElementID), myOptions);
|
||||
|
||||
setRectangle(bound.east,bound.west,bound.south,bound.north);
|
||||
}
|
||||
|
||||
function setRectangle(east,west,south,north){
|
||||
|
||||
bounds = new google.maps.LatLngBounds(
|
||||
new google.maps.LatLng(south,west),
|
||||
new google.maps.LatLng(north,east)
|
||||
);
|
||||
|
||||
rectangle = new google.maps.Rectangle({
|
||||
bounds: bounds,
|
||||
editable: false
|
||||
});
|
||||
|
||||
rectangle.setMap(map);
|
||||
|
||||
var bounds = new google.maps.LatLngBounds();
|
||||
bounds.extend(new google.maps.LatLng(south, west));
|
||||
bounds.extend(new google.maps.LatLng(north,east));
|
||||
map.fitBounds(bounds);
|
||||
}
|
||||
Loading…
Reference in New Issue