Как сделать кликабельный ватсап на сайте

Web
#1

Как сделать кликабельный ватсап на сайте
Здравствуйте, подскажите пожалуйста как реализовать задуманое на доске объявлений, когда номер выбирается с БД Mysql. По принципу кликабельного телефона ?
Так не получается

Выводит номер на страницу сайта -

<span id="sendWhatsApp" ><a href="javascript:send_WhatsApp('.$rr['id'].')">Написать в WhatsApp</a></span>
 
<script language="javascript">
$("#fancy_registr, #fancy_zabili, #fancy_vhod, #fancy_send_email, #fancy_zhaloba, #fancy_map, #fancy_mess, #fancy_vip1, #fancy_vip2, #fancy_vip3").live('click', function(){$(".fl_hidden").hide();});
$("#fancybox-close").live('click', function(){$(".fl_hidden").show();});
$("#fancybox-overlay").live('click', function(){$(".fl_hidden").show();});
 
 
		function send_WhatsApp (id)
			{
			$.ajax({
					type: "GET",
					url: "<?=$bp?>blok/WhatsApp.php?id="+id,
					success: function(html) {
						$("#sendWhatsApp").html('<a href="WhatsApp:'+html+'">'+html+'</a>');
               		}
        		});
			}
 
		function scrollTo(el)
			{
			var duration = 700;
			var element = $(el).offset();
			var pos = element.top;
			$('html, body').animate({scrollTop: pos}, duration);
			}
 
</script>

страница с запросом в БД

<?
$base_path="../";
require_once($base_path.'connect/connect.php');
$r=mysqli_query($link,"SELECT WhatsApp FROM board WHERE id='".intval($_GET['id'])."'");
$rr=mysqli_fetch_array($r);
 
$WhatsApp=$rr['WhatsApp'];
if($WhatsApp)
{
echo $WhatsApp;
echo '';
}
else
echo '';
?>
#2

Так а с чем именно проблема? Что выводит, какие ошибки в консоли JS или выводе/логе сервера?

#3

Здравствуй Alex P. В логах не чего не пишит, действий, только одно - навожу курсор на “Написать в Whatsapp” показывает что это ссылка, нажимаю, не каких дейстий не происходит. Хоть это и на локальном сервере, всеравно при включенном интернее должен вызываться ватсап.

#4

Переделал код, сейчас так - нажимаю на \WhatsApp \ открывается номер ватсап, нажимаю на номер открывается чат WhatsApp, но с номером 79200000000
Не прикрепляет номер абонента. Как исправить ?

Выводит на странице объявления -
 echo '<span id="sendWhatsApp" ><a href="javascript:send_WhatsApp('.$rr['id'].')">WhatsApp</a></span><br>';
 -----------------------------------------------------------------
 <script language="javascript">
$("#fancy_registr, #fancy_zabili, #fancy_vhod, #fancy_send_email, #fancy_zhaloba, #fancy_map, #fancy_mess, #fancy_vip1, #fancy_vip2, #fancy_vip3").live('click', function(){$(".fl_hidden").hide();});
$("#fancybox-close").live('click', function(){$(".fl_hidden").show();});
$("#fancybox-overlay").live('click', function(){$(".fl_hidden").show();});


		function send_WhatsApp (id)
			{
			$.ajax({
					type: "GET",
					url: "<?=$bp?>blok/WhatsApp.php?id="+id,
					success: function(html) {
						$("#sendWhatsApp").html('<a href="https://api.whatsapp.com/send/?phone=79200000000&text=Hello">'+html+'</a>');
               		}
        		});
			}
			
		function scrollTo(el)
			{
			var duration = 700;
			var element = $(el).offset();
			var pos = element.top;
			$('html, body').animate({scrollTop: pos}, duration);
			}
			
</script>
#5

тут

сделать аналогично как выше?)

#6

Нет, в таком варианте просто не срабатывает ссылка.

#7

Так а что в коде?

Ессно надо не просто Ctrl+C и Ctrl+V, а нормально вставить переменную в строку в нужном месте )

Работа с текстом — строки в JavaScript - Изучение веб-разработки | MDN

#8

Вот в таком варианте

<script language="javascript">
$("#fancy_registr, #fancy_zabili, #fancy_vhod, #fancy_send_email, #fancy_zhaloba, #fancy_map, #fancy_mess, #fancy_vip1, #fancy_vip2, #fancy_vip3").live('click', function(){$(".fl_hidden").hide();});
$("#fancybox-close").live('click', function(){$(".fl_hidden").show();});
$("#fancybox-overlay").live('click', function(){$(".fl_hidden").show();});


		function send_WhatsApp (id)
			{
			$.ajax({
					type: "GET",
					url: "<?=$bp?>blok/WhatsApp.php?id="+id,
					success: function(html) {
						$("#sendWhatsApp").html('<a href="https://api.whatsapp.com/send/?phone=79200000000&:'+html+'">'+html+'</a>');
               		}
        		});
			}
			
		function scrollTo(el)
			{
			var duration = 700;
			var element = $(el).offset();
			var pos = element.top;
			$('html, body').animate({scrollTop: pos}, duration);
			}
			
</script>

Телефон абонета пишет в адресную строку, а на странице ватсап - `Начните чат в WhatsApp с +7 920 000-00-00

#9

Ну так что тут написано, то и есть.