Как можно создать динамический веб-значок с использованием клиентского JavaScript?

Question

Например, мы хотим иметь возможность предоставлять нашим поставщикам код javascript, и после его внедрения на их сайте будет отображаться значок, показывающий, как давно они работают с нами.

Спасибо

Answer 1

Это не должно быть слишком сложно.

Я рекомендую предоставить ссылку на динамическое изображение со строкой запроса, содержащей идентификатор поставщика. Затем сервер будет отображать значок со своими конкретными данными, например

<img src='http://www.x.com/vendor.gif.aspx?id=123' style='width:50px; height:50px'/>

Это будет намного проще для вас реализовать и намного проще для поставщиков интегрировать. Он также будет работать для пользователей без включенного JavaScript.

Answer 2

Посмотрите на существующие значки. Обычно вы найдете некоторый пользовательский код JavaScript и некоторый URL, который указывает на веб-сервис (на вашем сайте), публикующий нужные данные.

Вот пример из твиттера:

<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript">
<!--mce:0-></script>

<script src="http://twitter.com/statuses/user_timeline/HanSolo.json?   
   callback=twitterCallback2&amp;count=5" type="text/javascript">
   <!--mce:1--></script>

Если ваши данные несколько статичны, вам может быть полезен только тег изображения (как предложено Джеймсом Вестгейтом).