Как сделать кликабельным номер телефона или кнопку вызова

Question

в интернете есть примеры, все под какой нибудь CMS, у меня другой случай, код который выводит номер телефона -

echo '<span id="sendtel" ><a href="javascript:send_tel('.$rr['id'].')">Показать номер телефона</a></span><br>';

Как и куда вставить вторую ссылку или кнопку ? Подскажите пожалуйста.

Answer 1

если вам нужно чтобы браузер, при клике по вашей ссылке попытался совершить вызов, попробуйте использовать протокол wtai

<a href='wtai://*100#'>проверка баланса</a>

// в j2me точно работало

Answer 2

У вас нет необходимости использовать JS для решения подобных задачи, такие вещи работают на уровне HTML.

По правилам HTML номер телефона, емейл и прочие мета-данные необходимо помещать в тег ссылки:

<a href="#"> ссылка </a>

Чтобы разместить номер телефона, на который можно нажать и позвонить необходимо использовать аттрибут тега ссылки:

<a href="tel:+74952680449">+7 (495) 268-04-49</a>

Аналогично будет и с e-mail.

<a href="mailto:[email protected]">[email protected]</a>

Так же через тег ссылки можно открывать и любые другие приложения пользователя, к примеру Skype.

<a href="skype:Skype_User">Skype_User</a>

Если мой ответ Вам помог, то проголосуйте за него пожалуйста.

Answer 3

Я расскажу, как бы я это реализовал) Имем, к примеру, в БД 1000 фирм и у каждой свой телефон. Для начала определимся, что будет служить ключом для вывода какой то конкретной строки из БД, это может быть название фирмы или адрес, главное, что бы этот ключ был уникальным для каждой строки

Cоздаете в html

<input type="text" id="input" placeholder="Начните вводить название фирмы">

"слушаете" пользовательский ввод, например через addEventListener('input', searching) - в данном случае 'input' это будет метод, на который реагирует JS, а searching функция, которая и будет "икать". Давайте по порядку:

// Обращаемся к инпуту и начинаем слушать изменения
let input = document.getElementById('input').addEventListener('input', searching);
// Тут будет подгружен номер телефона
let out = document.getElementById('out');

в теле JS запроса создаем простейший запрос, не требующий обновлений страницы:

        // та самая функция searching
        function searching()
        {
            let inputed_data = document.getElementById('input').value;
            out.style.display = 'block';

            fetch('php/handlers/helper.php?input='+inputed_data)
            .then(data => {
                return data.text()
            })
            .then(data => {
                out.innerHTML = data;
            })          
        }

Ну а теперь непосредственно обработчик, он тоже очень простенький:

<?php

// Перемешка, которая встретит то, что вы вписываете в инпут на HTML странице
$looking_for = filter_var(trim($_GET['input']), FILTER_SANITIZE_STRING);

function looking_in_articles(){
    global $pdo;
    global $looking_for;
    $sql_looking_for_firms = $pdo->query("SELECT * FROM `firms` WHERE `Main_title` LIKE '%$looking_for%' "); 
    return $sql_looking_for_firms;
}

// теперь результат кладем в переменную, я для удобства назвал ее так же как и функцию
$looking_in_articles = looking_in_articles()

Обратите внимание, что нужно использовать то соединение с БД, которое у вас реализовано, я например через PDO подключаюсь

Это довольно старенький пример, из моих первых больших проектов, но он рабочий.

Не нужно копировать код, разумеется, главное поймите суть.

Результат выведите в конце скрипта обработчика недофункцией echo, текст в результате работы обработчика появится в out вашего JS файла

Answer 4

И снова здравствуйте, не получается реализовать идею, как только перевожу ссылку в html сразу все перестаёт работать. Как переделать всё ? здесь код - https://pastebin.com/q1Hk2uyA

БЛОГ НА HUSL

Как сделать кликабельным номер телефона или кнопку вызова

Ответы (4 шт):