Arahkan bidang tampilan yang dipangkas untuk teks lengkap?

8

Saya memiliki bidang teks dalam tabel tampilan yang saya gunakan hasil Menulis ulang -> Potong bidang ini dengan panjang maksimum dengan opsi elipsis aktif. Apakah mungkin dan bagaimana, sehingga ketika saya mengarahkan teks yang dipangkas ini, saya mendapatkan versi lengkap sebagai sembulan atau bahwa tampilan diperbarui untuk menampilkan teks lengkap?

views entities theming

— 7 keajaiban
sumber

10

Benci untuk menjawab pertanyaan karunia saya sendiri tetapi ini bekerja persis seperti yang saya inginkan.

Saya menemukan cara yang bagus untuk melakukan ini dengan modul beautytips. Bidang saya adalah alamat (field_address). Tambahkan field_address ke view dan lakukan rewrite-> trim dengan ellipsis TAPI dikecualikan dari tampilan. Tambahkan bidang yang sama lagi kali ini menulis ulang output bidang dengan:

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

(Saya memiliki "Tambahkan beautytips js ke setiap halaman" diaktifkan di pengaturan beautytips)

+1 jawaban zhilevan yang juga merupakan solusi yang sangat baik tetapi sayangnya tidak ada opsi roll-back / rollup / close yang berarti tabel yang sangat panjang dengan beberapa baca baca terbuka!

— 7 keajaiban
sumber

7

Saya sarankan di Rewrite resultstempatkan hasil Anda dalam elemen html seperti <div>atau <span>, tentukan dengan idatau class. dan setelah itu gunakan Jquery Readmore Plugin .

Sampel ini mungkin berguna untuk menggunakan plugin jquery readmore

— Yusef
sumber

Saya pikir itu akan bagus, tetapi seperti komentar pertama mengatakan pada tautan pertama, itu benar-benar membutuhkan roll-back juga, terutama karena itu ada dalam tabel.

— 7wonders

wow, + 25 reputasi. Anda adalah 7 orang yang hebat. Terima kasih.

— Yusef

1

Saya akan mengatakan untuk melakukan itu dengan JS. Ini jauh lebih mudah dan masih akan melakukan pekerjaan.

Langkah:

Keluarkan bidang lengkap dalam tampilan
Potong di halaman memuat; klon deskripsi lengkap asli dalam wadah terpisah dan berikan kelas atau ID khusus
Tambahkan elipsis di akhir dan lampirkan fungsi pada hover / klik
Setelah pengguna mengklik / mengarahkan kursor, tampilkan deskripsi yang dikloning dalam sembulan (jika lebih banyak teks dan akan merusak tata letak)

Bergantung pada kebutuhan Anda, alih-alih ini, Anda dapat membungkus karakter berlebih dalam rentang dan menyembunyikannya. Setelah Anda mengklik ellipsis, Anda bisa menerapkan kelas lain ke rentang dan menunjukkannya.

— Aram Boyajyan
sumber

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));

Kode ini dapat membantu Anda mencapai tujuan.

— Rishi
sumber