【问题标题】:assigning color from query result to div将颜色从查询结果分配给 div
【发布时间】:2014-07-07 09:01:45
【问题描述】:


我有这个查询,它从数据库中获取一些数据,包括十六进制格式的颜色。 我想做的是将颜色分配给我的 html 页面中的 div。

_sQry = "SELECT TOP 101 dossier_id, dossiernummer_c, inzake_c, ini_notaris_c, behandelaar1.initialen as initialen1, behandelaar1.kleur as kleur1, behandelaar2.initialen as initialen2, behandelaar2.kleur as kleur2 \
        FROM dossier \
        LEFT JOIN medewerker AS behandelaar1 ON dossier.behandelaar1_id=behandelaar1.medewerker_id \
        RIGHT JOIN medewerker AS behandelaar2 ON dossier.behandelaar2_id=behandelaar2.medewerker_id \
        WHERE 1=1 AND {ADDITIONAL_WHERE}";

这是我的查询,behandelaar1.kleur 和 behandelaar2.kleur 是颜色。

row_24=[E3525DEB-AD4E-4D0F-B3CA-19C97667CAC4, 2013045801, ECH 3 testdossier, JDO, SYS, #00ffff, JU, #ff3333] 

这是一个以颜色结尾的查询结果示例。

<article >
<form id="dossier-zoek">
    <input type="text" id="sea" name="search" class="regTXTBOX brdrCol" placeholder="Zoek">
    <button id="searchDos" class="bgCol">Zoek dossiers</button>
</form>
<h2 id="title" style="position:fixed; width:100%;" class="brdrCol txtCol">$!template.dossiers.list_title</h2>

<div id="list" style=" position:fixed; height:auto; width:100%; top:188px; bottom:0px; overflow-y:scroll; -webkit-overflow-scrolling: touch; overflow-x:hidden;">
    <table>
        #foreach($row in $template.dossiers.data.records)
        <tr>
            <td>$!row.dossiernummer_c</td>
            <td>$!row.inzake_c</td>
            <td style="font-weight:bold; color:red;">H</td>
            <td>$!row.ini_notaris_c</td>
            <td id="b1">$!row.initialen1</td>
            <td id="b2">$!row.initialen2</td>
            <td class="icon-gt txtCol"></td>
        </tr>
        #end
    </table>
</div>

这是我放置查询结果的 html,在带有 id b1 和 b2 的情况下,我想将颜色添加为背景颜色。
我不知道如何完成这项工作,我希望这里的任何人都知道如何做到这一点。

【问题讨论】:

    标签: javascript html mysql css


    【解决方案1】:

    您是否尝试设置 CSS background-color 属性?例如:

    <td id="b1" style="background-color: $!row.kleur1">$!row.initialen1</td>

    【讨论】:

    • 原来我从中获取信息的数据库有问题,之后我可以按照你说的分配背景颜色
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-11-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多