• Trang chủ
  • Sản phẩm – Dịch vụ
    • Tạo ứng dụng di động
      • AppTeng Go
    • Smart ERP Go
      • Lite Smart ERP Go
      • Medium Smart ERP Go
    • Tạo QR Code
      • QR Code Go Free
  • Bảng giá
  • Bảng điều khiển
    • Đăng nhập
      • Tạo ứng dụng di động
      • Smart ERP Go
        • Lite ERP Go
        • Medium ERP Go
      • Tạo QR Code
        • QR Code Go Free
        • QR Code Pos – Res
        • QR Pos – Pro
      • Smart CRM / ERP
        • Smart CRM / ERP Go
      • Giáo dục
        • Edu Go Free
      • Giám sát
        • Monitor
    • Đăng ký
      • Tạo ứng dụng di động
      • Smart ERP Go
        • Lite Smart ERP Go
        • Medium ERP Go
      • Tạo QR Code
        • QR Code Go Free
        • QR Pos – Res
        • QR Pos – Pro
      • Smart CRM / ERP Go
        • Lite CRM / ERP Go
      • Giáo dục
        • Edo Go Free
      • Giám sát
        • Monitor
  • Kiến thức chung
  • Trang chủ
  • Sản phẩm – Dịch vụ
    • Tạo ứng dụng di động
      • AppTeng Go
    • Smart ERP Go
      • Lite Smart ERP Go
      • Medium Smart ERP Go
    • Tạo QR Code
      • QR Code Go Free
  • Bảng giá
  • Bảng điều khiển
    • Đăng nhập
      • Tạo ứng dụng di động
      • Smart ERP Go
        • Lite ERP Go
        • Medium ERP Go
      • Tạo QR Code
        • QR Code Go Free
        • QR Code Pos – Res
        • QR Pos – Pro
      • Smart CRM / ERP
        • Smart CRM / ERP Go
      • Giáo dục
        • Edu Go Free
      • Giám sát
        • Monitor
    • Đăng ký
      • Tạo ứng dụng di động
      • Smart ERP Go
        • Lite Smart ERP Go
        • Medium ERP Go
      • Tạo QR Code
        • QR Code Go Free
        • QR Pos – Res
        • QR Pos – Pro
      • Smart CRM / ERP Go
        • Lite CRM / ERP Go
      • Giáo dục
        • Edo Go Free
      • Giám sát
        • Monitor
  • Kiến thức chung
Trang chủ/Hướng dẫn/Nền tảng Tạo ứng dụng di động/Tuỳ chỉnh và Nâng cao/Sử dụng HTML trong ứng dụng/Hướng dẫn 12: Chèn liên kết tới các Module khác cho hình ảnh.

Hướng dẫn 12: Chèn liên kết tới các Module khác cho hình ảnh.

123 lượt truy cập 0 14/04/2020

Khi tạo các code HTML trong Module Mã nguồn, bạn có thể sẽ muốn trình bày hình ảnh có sẵn liên kết tới các Module khác trong ứng dụng, để người dùng khi click vào hình ảnh sẽ liên kết tới Module do bạn chỉ định.

Để làm việc này, bạn cần xác định liên kết Module của bạn, nó là khác nhau cho mỗi ứng dụng, mỗi tài khoản quản trị và module, chúng tôi sẽ cố gắng giới thiệu một số ví dụ để bạn hiểu:

Bước 1: Để tìm liên kết tới Module trong ứng dụng, từ Module Mã nguồn, click vào “Chèn liên kết tới các Module khác trong ứng dụng”

Bước 2: Click vào Module mà bạn muốn liên kết, nhấp Chèn & Thoát

Bây giờ, một dòng code sẽ hiện ra trong Module mã nguồn của bạn, hãy quan sát nó, trong Ví dụ này, chúng tôi liên kết tới Module “Thẻ khách hàng”

Đây là dòng code:

<a data-state=”loyaltycard-view” data-params=”value_id:5445″ data-offline=”false”>Thẻ khách hàng</a>

Giải thích:

Đoạn mã code: “loyaltycard-view” là tên mã Tiếng Anh của Module Thẻ khách hàng

Giá trị: “value_id:5445″ là id Module Thẻ khách hàng trong ứng dụng này, nó sẽ có ID khác từ ứng dụng của bạn, và nó là duy nhất.

Giá trị: data-offline=”false” được thiết lập là “false” thể hiện module này không thể truy cập khi ngoại tuyến.

>Thẻ khách hàng< là tên của Module

Cảnh báo quan trọng: Bạn cần thực hiện việc thiết lập Chèn liên kết tới các Module khác cho hình ảnh trong Module Mã nguồn sau khi chắc chắn rằng ứng dụng của bạn đã hoàn thiện, không còn sự thay đổi các giá trị bắt buộc là ID và tên Module.

Bước 4: Thêm tiếp đoạn code như sau vào Module mã nguồn

<a data-state=”loyaltycard-view” data-params=”value_id:5445″ data-offline=”false”><img src=”https://appteng.com/banner_teng.png” title=”Ghi chú cho ảnh 1″ width=”200″ height=”80″/> </a>

Hãy quan sát dòng code này:

4.1. Đoạn code: data-state=”loyaltycard-view” data-params=”value_id:5445″ data-offline=”false” được lấy từ Bước 3 thể hiện tên mã Tiếng Anh của Module, ID và tên hiển thị của Moduel được chèn trong <> thứ nhất.

4.2. <img src=”https://appteng.com/banner_teng.png” title=”Ghi chú cho ảnh 1″ width=”200″ height=”80″/>

Đoạn code này bao gồm liên kết URL tới hình ảnh (trong ví dụ này là https://appteng.com/banner_teng.png), kích thước chỉ thị chiều rộng và dài cho hình ảnh (trong ví dụ này là width=”200″ height=”80″)

Hiển thị trong màn hình xem trước sẽ như dưới đây:

Bước 5: Hoàn thành

Bây giờ bạn hãy xoá dòng code thứ nhất: <a data-state=”loyaltycard-view” data-params=”value_id:5445″ data-offline=”false”>Thẻ khách hàng</a>

Công việc của bạn đã hoàn thành, bạn sẽ thấy nó hiển thị như hình ảnh dưới đây:

Khi click vào hình ảnh, ứng dụng của bạn sẽ được chuyển tới Module Thẻ khách hàng, như hình ảnh dưới đây:

Bài viết này có giúp ích gì cho bạn không ?

Có  Không
Cùng chuyên mục
  • Cách ẩn link Youtube Video trong ứng dụng
  • Hướng dẫn 1: Bắt đầu với HTML trong Module Mã nguồn
  • Hướng dẫn 2: HTML là gì?
  • Hướng dẫn 3: Phần tử và thẻ (elements, tags)
  • Hướng dẫn 4: Module Mã nguồn – lần đầu làm chuyện “ấy”
  • Hướng dẫn 5: Một số phần tử cần biết
Có thể bạn quan tâm
  • Tạo Chứng chỉ Phân phối iOS (iOS Distribution Certificate)
  • Hướng dẫn các bước Xuất bản ứng dụng Android
  • Module Thương mại điện tử
  • Làm thế nào để tạo File .IPA cho ứng dụng iOS ?
  • Làm thế nào để thay đổi icon hình ảnh của Module
Danh mục hướng dẫn
  • Nền tảng Edu Go (Miễn phí cho Trường học – Cơ sở giáo dục 5
    • Thiết lập hệ thống Trường học 2
    • Câu hỏi thường gặp 1
    • Bắt đầu 1
    • Các vấn đề khác 1
  • Nền tảng Tạo ứng dụng di động 7
    • Làm thế nào ? 3
    • Thư viện mẫu CSS miễn phí 2
    • Bắt đầu 7
    • Các bước tạo ứng dụng di động 6
    • Giao diện ứng dụng 13
      • Tuỳ chỉnh giao diện với CSS 24
    • Các Module ứng dụng 61
    • Xuất bản ứng dụng Android 4
    • Xuất bản ứng dụng iOS 17
    • Tuỳ chỉnh và Nâng cao 28
      • Sử dụng HTML trong ứng dụng 14
    • Kiếm tiền với AdMob 5
    • Ứng dụng Android và các vấn đề đã biết 1
    • Ứng dụng iOS và các vấn đề đã biết 2
    • Gỡ lỗi 2
    • Dành cho Nhà phát triển 4
      • Tài liệu API 1
    • Các vấn đề khác 9
  • Chương trình Đại lý AppTeng 18
    • Bắt đầu 14
    • Hướng dẫn thực hiện 3
    • Câu hỏi thường gặp của Chương trình đại lý 10
  • Kiến thức chung 3
  • Nền tảng Email Go (Email Marketing 23
    • Khái Niệm, Thuật Ngữ 10
    • Thiết lập Hệ thống Email Marketing trên nền tảng Email Go của bạn 5
    • Tạo tài nguyên Hệ thống 2
    • Chiến Dịch Email Marketing 2
    • API KEY 1
    • Phí Dịch vụ 1
    • Các vấn đề chung 2
  • Nền tảng File Go 2
    • Bắt đầu 2
  • Lite Marketing 5
    • Thực hiện 1
    • Khái niệm, Thuật ngữ 3
    • Bắt đầu 1
  • Nền tảng Ad BioLink 1
    • Khái niệm, Thuật ngữ 1
  • Nền tảng QR Pos – Res 2
    • Bắt đầu 1
    • Thực hiện 1
  • Nền tảng Tạo Website Cửa hàng – Comment – Chat Bot tự động trên Facebook – Instagram 19
    • Khái niệm, Thuật ngữ 6
    • Cửa hàng Thương mại điện tử 12
    • Bắt đầu 1
  • Nền tảng Quản trị Nhân sự HRM Go 1
    • Bắt đầu 1
  • Nền tảng GetFund – Góp vốn đầu tư 1
  • Nền tảng Thương mại điện tử – Shop 4
    • Bắt đầu 1
    • Kinh doanh bán hàng 3
  • Nền tảng WebPro – Tạo nhanh Website 3
    • Bắt đầu 2
    • Các bước tạo Website 1
  • Email dành cho Doanh nghiệp 5

  Hướng dẫn 11: Dàn trang – Layout (CSS)

Hướng dẫn 13: Tổng kết  

AppTeng Việt Nam
Giới thiệu
Danh sách phát hành
Tin tức
Chính sách Cộng tác viên
Chính sách Đại lý
Chính sách bảo mật
Điều khoản sử dụng
Chính sách và Quy tắc hoàn lại tiền
  • Chính sách bảo mật
  • Điều khoản sử dụng
  • © 2014 - 2022 AppTeng - phát triển và Vận hành.