我来做百科(第二十一天)

逃离我推掉我的手 2021-09-19 10:34 248阅读 0赞

今天就做“词条预览”吧。这个我参考了百度百科的“词条预览”功能，大概原理是通过提交一个 target属性是"\_blank"的 form，这样会在新窗口中打开目标页，并把数据提交过去。根据这个原理写了如下js代码：

![None.gif][] // Preview   
![None.gif][] var  oPreview, oLemma, oDetail, oTag, oRefer;  
![None.gif][]  
![ExpandedBlockStart.gif][] function  ShowPreview() \{  
![InBlock.gif][]  
![InBlock.gif][]     if ( ! Check( false ))  return   false ;  
![InBlock.gif][]      
![ExpandedSubBlockStart.gif][]     if ( ! oPreview) \{  
![InBlock.gif][]        oPreview  =  document.createElement( " form " );  
![InBlock.gif][]        oPreview.action  =   " ../index/Preview.aspx " ;  
![InBlock.gif][]        oPreview.method  =   " post " ;  
![InBlock.gif][]        oPreview.target  =   " \_blank " ;  
![InBlock.gif][]        document.body.appendChild(oPreview);  
![ExpandedSubBlockEnd.gif][]    \}   
![InBlock.gif][]      
![InBlock.gif][]    oLemma  =  SetInput(oLemma,  " lemma " , document.getElementById( ' <%= hfLemma.ClientID %> ' ).value)  
![InBlock.gif][]    oDetail  =  SetInput(oDetail,  " detail " , document.getElementById( ' <%= tbDetail.ClientID %> ' ).value)  
![InBlock.gif][]    oTag  =  SetInput(oTag,  " tag " , document.getElementById( ' <%= tbTag.ClientID %> ' ).value)  
![InBlock.gif][]    oRefer  =  SetInput(oRefer,  " refer " , document.getElementById( ' <%= tbRefer.ClientID %> ' ).value)  
![InBlock.gif][]      
![InBlock.gif][]    oPreview.submit();  
![ExpandedBlockEnd.gif][]\}   
![None.gif][]  
![ExpandedBlockStart.gif][] function  SetInput(oInput, sName, sValue) \{  
![ExpandedSubBlockStart.gif][]     if ( ! oInput) \{  
![InBlock.gif][]        oInput  =  document.createElement( " input " );  
![InBlock.gif][]        oInput.name  =  sName;  
![InBlock.gif][]        oInput.type  =   " hidden " ;  
![InBlock.gif][]        oPreview.appendChild(oInput);  
![ExpandedSubBlockEnd.gif][]    \}   
![InBlock.gif][]    oInput.value  =  sValue;  
![InBlock.gif][]     return  oInput;  
![ExpandedBlockEnd.gif][]\}

这样就可以在预览页中获取数据，并处理后显示。最后把这个功能放在添加和编辑页就行了。这样预览功能就做好了。

本文转自博客园cloudgamer的博客，原文链接：[我来做百科(第二十一天)][Link 1]，如需转载请自行联系原博主。

[None.gif]: /images/20210726/eb64be8c027c44f1ad0e8801e65039fe.png
[ExpandedBlockStart.gif]: /images/20210726/06eae8fdd9d746d88614ae09ae3a40b7.png
[InBlock.gif]: /images/20210726/c392ba1d659e491a876409578fa5623b.png
[ExpandedSubBlockStart.gif]: /images/20210726/b314ce8d74194c18a4d8e0ecb9245799.png
[ExpandedSubBlockEnd.gif]: /images/20210726/d430890615a74c9ca1ab12f44773727b.png
[ExpandedBlockEnd.gif]: /images/20210726/631e4caf24a945eb901a7e90f227ac23.png
[Link 1]: http://www.cnblogs.com/cloudgamer/archive/2008/02/23/1078356.html