Как правилно да показвате vCard или vCal

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

На моя уебсайт бих искал да покажа референтния обект заедно с данните. В идеалния случай икона, която при задържане или щракване показва 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="/bgmailto:[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 адреса, който й кажете, за всички hCards на сайта, ще ги конвертира във 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