2013-07-27 12 views
5

Mobil web sayfası tasarladım. Orada belirli bir numarayı tıklamanız gereken bir telefon numarası alanım var.<a> etiketi kullanmadan javascript yoluyla telefon numarasını aramak için?

<table><tr><td>Phone: 900 300 400</td></tr></table> 

(onclick olayı gibi) herhangi bir başka yöntemler olduğunu tıklayarak o telefonu numarasını aramak için var mı: i aşağıdaki gibi tablo etiketini kullanarak telefon numarası alanını eklemiş çünkü

<a href="tel:+1800229933"></a> 

kullanamazsınız sütun?

+5

Tablo hücresine 'a' etiketini ekleyememenizin nedeni nedir? – PeeHaa

cevap

10

jQuery ile hücre içeriği bulun, "Telefon:" yerine bölümünü ve bunu yapmak bir bağlantı. Hücrenin bir sınıfla seçimi, bunu yapmanın bir yoludur. Bir diğeri, gerçek tablodaki hücreyi "tablonun her sırasındaki ikinci hücre" ye benzer bir kodla seçmek olacaktır. İşte bir örnek:

<html> 
<head> 
<title>Test</title> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script> 
    $(function() { 
     $(".phonecell").click(function(){ 
      var PhoneNumber = $(this).text(); 
      PhoneNumber=PhoneNumber.replace("Phone:",""); 
      window.location.href="tel://"+PhoneNumber; 
     }); 
    }); 
    </script> 
    </head> 
    <body> 
    <table><tr><td class=phonecell>Phone: 900 300 400</td></tr></table> 
    </body> 
İlgili konular