Как правильно отображать vCard или vCal
С помощью мобильного приложения мои пользователи могут отправлять ссылочный объект со своими данными на наш сервер. Это или событие каландра или контакт. Используемый формат: vCal или vCard.
На моем веб-сайте я хотел бы отобразить эталонный объект вместе с данными. Идеально значок, который при наведении или щелчке отображает vCard / vCal с возможностью сохранить его. Это не должно быть с AJAX. Мой сайт использует jquery и должен работать в IE7 и выше.
Я нашел довольно много примеров (в основном CV или галерейного типа) в ряде технологий (микроформаты и так далее). Я ищу более простой пример.
Что было бы хорошим плагином или решением для этого?
большое спасибо.
1 ответ
Вы можете использовать микроформат hCard для разметки данных vCard на вашем сайте, например:
<div class="vcard">
<address class="adr author">
<span class="type hide">work</span>
<span class="fn">John Doe</span>
<span class="role">Webdeveloper</span>
<span class="street-address">Fooway 1</span>
<span class="postal-code">1234 </span> <span class="locality">N.Y.</span>
<span class="hide country-name">USA</span>
</address>
<div>
<span class="tel">
<span class="type">Tel</span>
<span class="value">0800-1234567</span>
</span>
<span class="tel">
<span class="type">Fax</span>
<span class="value">0800-7654321</span>
</span>
<a class="email" href="mailto:jd@example.com">Mail Me</a>
<span class="url">http://www.example.com</span>
</div>
<div class="hcard-export">
<a href="http://h2vx.com/vcf/http://www.stb-rueter.de/">
<img src="/images//icons/hcard.png" alt="hCard Microformat" />
<span>Download vCard</span>
</a>
</div>
Затем добавьте ссылку, чтобы преобразовать ее через http://h2vx.com/vcf. Служба проанализирует URL-адрес, который вы ему сообщаете, для любых hCards на сайте, преобразует их в vCard и предложит их для загрузки.