【发布时间】:2013-05-29 14:04:19
【问题描述】:
我需要能够将特定的 HTML 和 CSS 动态添加到用于向与我合作的慈善机构捐款的人的横幅中。积分将显示在多个合作伙伴网站上。问题是慈善机构的旗帜可能会经常变化,因为发生了不同的事件。一些合作伙伴需要特定的文本类型和其他 CSS 样式。现在这可以通过硬编码每个页面来手动完成。但是为每个活动更新这么多网站变得很困难。
我的想法:
将每个合作伙伴的需求浅色/深色横幅、浅色/深色文字、链接颜色等分类到慈善机构服务器上的一个数据库中。
然后,让每个伙伴添加一个空
<div id="charityDiv">
<img src="">
<a href=""></a>
</div>
以及用于引用外部数据库的某种形式的唯一 javascript 令牌。
然后,当页面加载时,可以引用数据库,并显示正确的图像、文本和 CSS。
有没有人知道更好的方法来做我想做的事情? 有没有人有一个很好的教程或例子来开始这方面的研究?
【问题讨论】:
-
您使用的是什么服务器端软件?您可以在提供页面时添加带有简单数据库查找的横幅代码。这完全可以在没有 Javascript 的情况下完成。
-
这就是 css 的美妙之处。您可能会在目录中通过 id 摆脱 css。使用唯一的样式名称为您的横幅添加前缀,然后根据前缀添加样式。在这种情况下,我通常会推荐图片,但听起来您希望为每个客户提供一个具有独特样式的横幅
-
响应:横幅显示在很多网站上。大多数是标准灯,但少数是 iis/mssql。更大的问题是访问。大多数合作伙伴都希望在捐款后在他们的网站上显示横幅,但不能打开他们的代码进行查找或某些服务器端脚本。一个带有容器的小 sn-p js 似乎占用的空间更小。响应:确切地说,每个合作伙伴的样式/文本可以是唯一的。我希望它像他们一样简单,只需将 [url 到慈善服务器上的 img 目录] logoDark.png 或 logoLight.png 添加到他们的代码中,一次,再也不用担心了。只需要更新 img 文件并保持它们的名称相同
标签: javascript jquery html css database