1

我想要在我的 template.php（drupal 主题）中是这样的：

$search_button ='search-button.png';
if($('#page-wrapper').hasClass('blue-colour')) {
    $search_button ='search-button-blue.png';
}
else if ($('#page-wrapper').hasClass('green-colour')) {
    $search_button ='search-button-green.png';
}
$form['actions']['submit'] = array('#type' => 'image_button', '#src' => base_path() . path_to_theme() . '/images/'.$search_button);

这不起作用，因为它是 jQuery。问题是这个位的语法：

if($('#page-wrapper').hasClass('blue-colour'))

我如何在不使用 javascript 或 jQuery 且仅使用 php 和/或某些 Drupal 函数的情况下做同样的事情？

我想根据在 HTML 元素上设置的类替换搜索框的图标：

<div id="page-wrapper" class="blue-colour">

在这种情况下，它将检查该类是否为“蓝色”，并在变量（$search_button）上设置正确的蓝色图标。

4

3 回答 3

2

javascript 和 jQuery 是客户端，这意味着页面已经加载并且 javascript 直接在客户端计算机上对加载的 DOM 进行操作。

PHP是服务器端的，这意味着页面是由PHP在服务器上编写的，然后超文本将被传输到客户端的计算机上。

除非您已经知道该类，否则根据类更改图像将需要客户端代码。

例如，

$class = 'blue-colour';
switch ($class) {
    case 'blue-colour':
        echo '<img src="blue-colour.jpg" alt="blue-colour" />'
        break;
    default:
        echo '<img src="default.jpg" alt="default" />';
}

如何确定类取决于您的代码，但必须在页面解析期间完成。

于 2012-05-30T16:57:46.517 回答
2

这不能直接回答您的问题，但是您可以仅使用 css 很好地解决此问题：

  1. 不要为您的按钮使用图像，而是使用文本并执行类似的操作text-indent: -9999em;
  2. 将按钮的背景图像设置为您想要的图像（简单示例）：

.blue-colour .button {
   background: url(search-button-blue.png);
}
.green-colour .button {
   background: url(search-button-green.png);
}
于 2012-05-30T17:12:40.677 回答
0

您可以尝试使用 dom 解析器，尽管它会很棘手。

http://simplehtmldom.sourceforge.net/manual.htm

于 2012-05-30T17:02:25.633 回答