显示特定URL的DIV

时间:2017-02-03 09:50:00

标签: javascript php css

有没有办法根据网址显示不同的DIV?

我有一个包含3个不同子事件的活动网站,因此我想在导航中为每个单独的活动(多个网址)显示活动日期。

    <div id="us" class="us-web-date">&nbsp;• San Jose | May 1•2•3</div>
    <div id="emea" class="emea-web-date">&nbsp;• Berlin | May 15</div>
    <div id="de" class="de-web-date">&nbsp;• Berlin | 16. Mai</div>

所以https://acrolinxcc.staging.wpengine.com/cc2017-us-about/(以及所有我们的页面)只显示div id =“us”。因此,对于/ cc2017-emea-about /(和所有emea页面)只能sjow id =“emea”和/ cc2017-de-ueber-die-konferenz /(和所有de-pages)只会显示id =“de ”

2 个答案:

答案 0 :(得分:0)

您可以通过JavaScript处理它。

步骤:

  • 获取当前网址
  • 拆分网址
  • 发现单词是否存在
  • 根据
  • 隐藏/显示div

样品:

var currentUrl = window.location.pathname;
var segments = currentUrl,split('/');   // Split the url using '/'

// Fetch the part that you want to use to search specific word
// in your case it will be at index 1

if (0 < segments[1].search('us')) {
  // show div us
} else if (0 < segments[1].search('emea')) {
  // show div emea
} else {
  // show div de
}

您应该在加载时编写此代码。 我希望它会有所帮助。

答案 1 :(得分:0)

你可以用php

来做

您可以按strpos()获取当前URI,并按<?php $url = $_SERVER['REQUEST_URI']; if(strpos($url, "-us-")){ ?> <div id="us" class="us-web-date">&nbsp;• San Jose | May 1•2•3</div> <?php } elseif (strpos($url, "-emea-")) { ?> <div id="emea" class="emea-web-date">&nbsp;• Berlin | May 15</div> <?php } elseif (strpos($url, "-de-")) { ?> <div id="de" class="de-web-date">&nbsp;• Berlin | 16. Mai</div> <?php } ?> 检查您的身份

您的代码将是这样的

uses
  Classes, FMX.Graphics, FMX.Objects;

procedure MyProvedure();
var
     logo  : TImage;
     MyRS  : TResourceStream;
begin
  MyRS := TResourceStream.Create( HInstance, 'logo_1', RT_RCDATA );
  try
      logo.Bitmap.LoadFromStream( MyRs);
  finally
    MyRS.Free;
  end;
end;