同时只显示一个文本（新闻） [英] Show only one text(news) at same time

问题描述

大家好



我使用转发器从数据库中获取最新3条消息。

我想只显示第一条消息页面加载和3秒后我想显示第二个新闻而不是第一个新闻，3秒后我想要显示第三个新闻而不是第二个新闻，3秒后我想要显示第一个新闻而不是第三个新闻和...



我实现的波纹管代码只能随机显示其中一条消息。请编辑我的java脚本以执行此操作。

 <   div     id   =  RightContext >  
 <   asp：SqlDataSource     runat   =  server    ID   =  DataSource  
   
                < span class =code-attribute>   ConnectionString   =  <％ $ ConnectionStrings：数据库％>  
   
                   SelectCommand   =  GetNews  
   
                   SelectCommandType   =  StoredProcedure >  <   / asp：SqlDataSource  >  
 
 <   asp：Repeater     runat   =  server    ID   =  Repeater    DataSourceID   =  DataSource  >  
 <   ItemTemplate  >  
 <   div     class   =  News-Ticker    id   =  TickerID >  
 <   h3  >  <％ #Eval（ 标题）％> <   / h3  >  
 <   span  > 参考：<％ #Eval（ 参考）％> <   / span  >  
 <   br     /  >  
 <   span  > ; 日期：<％ #Eval（  IssueDate）％> <   / span  >  
 
 <   / div  >  
 <   / ItemTemplate  >  
 < ;   / asp：Repeater  >  
 
 <   script    类型  =  text / javascript >  
 
  var  News =  document  .getElementById（  RightContext）; 
  var  current = 数学 .floor（ Math  .random（）*  3 ）; 
 
  for （ var  i =  2 ; i> =  0 ; i--）{
  if （i！= current）{
 News.children [i] .parentNode.removeChild（News.children [i]）; 
} 
} 
 
 <   /  < span class =code-leadattribute> script  >  
 
 <   / div  >  

解决方案

ConnectionStrings：数据库％>

< span class =code-attribute> SelectCommand = GetNews

SelectCommandType = StoredProcedure > < ; / asp：SqlDataSource >

< asp：Repeater runat = server ID = Repeater DataSourceID = DataSource >
< ItemTemplate >
< div class = News-Ticker < span class =code-attribute> id = TickerID >
< h3 > <％ #Eval（ 标题） ％> < / h3 >
< span > 参考：<％ #Eval（ 参考）％> < / span >
< br / >
< span > 日期：<％ #Eval（ IssueDate ）％> < / span >

< / div >
< / ItemTemplate < span class =code-keyword>>
< / asp：Repeater >

< script type = text / javascript >

var 新闻= 文档 .getElementById（ RightContext）;
var current = 数学 .floor（ Math .random（）* 3 ）;

for （ var i = 2 ; i> = 0 ; i--）{
if （i！= current）{
News.children [i] .parentNode.removeChild（News.children [i]）;
}
}

< / < span class =code-leadattribute> script >

< / div >

尝试以下逻辑。希望它可以帮助你，而不是使用类''News-Ticker'的多个div使用转发器。而已。发布您的反馈是否有效，以便我们可以解决问题。

 <   html  >  
 <   head  >  
 <   title  >  <   / title  >  
 <   script     src   =  http://code.jquery.com/jquery-1.9.1.min.js  >  <   /   script  >  
 <   script     type   =  text / javascript >  
 < span class =code-keyword> var  CurrentIndex =  0 ; 
  var  TotalCount =  0 ; 

（< span class =code-sdkkeyword> document ）。ready（ function （）{
showNewsTicker（）;
TotalCount =

Hi Everybody

I use from a repeater for get last 3 news from database.
I want show only the first news in page load and after 3 second I want show second news instead of first news and after 3 second I want show third news instead of second news and after 3 second I want show first news instead of third news and ...

I implement bellow code that show only one of the news randomly. Please edit my java script for doing this action.

<div id="RightContext">
    <asp:SqlDataSource runat="server" ID="DataSource"

        ConnectionString="<%$ConnectionStrings:Database %>"

        SelectCommand="GetNews"

        SelectCommandType="StoredProcedure"></asp:SqlDataSource>
 
    <asp:Repeater runat="server" ID="Repeater" DataSourceID="DataSource">
        <ItemTemplate>
            <div class="News-Ticker" id="TickerID">
                <h3><%#Eval("Title") %></h3>
                <span>Reference:<%#Eval("Reference") %></span>
                <br />
                <span>Date:<%#Eval("IssueDate") %></span>
                                        
            </div>
        </ItemTemplate>
    </asp:Repeater>
 
    <script type="text/javascript">
 
        var News = document.getElementById("RightContext");
        var current = Math.floor(Math.random() * 3);
 
        for (var i = 2; i >= 0; i--) {
            if (i != current) {
                News.children[i].parentNode.removeChild(News.children[i]);
            }
        }
 
    </script>
 
</div>

解决方案

ConnectionStrings:Database %>" SelectCommand="GetNews" SelectCommandType="StoredProcedure"></asp:SqlDataSource> <asp:Repeater runat="server" ID="Repeater" DataSourceID="DataSource"> <ItemTemplate> <div class="News-Ticker" id="TickerID"> <h3><%#Eval("Title") %></h3> <span>Reference:<%#Eval("Reference") %></span> <br /> <span>Date:<%#Eval("IssueDate") %></span> </div> </ItemTemplate> </asp:Repeater> <script type="text/javascript"> var News = document.getElementById("RightContext"); var current = Math.floor(Math.random() * 3); for (var i = 2; i >= 0; i--) { if (i != current) { News.children[i].parentNode.removeChild(News.children[i]); } } </script> </div>

Try the below logic. Hope it helps you, instead of the multiple divs with class ''News-Ticker'' use repeater. Thats it. Post your feedback whether it works or not, so that we can fix''em up.

<html>
<head>
<title></title>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
var CurrentIndex = 0;
var TotalCount = 0;

(document).ready(function() { showNewsTicker(); TotalCount =

这篇关于同时只显示一个文本（新闻）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！