活动指示器GIF Drupal的主机

通过Drupion支持25 2012 12:44 9月提交

模式窗口是优秀的设计功能，因为它可以让你轻松无使它们装入一个完全不同的页面造成的不便给观众一个页面上显示更多的信息。我使用的模态，我想显示是不够庞大，值得一独立的全页面加载更多的信息。

图1：这是标题的链接，由视图生成的点击时触发与附加内容的模式窗口。

活动指示器GIF的Drupal在Drupal托管

图2：在链接上点击如图1之后，将出现一个模式窗口与附加信息。

一般有两种方法可以在Drupal轻松地创建模态。第一，和常用的方法是使用颜色框或Lightbox2模块。这两个模块有一些内置的功能，并且可以在网站建设者级别配置。

在过去的主题化更多的控制和模态的内容，并获得的模态窗口是如何工作的知识，我把一头扎进厄尔·迈尔斯（混沌又名梅林）混沌工具，或模式创建的CTools方法。这里是我做到了。

本教程需要一个中间到Drupal的7理解先进水平，您将需要建立一个模块来做到这一点。

1.我们将命名我们的模块“快乐”，让内你的Drupal安装命名，网站/所有/模块/开心创建一个目录。

里面的“高兴”目录下，创建两个空白文件，“happy.module”和“happy.info。”此外，下载并启用CTools模块和浏览模块。作为用于CTools模态的依赖关系和视图是在这个例子中的依赖关系。

此外，添加的模块目录内的模式自定义如下：

  • A “JS” 文件夹内的 “happy.js”，如 '网站/所有/模块/开心/ JS / happy.js'）。
  • A“CSS”目录中以“happy.css”内，例如'网站/所有/模块/ CSS / happy.css'）。
  • 的图像目录的自定义AJAXs活动指示器的GIF（如果需要的话），例如的网站/所有/模块/快乐/图像/ [图像名] .JPG“
  • 我们定制的一个主题目录意见的网站/所有/模块/开心/主题为“模板，该目录内的意见模板将一起在本教程中进一步放置。

2.用“happy.info”文件配置模块。

打开，粘贴以下到该文件，并保存：

名称=幸福
描述=用于创建使用CTools框架模式窗口的示例模块。
芯= 7.x的
包=用户界面
PHP = 5.2.4
依赖性[] = ctools
依赖性[] =观点

附注：对于这个例子的目的，我们使用浏览到发电机密封的链接节点，点击后，打开模态窗口中的节点内容的列表。因此，在这个例子中，视图是一个依赖。

活动指示器GIF Drupal的主机配置与模块

3.打开“happy.module”，并把标准的Drupal模块脚手架顶部，然后保存。

4。第一步骤是定义显示模式窗口时的模态链接将打开菜单路径。

这里有一对夫妇的先进要点：CTools模块标识“％ctools_js”作为请求路径的占位符。 CTools将取代以“JS”或占位符参数“nojs，”这取决于用户的浏览器的JavaScript功能。 “页面回调”，我们下一步将定义一个函数。这是最繁重的发生。最后，还有在这个例子中，没有访问限制。也就是说，由于页面回调“设置为TRUE，匿名用户可以访问模式的内容。

5.定义页面回调“功能：

虽然看起来复杂，上面的功能是直接的。如果用户的浏览器不支持Javascript，由CTools确定了我们，然后我们会给他们非JavaScript的内容。否则，我们关火CTools模式，给他们一个节点的预告视图模式。

6.接下来，我们需要为模态窗口到父的页面加载注入的设置。

你可以这样做，这是一个数量的钩子函数，其中的Drupal呈现的页面内容。例如钩，其中下面的代码将工作包括hook_node_view（修改$节点 - >内容对象片），hook_block_view，hook_field_load，和等

对于这个例子的目的，我生成节点标题，单击时，显示该节点的模态内传情的景色。对于这一点，我使用的浏览次数挂钩，hook_views_pre_render（）：

这是很多在创建模式时写的。总之，我们必须加载所有CTools JS文件。然后，我们定义的尺寸和使用CTools配置数组（在这个例子中，$ happy_style）模态的功能。最后，我们注入所需的设置，JavaScript文件，以及主题化模式内容的CSS文件。

7.定义将触发模式窗口中显示的链接。

到目前为止，我们已经定义的页面和内容，将显示模式里面，我们所定义的初始风格模式的。现在，我们必须定义将打开模态窗口触发。那是真正所需的所有与特定CTools类的链接。由于我使用的意见，我要确定我的标题可链接列表的视图模板。这样一来，我可以修改视图中的链接是CTools触发知道。

另外，您也可以定义使用hook_preprocess挂钩触发的主题层上的模态，或网站的主题目录内的意见模板中的链接。

我喜欢有相同的模块目录中的自定义模块的所有功能。它的清洁。所以，我选择创造快乐模块目录内的意见模板。

这里是最好的方式。首先注册的主题和意见模板：

声明之后，您将需要创建一个[module_dir] /主题目录，并把“若干意见 - 视图 - 场 - happy.tpl.php”文件中。对于最初的内容，请使用浏览模块的默认“的观点 - 视图 - fields.tpl.php”模板的内容，位于Views模块的主题目录中。

因为我已经注册了hook_theme和hook_theme内，宣布视图模板，我可以使用视图hook_preprocess_view（）与我创建的标题链接的最终显示缠斗：

在这一点上，变量$ ctools_link将提供给我的意见 - 视图 - 场 - happy.tpl.php文件。内部的模板，只需添加一行：

9. JavaScript文件。

我们已经完成了所有的PHP塔斯社创建CTools模式。现在，我们把注意力给Javascript。

你可以使用默认模式CTools JS的ctools_ajax_example模块内部文件开始，但我已经简化该文件为你，宣布所有你需要开始。

下面是网站/所有/模块/开心/ JS / happy.js文件的内容：

10.现在你已经准备好样式的模态。

使用的网站/所有/模块/开心/ CSS / happy.css“，风格模态窗口，您的口味。

此时，您已经创建在Drupal 7. CTools模式的详细信息，避免谷歌直到完成了在CTools模块内部的广泛的帮助HTML文件的网站/所有/模块/ ctools /帮助/ modal.html。“

快乐Modaling使用Drupal 7！

看这个视频！

相关文章

多站点的Drupal托管如果你正在运行一个以上的Drupal站点，可以简化管理，并可以通过使用多站点功能，升级你的网站。多站点可以让你分享一个Drupal的...
Webfm模块的Drupal托管我创建一个网站的存档，这将允许用户上传各种不同类型的媒体内容，包括视频，音频，图片，文档和文本。我想很容易让用户...
Drupal的使用SSL托管HTTPS是加密的HTTP请求及其响应的协议。这确保了如果有人能危及您的计算机和您所请求的服务器之间的网络...
面搜索Apache Solr实现Drupal的主机注：额外的特别感谢道格·万提供动力终于发布这篇博客！早在2016年，当搜索API和Solr相关的模块为Drupal 8人在早期的alpha ...
多个站点的Drupal有很多原因，一个系统管理员或开发人员可以选择托管在同一台服务器上的多个站点在多点配置。举例来说，这样的配置可以：...