我需要能够将特定的 HTML 和 CSS 动态添加到用于向与我合作的慈善机构捐款的人的横幅中。积分将显示在多个合作伙伴网站上。问题是慈善机构的旗帜可能会经常变化,因为发生了不同的事件。一些合作伙伴需要特定的文本类型和其他 CSS 样式。现在这可以通过硬编码每个页面来手动完成。但是为每个事件更新这么多网站变得很困难。
我的想法是:
将每个合作伙伴的需求浅色/深色横幅、浅色/深色文本、链接颜色等分类到慈善机构服务器上的一个数据库中。
然后,让每个伙伴添加一个空的
<div id="charityDiv">
<img src="">
<a href=""></a>
</div>
以及某种形式的唯一 javascript 令牌,用于引用外部数据库。
然后,当页面加载时,可以引用数据库,并显示正确的图像、文本和 CSS。
有谁知道更好的方法来做我想做的事情?有没有人有一个很好的教程或例子来开始研究这个?