Embedd contact card - html

I'm making a small portfolio/application site in wordpress. Since I'm not much for social I would like to embed a contact card, like one of those you send over sms/mms/textmessage etc.
Is there some html syntax I could use or do I need to create a contact-card file?
Is there differences between platforms (windows phone, android and ios)?
EDIT: I have a link that makes the users device call me.

Dug up some standards for this, there seems to be a Contacts API that:
enables access to a user's address book service from inside a Web application
http://www.w3.org/TR/contacts-api/
If you'd like to use that, or other alternatives, i found more useful info at Add a contact to the mobile device Address book from an HTML webpage

Related

Alternative to mailto: to link email

I am creating a website and there is a page with people that are part of the company. Each person has an email that i want for the user to be able to get the email for the person that he/she want.
If we were in 2011 i would have used mailto: html tag. But really not so many people are using desktop email clients.
I thought about linking to a link so a new window would open in gmail and a new message would be created with recepient the pressed email. BUT not everyone uses gmail.
The only posible "solution" that i though that when the user clicks on the email this would be copied automatically in the clipboard. It would have the same result as doing CTRL & C at something. BUT this requires a lot of time and i dont want to get my hands dirty with javascript.
Is there any other way to do this ?
You should probably still use mailto:. mailto: is not intended for just desktops, it identifies a handler for the client. A mobile device would be able to recognize it just as well, and launch its preferred MTU.
With a lot of addons like smartaddon contact form and foxyform available out there, you could add them to your html code.
But, if you could use php, it to would just take few statements of code to set up the contact form on your own. Refer this post which explains clearly on how to set up your contact form using php.

a valid alternative to mailto?

I maintain a site for an organization that contains 80+ contacts. when I created this site I used mailto: to allow people to contact the required individual, which worked fine until just recently.
Now I find that when I click on the email link nothing happens or, as in my case, since I have MS Office, Windows tries to load Outlook which I don't want. This is also affecting anyone browsing the site, I am receiving numerous notices that the email links are broken. I know the addresses are valid because I can copy the address and send it manually with no problems.
I've searched the web and it seems that everyone recommends to NOT use *mailto:* and use to a form contact method, however, I am confused, I can figure out how to setup a contact form for one individual, I'm having a problem about how I would sync 80+ contacts to one Contact page.
I would really appreciate anyone who could point me in the right direction. The site in this case is [http://s-a-m-s.org/contact.php][1]
Thank you;
Greg
Specifying an e-mail address in an anchor elements href attribute (<a href="mailto: user#domain.com">) to send e-mail is not a guarantee of sending e-mail.
The protocol mailto is user agent-specific which means that users with different browsers or devices will most definitely not have your desired outcome.
HTML is rendered by the clients browser which means that you can not control how your mailto protocol is being handled.
If you want to guarantee that your contacts can be contacted through your website you would have to resort to using another programming language.
You could then (for instance) loop through all your clients and build a contact form for each of your organisations contacts which the server would then send e-mails to. Contact your local developer to help you out with more specifics if HTML is your limit.

HTML5 Web Application

Im in the process of building a HTML5 based web application which ideally would be made downloadable from a web based url via a link.
Should this link be clicked on a desktop machine, it would bring up some sort of overlay informing the user that they need to be on a mobile device to be allowed the download.
Basically Im looking for a way to enable the download only via a mobile device.
If anyone has a solution or can reference another page that does ( Ive looked but not been able to find anything ) it would be much appreciated.
Thanks in advance.
There is two standard ways to do it:
Check on client (parse UA or detect device features).
Check on server (parse UA).
To parse UA use ua-parser-js on client and you will able to get device type desktop, tablet or mobile. Or with nodejs on server side (it allows you to hide algorithm). But UA parsing is not a assured method (because UA could easily be overwritten).
Device features detection depends on target device. You can check browser plugins, protocol support or something special. This is an example of how does Apple checks iTunes support.

ensure embed code (iframe) is only used on customer web sites

I have a service and would like clients to be able to place this service on their website. I am looking at doing this by using an iframe. I will provide the code and they can just copy and paste the code to show the functionality. Each client will be discovered by the query string.
There is a concern that anyone can look at the source of the website, copy the iframe and add it to their own website therefore using the service and charging the original client. I obviously want to stop this.
Ideally, I would like to verify that the website that is using the iframe is linked to the client who registered to use the service. Is this possible at all? I know there are issues with cross domain security.
If it isn't possible, I guess I would need to create a widget instead.
For each client, have a whitelist of web sites that can embed the iframe. Then check the 'referer' header against that list whenever the page inside the iframe is loaded.
Or if http headers prove to be unreliable try using javascript, via parent.document.location.href

How do I get just the Facebook chat html into a web view?

Okay so I was wondering how the Gabtastik chat client (site-specific-browser-esque) manages to present only the chat part of Facebook, as seen here:
I'm making an app where I want to also include this functionality, but i really don't know how it is done, so i need a good kick in the right direction or some code or something.
It just loads http://www.facebook.com/presence/popout.php. I found that out by running strings on the Gabtastik executable, like this:
strings /Volumes/Gabtastik/Gabtastik.app/Contents/MacOS/Gabtastik
Unfortunately, that doesn’t exist anymore. When you launch Gabtastik now, you see this:
Facebook has XMPP access to chat that you can use… unfortunately, integrating it into an app takes much more work than showing a web page.