[RÉGLÉ] Numéro de téléphone cliquable ne marche pas sur PC

[jimmy42]

Bonjour à tous,

Dans mon pied de page, j'ai inséré un lien numéro de téléphone qui permet à l'internaute qui utilise un smartphone d'appeler directement ce numéro de téléphone.
Sur smartphone, le lien marche.
Sur PC, lorsque je clic sur ce lien => message d'erreur.

Comment adapter mon code pour que le numéro de tél soit un lien d'appel pour les smartphones et un simple texte pour les PC?

[TristanB]

Re : Numéro de téléphone cliquable ne marche pas sur PC

Bonjour à tous,

Dans mon pied de page, j'ai inséré un lien numéro de téléphone qui permet à l'internaute qui utilise un smartphone d'appeler directement ce numéro de téléphone.
Sur smartphone, le lien marche.
Sur PC, lorsque je clic sur ce lien => message d'erreur.

Comment adapter mon code pour que le numéro de tél soit un lien d'appel pour les smartphones et un simple texte pour les PC?

Bonjour,

En utilisant la librairie bootstrap vous pouvez spécifier à une class d'un élément visible-phone

[jimmy42]

Re : Numéro de téléphone cliquable ne marche pas sur PC

Il me faudrait8 + de précisions...
J'ai ajouté le lien directement dans index.php, il me semble que bootstrap ne concerne que le formulaire foxcontact non?

[TristanB]

Re : Numéro de téléphone cliquable ne marche pas sur PC

Il me faudrait8 + de précisions...
J'ai ajouté le lien directement dans index.php, il me semble que bootstrap ne concerne que le formulaire foxcontact non?

non du tout, bootstrap est une librairie javascript que tu dois effectivement appeler dans ton index.php.
Ensuite au niveau de ta balise tu rajouter class="visible-phone"

[jimmy42]

Re : Numéro de téléphone cliquable ne marche pas sur PC

Ok pour l'ajout de la class="visible-phone" , mais comment appeler ma librairie bootstrap?

J'utilise joomla 2.5.11

[TristanB]

Re : Numéro de téléphone cliquable ne marche pas sur PC

Ok pour l'ajout de la class="visible-phone" , mais comment appeler ma librairie bootstrap?

dans ton fichier index.php de ton template tu insère ceci :

JHTML::script('templates/'.$this->template.'/js/bootstrap.js');

donc pour moi le fichier bootstrap se trouve dans un dossier js

[jimmy42]

Re : Numéro de téléphone cliquable ne marche pas sur PC

Dans le dossier de mon template, je n'ai pas de de dossier js contenant bootstrap.js.
Je dois la télécharger cette bibliothèque?

[TristanB]

Re : Numéro de téléphone cliquable ne marche pas sur PC

Dans le dossier de mon template, je n'ai pas de de dossier js contenant bootstrap.js.
Je dois la télécharger cette bibliothèque?

oui tu dois télécharger bootstrap si tu a une version 1.5 ou 2.5 de joomla.

Si tu as une version 3.x le bibliothèque bootstrap se trouve dans media/jui/js/bootstrap.js et dans ce cas la il faut mettre
JHTML::script('media/jui/js/bootstrap.js');

[jimmy42]

Re : Numéro de téléphone cliquable ne marche pas sur PC

C'est fait, j'ai dézipé le dossier bootstrap que j'ai inséré dans mon template via ftp.

Mon fichier bootstrap.js se trouve dans un sous répertoire /js qui lui même est dans /bootstrap.
VOici la ligne de code modifiée insérée dans index.php

JHTML::script('templates/'.$this->template.'bootstrap/js/bootstrap.js');

Cette ligne, je l'ai insérée en haut de index.php entre les balises php.

[TristanB]

Re : Numéro de téléphone cliquable ne marche pas sur PC

C'est fait, j'ai dézipé le dossier bootstrap que j'ai inséré dans mon template via ftp.

Mon fichier bootstrap.js se trouve dans un sous répertoire /js qui lui même est dans /bootstrap.
VOici la ligne de code modifiée insérée dans index.php

JHTML::script('templates/'.$this->template.'bootstrap/js/bootstrap.js');

Cette ligne, je l'ai insérée en haut de index.php entre les balises php.

Il te manque un / à ton chemin


JHTML::script('templates/'.$this->template.'/bootstrap/js/bootstrap.js');

Il faudrait aussi que tu nous passe le lien vers ton site pour voir

[lomart]

Re : Numéro de téléphone cliquable ne marche pas sur PC

Bonsoir,

Je me permet d'intervenir dans votre échange.
Il me semble que visible-phone est une classe css non concernée par le js

Pour ce cas, inutile de charger tout bootstrap, il faut créer 2 classes avec les propriétés ci-dessous:

.visible-phone{display:none !important;}
@media (max-width: 767px) {
.visible-phone{display:inherit !important;}
.visible-desktop{display:none}
}

Et créer le code HTML suivant:

<span class="visible-phone"><a href="tel:0102030405">01 02 03 04 05</a></span>
<span class="visible-desktop">01 02 03 04 05</span>

[jimmy42]

Re : Numéro de téléphone cliquable ne marche pas sur PC

Bonsoir,

Je me permet d'intervenir dans votre échange.
Il me semble que visible-phone est une classe css non concernée par le js

Pour ce cas, inutile de charger tout bootstrap, il faut créer 2 classes avec les propriétés ci-dessous:

.visible-phone{display:none !important;}
@media (max-width: 767px) {
.visible-phone{display:inherit !important;}
.visible-desktop{display:none}
}

Et créer le code HTML suivant:

<span class="visible-phone"><a href="tel:0102030405">01 02 03 04 05</a></span>
<span class="visible-desktop">01 02 03 04 05</span>

C'est cette méthode qui fonctionne! Merci

[Apoulit]

Re : Numéro de téléphone cliquable ne marche pas sur PC

Bonjour , je suis désolé de faire remonter ce post ... mais ce code

.visible-phone{display:none !important;}
@media (max-width: 767px) {
.visible-phone{display:inherit !important;}
.visible-desktop{display:none}
}

vous le mettez où ?


et celui ?

<span class="visible-phone"><a href="tel:0102030405">01 02 03 04 05</a></span>
<span class="visible-desktop">01 02 03 04 05</span>

merci... j essaye de le faire via l éditeur JCE.

[TristanB]

Re : Numéro de téléphone cliquable ne marche pas sur PC

Bonjour , je suis désolé de faire remonter ce post ... mais ce code

.visible-phone{display:none !important;}
@media (max-width: 767px) {
.visible-phone{display:inherit !important;}
.visible-desktop{display:none}
}

vous le mettez où ?

Celui la vous le mettez dans le css du template

<span class="visible-phone"><a href="tel:0102030405">01 02 03 04 05</a></span>
<span class="visible-desktop">01 02 03 04 05</span>[/CODE]


merci... j essaye de le faire via l éditeur JCE.

Celui ci dans le fichier html du template ou vous voulez faire apparaitre le numéro de téléphone