2013-07-27 24 views
5

tôi đã thiết kế một trang web di động. Có tôi có một lĩnh vực số điện thoại, mà trên cách nhấp vào nên gọi đó là số cụ thể. Tôi không thể sử dụnglàm thế nào để gọi một số điện thoại thông qua javascript mà không cần sử dụng thẻ <a>?

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

vì tôi đã thêm trường số điện thoại sử dụng thẻ bảng như sau:

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

Có bất kỳ phương pháp khác (như sự kiện onclick) để gọi phonenumber rằng trên cách nhấn vào đó cột?

+5

Lý do bạn không thể thêm thẻ 'a' vào ô bảng là gì ?? – PeeHaa

Trả lời

8

Thay đổi này:

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

tới:

<table><tr><td><a href="tel:+900300400">Phone: 900 300 400</a></td></tr></table> 
+0

yeah.it hiện đang hoạt động. tôi nghĩ rằng previuosly tôi đã thêm tag sai. Cảm ơn đã giúp đỡ. – msg

8

Bạn chỉ cần thêm trình xử lý onclick vào thẻ <tr> của mình, sau đó gọi window.open("tel:+1800229933");.

Giống như vậy:

<table> 
<tr onclick="window.open('tel:900300400');"> 
    <td>Phone: 900 300 400</td> 
</tr> 
</table> 
+0

đã hoạt động như nét duyên dáng –

+0

Cảm ơn bạn điều này đã giúp ích. –

+0

Điều này phải được đánh dấu là câu trả lời đúng vì đây là một triển khai được thực hiện mà không cần thẻ neo như được hỏi trong câu hỏi. –

10

Tìm nội dung di động với jQuery, thay thế "Số điện thoại:" một phần và làm cho nó đường dẫn. Việc lựa chọn ô với một lớp là một cách để thực hiện nó. Khác sẽ là để chọn trong bảng thực tế các tế bào với một mã tương tự như "ô thứ hai trong mỗi hàng của bảng". Đây là ví dụ:

<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> 
Các vấn đề liên quan