583 votes

Comment déclencher un appel téléphonique en cliquant sur un lien dans une page Web sur un téléphone portable ?

Je dois créer une page Web pour les appareils mobiles. Il n'y a qu'une seule chose que je n'ai pas encore comprise : comment puis-je déclencher un appel téléphonique par un clic de texte ?

Existe-t-il une URL spéciale que je pourrais entrer comme le mailto: pour les courriels ?

Les solutions spécifiques à un dispositif ne sont pas préférables.

Je sais que l'iPhone reconnaît automatiquement les numéros de téléphone et crée un lien pour cela, mais ce serait formidable si cela pouvait être fait pour les images aussi... et aussi pour la plupart des appareils mobiles.

1036voto

meme Points 2408

La plupart des appareils modernes prennent en charge le schéma tel :. Utilisez donc <a href="tel:555-555-5555">555-555-5555</a> et vous devriez être prêt à partir.

Si vous voulez l'utiliser pour une image, la fonction <a> peut gérer la balise <img/> placé dedans comme dans d'autres situations normales avec : <a href="tel:555-555-5555"><img src="path/to/phone/icon.jpg" /></a>

13 votes

Comment cela se passe-t-il pour le bureau ? Il est évident que vous ne voulez pas que le lien soit transmis aux ordinateurs de bureau, n'est-ce pas ? Ou faut-il que je renifle le navigateur et que je supprime la balise qui l'entoure ?

13 votes

@3Dom Essayez-le. Il lance ou demande le programme de votre téléphone.

0 votes

@CeesTimmerman, merci mec. J'ai essayé il y a quelque temps. Cela semble fonctionner assez bien maintenant. Le seul problème est qu'en essayant de copier-coller le numéro, il faut cliquer dessus, ce qui est une mauvaise interface utilisateur, mais bon, la plupart des gens ne font pas ça, je suppose. Matière à réflexion.

82voto

Andrew Koester Points 8718

Le schéma d'URL correct est tel :[numéro] donc vous feriez

<a href="tel:5551234567"><img src="callme.jpg" /></a>

49voto

Varun Vohra Points 2083

Je veux ajouter une réponse ici pour être complet.

<a href="tel:1234567">Call 123-4567</a>

Cela fonctionne très bien sur la plupart des appareils. Cependant, sur les ordinateurs de bureau, ce lien apparaîtra comme un lien qui ne fait rien lorsque vous cliquez dessus. Vous devriez donc envisager d'utiliser une feuille de style en cascade (CSS) pour le rendre visible sous certaines conditions uniquement sur les appareils mobiles.

Vous devez également savoir que Skype (qui est assez populaire) utilise une syntaxe différente par défaut (mais peut être paramétré pour utiliser tel :).

<a href="callto:1234567">Call 123-4567</a>

Cependant, je pense que dans les derniers navigateurs mobiles (je suis sûr que c'est le cas sur Android), la fonction tel La syntaxe devrait proposer une fenêtre contextuelle des applications disponibles qui peuvent être utilisées pour effectuer l'action d'appel.

4 votes

Le protocole "tel" fonctionne-t-il avec Skype, ou seulement leur protocole "callto" ?

2voto

12345 Points 487

Les réponses précédentes sont inadéquates. Le meilleur tutoriel que j'ai trouvé est ici :

http://pointbeing.net/weblog/2010/01/making-phone-calls-and-sending-sms-with-html.html

0voto

Remplacez les 5 par le numéro, et le texte "Appelez-nous gratuitement !" par le vôtre.

    <a href="tel:+15555555555">Call us free!</a>

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X