悬停在修剪后的“视图”字段中以获取全文吗?


8

我在视图表中有一个文本字段,该表使用“重写结果->将该字段修剪为最大长度,并带有省略号”选项。是否可能以及如何进行操作,以便当我悬停这些修剪的文本时,我会获得完整版本的弹出窗口,或者视图会更新以显示全文?

Answers:


10

讨厌回答我自己的赏金问题,但这完全符合我的要求。

我找到了一个通过beautytips模块执行此操作的好方法。我的字段是一个地址(field_address)。将field_address添加到视图中,并使用省略号进行rewrite-> trim,但从显示中排除。这次再次添加相同的字段,用以下方法重写该字段的输出:

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

(我在beautytips设置中启用了“向每个页面添加beautytips js”)

+1 zhilevan的答案也是一个很好的解决方案,但可悲的是缺少回滚/汇总/关闭选项,这意味着很长的桌子上有一些阅读更多的书!


7

我建议Rewrite results将您的结果放入html元素(例如<div>或)中<span>,并使用id或进行指定class。然后使用Jquery Readmore Plugin

示例可能对使用jquery readmore插件有用


我认为那会很棒,但是正如第一个链接上的第一条评论所述,它确实也需要回滚,尤其是在表中。
7wonders 2012年

哇,+ 25声望。你是伟大的7奇迹。谢谢。
Yuseferi 2012年

1

我想用JS做到这一点。这要容易得多,并且仍然可以完成工作。

脚步:

  1. 在视图中输出完整字段
  2. 在页面加载时进行修剪;将原始完整描述克隆到一个单独的容器中,并为其指定特殊的类或ID
  3. 在末尾添加省略号并在悬停/单击上附加功能
  4. 用户单击/悬停后,在弹出窗口中显示克隆的描述(如果它是更多文本,将破坏布局)

根据您的需求,您可以将多余的字符包装在一个跨度中并隐藏它们,而不是这样做。单击省略号后,您可以将另一个类应用于跨度并显示它。


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

此代码可以帮助您实现目标。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.