Как правильно отображать vCard или vCal

Через мобильное приложение мои пользователи могут отправить эталонный объект со своими данными на наш сервер. Это либо событие каландра, либо контакт. Используется формат vCal или vCard.

На моем веб-сайте я хотел бы отображать эталонный объект вместе с данными. В идеале значок, который при наведении или щелчке отображает визитную карточку / vCal с возможностью ее сохранения. Это не обязательно должно быть с ajax. Мой сайт использует jquery и должен работать в IE7 и выше.

Я нашел довольно много примеров (в основном CV или галереи) в различных технологиях (микроформаты и т. д.). Я ищу более простой пример.

Что было бы хорошим плагином или решением для этого?

огромное спасибо.


php jquery vcf-vcard vcal
person Jeroen    schedule 15.10.2012    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете использовать микроформат 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:[email protected]">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-адрес для любых hCard на сайте, преобразует их в vCard и затем предложит их для загрузки.

person Gordon    schedule 15.10.2012
comment
@Jeroen структура выше более или менее произвольна. Тривиально создать функцию, которая возвращает этот html. Просто поместите код в функцию, принимающую данные человека, и замените его внутри. - person Gordon; 16.10.2012
comment
@ Jeroes, ты не проголосовал за мой ответ / не принял его, поэтому я предполагаю, что он тебе не полезен. Не могли бы вы обновить свой вопрос, чтобы указать, что вы ищете. Спасибо. - person Gordon; 19.10.2012
comment
Да, прости. Были более срочные дела. Я еще не полностью просмотрел вашу ссылку. Но я ищу что-то (например, многие функции jQuery), улучшающее div или что-то подобное, содержащее код vCard. - person Jeroen; 19.10.2012
comment
@Jeroen хорошо, это не jQuery. Это просто ссылка на сервис. Вы размечаете контактные данные с помощью микроформата hCard, а затем указываете h2vx извлечь и преобразовать эту hCard в загружаемую vCard. - person Gordon; 19.10.2012