【问题标题】:Drupal how to make a popup?Drupal如何制作弹出窗口?
【发布时间】:2016-02-19 15:39:36
【问题描述】:

我是 Drupal 的新手,我是第一次在本地安装 Drupal。 我想在页面加载时弹出一个弹出窗口,指向我创建的文章。

我看到了一种使用我在网上找到的代码的方法:

<!DOCTYPE html>
<html>
  <head>
    <meta charset=utf-8 />
    <title>ColorBox demo</title>
    <link rel="stylesheet" href="http://www.jacklmoore.com/colorbox/example1/colorbox.css" />
  </head>
  <body>
    <h1>Hello, there!</h1>
    <h2>This is some content</h2>
    <p>The popup will open in five seconds</p>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="http://www.jacklmoore.com/colorbox/jquery.colorbox.js">    </script>
    <script>
      function openColorBox(){
        $.colorbox({iframe:true, width:"80%", height:"80%", href: "http://www.sitepoint.com"});
      }

      setTimeout(openColorBox, 5000);
    </script>
  </body>
</html>

虽然我自己测试这段代码似乎可以正常工作,但我不知道如何编辑我的 Drupal 页面的头部和正文部分。有什么方法可以实现这个或其他方式来制作弹出窗口吗?

【问题讨论】:

    标签: javascript drupal-7 popup head


    【解决方案1】:

    首先你应该安装彩盒模块:
    https://www.drupal.org/project/colorbox

    然后在你的template.php中你可以这样添加内联脚本:

    drupal_add_js('jQuery(document).ready(function () {function openColorBox(){
        $.colorbox({iframe:true, width:"80%", height:"80%", href: "http://www.sitepoint.com"});
      }setTimeout(openColorBox, 5000); });', 'inline');
    

    【讨论】:

    • 不幸的是我想要一个项目的弹出窗口,所以我不能使用模块。我想尽可能多地使用编码,因此最好使用编码调用颜色框。我现在唯一要管理的是正确调用 css 文件,并且只在第一页弹出窗口。而且由于我不擅长 php,这将是一个问题
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-02-09
    • 1970-01-01
    • 1970-01-01
    • 2011-04-09
    • 2012-01-29
    相关资源
    最近更新 更多