Di chuột một trường khung nhìn cắt cho toàn văn?

8

Tôi có một trường văn bản trong bảng khung nhìn mà tôi sử dụng kết quả Rewrite -> Cắt trường này thành độ dài tối đa với tùy chọn dấu chấm lửng trên. Có thể không và bằng cách nào, khi tôi di chuột văn bản được cắt xén này, tôi sẽ có được phiên bản đầy đủ dưới dạng cửa sổ bật lên hoặc chế độ xem cập nhật để hiển thị toàn văn?

views entities theming

— 7 tuần
nguồn

10

Ghét trả lời câu hỏi tiền thưởng của riêng tôi nhưng điều này hoạt động chính xác như tôi muốn.

Tôi tìm thấy một cách tuyệt vời để làm điều này với mô-đun beautytips. Trường của tôi là một địa chỉ (field_address). Thêm field_address vào dạng xem và viết lại-> trim với dấu chấm lửng BUT loại trừ khỏi màn hình. Thêm trường tương tự một lần nữa lần này viết lại đầu ra của trường với:

<div class="beautytips" title="[field_address_1]">[field_address]</div>

(Tôi đã bật "Thêm beautytips js vào mỗi trang" trong cài đặt beautytips)

Câu trả lời của +1 zhilevan cũng là một giải pháp rất tốt nhưng thật đáng buồn khi thiếu tùy chọn roll-back / rollup / close, điều đó có nghĩa là các bảng rất dài với một vài lần đọc mở!

— 7 tuần
nguồn

7

Tôi đề nghị Rewrite resultsđưa kết quả của bạn vào một phần tử html như <div>hoặc <span>, chỉ định nó bằng một idhoặc class. và sau khi sử dụng Plugin Jquery Readmore .

Mẫu này có thể hữu ích cho việc sử dụng plugin jquery readmore

— Yusef
nguồn

Tôi nghĩ rằng điều đó sẽ rất tuyệt, nhưng như nhận xét đầu tiên nói về liên kết đầu tiên, nó thực sự cũng cần quay ngược lại, đặc biệt là trong bảng.

— 7wonders

wow, + 25 danh tiếng. bạn là 7wonders tuyệt vời. Cảm ơn.

— Yusef

1

Tôi muốn nói là làm điều đó với JS. Nó dễ dàng hơn nhiều và vẫn sẽ thực hiện công việc.

Các bước:

Xuất trường đầy đủ trong chế độ xem
Cắt nó khi tải trang; sao chép mô tả đầy đủ ban đầu trong một thùng chứa riêng biệt và cung cấp cho nó một lớp hoặc ID đặc biệt
Thêm dấu chấm lửng ở cuối và đính kèm một chức năng khi di chuột / nhấp
Khi người dùng nhấp / di chuyển, hiển thị mô tả nhân bản trong cửa sổ bật lên (nếu đó là nhiều văn bản hơn và sẽ phá vỡ bố cục)

Tùy thuộc vào nhu cầu của bạn, thay vì điều này, bạn có thể bọc các ký tự thừa trong một khoảng và ẩn chúng. Khi bạn nhấp vào dấu chấm lửng, bạn có thể chỉ cần áp dụng một lớp khác cho nhịp và hiển thị nó.

— Aram Boyajyan
nguồn

1

(function($) {
    Drupal.behaviors.expalain_popup = {
      attach:function() {
        jQuery('a.open_popup_link').click(function(){
          var node_id = jQuery(this).attr('data-value');
          window.open('/open_popup/node/'+node_id, 'Explain '+node_id,'width=450,height=600,resizable=1,scrollbars=1,toolbar=0,location=0');
        });
    }
  };
}(jQuery));

Mã này có thể giúp bạn đạt được mục tiêu của bạn.

— Rishi
nguồn