Passa il mouse su un campo delle viste ritagliate per il testo completo?

8

Ho un campo di testo in una tabella di viste che uso i risultati di Riscrivi -> Taglia questo campo alla lunghezza massima con l'opzione puntini di sospensione attivata. È possibile e come, in modo che quando passo con il mouse su questo testo ritagliato ottengo la versione completa come popup o che la vista si aggiorni per mostrare il testo completo?

views entities theming

— 7 meraviglie
fonte

10

Odio rispondere alla mia domanda sulla generosità, ma questo funziona esattamente come lo voglio.

Ho trovato un ottimo modo per farlo con il modulo beautytips. Il mio campo è un indirizzo (field_address). Aggiungi field_address alle viste e riscrivi-> taglia con i puntini di sospensione, MA escludi dalla visualizzazione. Aggiungere nuovamente lo stesso campo questa volta riscrivendo l'output del campo con:

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

(Ho attivato "Aggiungi beautytips js a ogni pagina" nelle impostazioni di beautytips)

+1 La risposta di zhilevan, che è anche un'ottima soluzione, ma purtroppo manca l'opzione roll-back / rollup / close, il che significherebbe l'apertura di tabelle molto lunghe con alcuni costumi leggibili!

— 7 meraviglie
fonte

7

Suggerisco di Rewrite resultsinserire il risultato in un elemento html come <div>o <span>, specificarlo con un ido class. e dopo usa il plugin Jquery Readmore .

Questo esempio può essere utile per l'utilizzo del plugin readmore di jquery

— Yuseferi
fonte

Penso che sarebbe fantastico, ma come dice il primo commento sul primo link, ha davvero bisogno anche del rollback, soprattutto perché è in una tabella.

— meraviglie

wow, + 25 reputazione. siete grandi 7 meraviglie. Grazie.

— Yuseferi,

1

Direi di farlo con JS. È molto più semplice e farà ancora il lavoro.

passi:

Emette l'intero campo nella vista
Taglialo al caricamento della pagina; clonare la descrizione completa originale in un contenitore separato e assegnargli una classe o un ID speciale
Aggiungi un'ellissi alla fine e allega una funzione al passaggio del mouse / clic
Una volta che l'utente fa clic / passa il mouse, mostra la descrizione clonata in un popup (se è più testo e si rompe il layout)

A seconda delle tue esigenze, invece di questo puoi avvolgere i personaggi in eccesso in un arco e nasconderli. Dopo aver fatto clic sui puntini di sospensione, puoi semplicemente applicare un'altra classe all'intervallo e mostrarlo.

— Aram Boyajyan
fonte

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

Questo codice può aiutarti a raggiungere il tuo obiettivo.

— rishi
fonte