如何解决根据Google表格列数据创建CSS类
我有一个HTML / SVG贸易展览会地图,我想根据它们是否已预订/可用来自动更新某些div(展位)的颜色。
我有一个Google表格文件,我想在其中提取某些数据,并创建/更新CSS类,以反映出售哪些展位和哪些开放。
我已经附上了一些屏幕截图。
-
平面图,显示展位。当前,我在展位的“出售”(蓝色)时从默认的绿色手动更新CSS。 https://i.stack.imgur.com/I86vv.jpg
-
Google表格示例。我正在寻找摊位颜色,当该摊位在Google表格的D表(状态)中的输入为“已付款”时,其颜色更改为“已售出”(蓝色),并在我编辑/时自动更新保存Google表格。 https://imgur.com/tP7NrsJ
下面是地图中一个摊位的SVG代码示例。
<polygon boothname="B3" class="fill" occ="" points="192,166 243,205 231,233 192,233 " x="217.5" y="199.5" myicon="0" width="0" height="0" fill="#0f4983" stroke="#ffffff" stroke-width="1" locked="0" isinvisible="0" fill-opacity="1"/>
<foreignObject style="pointer-events: none;" id="253text" x="192.5" y="184.5" width="50" height="30">
<div xmlns="http://www.w3.org/1999/xhtml" id="253textdiv" align="center" class="boothTextNoSelect" style=" display: table; font-family: Arial; width:100%; height:100%; padding: 5px; font-size:10px; line-height:1;">
<div style="display: table-cell; vertical-align:middle; color:#FFFFFF; font-size:9px" id="253textdiv2">B3</div>
</div>
</foreignObject>
<!--- End of BOOTH B3-->
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。