【问题标题】:Apply styles in RSS feed data在 RSS 提要数据中应用样式
【发布时间】:2013-11-18 11:44:25
【问题描述】:

如何使用 rss feed live 使用 Yahoo Query 语言从 stcok 市场获取实时数据。并使用它从市场上获取数据,如下所示:

<results>
        <item>
            <title><![CDATA[SENSEX : 20850.74 * 451.32 (2.21 %)]]></title>
            <link/>
            <pubDate>11/18/2013 4:00:00 PM</pubDate>
            <author>BSEIndia</author>
            <guid/>
        </item>
    </results>

现在我使用 Java 脚本在 UI 中显示数据,javascript 如下:

function SensexRSS(o) {
        var items = o.query.results.item;
        var output = '';            
        var title = items.title;     
        output += "BSE" + " " + title;
        }
        // Place news stories in div tag  
        document.getElementById('bsesensex').innerHTML = output;
    }

因此,UI 显示如下数据:BseSensex : 20850.74 * 451.32 (2.21 %)

现在我想拆分此文本并删除 * 和 () 符号并尝试显示绿色(用于上涨市场)和红色(用于下跌市场)的颜色

谁能告诉我如何格式化或拆分来自 ![CDATA[...] 上面的数据......

【问题讨论】:

    标签: javascript jquery asp.net-mvc c#-4.0 yql


    【解决方案1】:

    用于拆分str.split("YOUR DELEMETER ");
    对于删除/替换str.replace("*"," ");
    颜色:str.fontcolor("green");

    注意:fontcolor() 方法返回嵌入在&lt;font&gt; 标签中的字符串。 HTML5 不支持该标记。改用 CSS。

    【讨论】:

    • 给你一个问题我知道这不是正确的问题,但要求你获得一些知识,虽然数据来自第 3 方所以我不知道它是向上还是向下,所以如何使用如果市场上涨,则出现绿色或红色![CDATA[SENSEX : 20850.74 * 451.32 (2.21 %)]
    • 您如何考虑上涨或下跌?如果它取决于先前的值,则将其存储在数据库中并稍后进行比较可能会有所帮助
    • 不,亲爱的,如果我把今天的值存储在 451.32 的地方,如果明天的值高于 451.32 则显示绿色图像,否则显示红色,假设值为 400结果这应该是红色的,但第二天它变成了 410 呢?它应该显示绿色图像,但值是存储 451.32,所以它会显示不正确的红色
    • 不总是更新最后一天的值。您将 451.32 的值更新为 400。所以第二天比较时,您将与 400 而不是 451 进行比较。所以它将是绿色的,因为 410 大于 400
    • 每天更新对我来说非常困难,我做不到。你知道其他网站如何实时显示共享相关数据吗。我从 BSE rss 提要中获取这些数据,但他们在 ![CDATA[...] 下提供类似未格式化的内容。我很难让它对观众有吸引力。
    【解决方案2】:
    1. 要显示市场的“向上”和“向下”状态,您需要两个图像,一个绿色向上箭头图像和一个红色向下箭头图像。
    2. 要显示正确的数据,您需要编写正则表达式来删除 * 和 () 符号,或者您可以使用字符串替换技术来获得所需格式的文本。
    3. 然后使用 (1) 和 (2) 根据您的需要生成 HTML 标记。

    您需要说明您希望显示的标题格式(Sensex : 20850.74 * 451.32 (2.21 %))?

    【讨论】:

    • 假设我需要显示像 20850 Upsymbol 451.32 2.21% 这样的数据。你告诉使用正则表达式如何做到这一点,请多写一些东西
    猜你喜欢
    • 1970-01-01
    • 2020-04-20
    • 2013-02-15
    • 2010-09-12
    • 1970-01-01
    • 1970-01-01
    • 2011-03-09
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多