将 ID 替换为特定 URL 的元素
Replace ID to an element for a particular url
我在导航中有两个列表项:
<body id="trips">
<nav>
<li><a href="/trips.php" class="trips">Trips</a></li>
<li><a href="/trips.php?offer=true" class="offers">Offers</a></li>
</nav>
....
</body>
访问 /trip.php?offer=true 时,我需要将 <body id="trips">
替换为 <body id="offers">
,因为我正在使用 CSS 制作当前页面:
#trips.trips, #offers.offers { css for "current page" button }
知道吗?:)
试试这个,你需要在trips.php
中添加这个
<?php
$bodyID = 'trips'; // default value
// when `offer` GET is set
if(isset($_GET['offer']) && trim($_GET['offer']) == 'true'){
$bodyID = 'offers';
}
?>
<body id="<?php print $bodyID; ?>">
您还可以在
body
标记中添加脚本,这将设置所需的 id。
<script>
document.body.id = location.href.split('?')[1].contains('offer=true');
</script>
如果你已经在使用 PHP,你可以确定 offer 的 GET 变量是否设置为 true,并相应地设置一个 id 变量:
if(isset($_GET['offer'])) { # If the GET variable is set
if($_GET['offer'] == "true") { # If the GET variable is equal to true
$id = "offers"; # Set our ID equal to offers
}
}
else { # If the GET variable is not set
$id = "trips"; # Set our ID equal to trips
}
然后,您将拥有以下内容的 HTML:
<body id="<?php if(isset($id)) { print $id; } ?>">
相关文章:
- 根据select选项元素将表单重定向到不同的URL
- Javascript获取元素背景图像,但消除了“;url()”;
- 根据选择选项元素将表单重定向到不同的URL,并在电子邮件中获取表单详细信息
- 根据select option元素将表单重定向到不同的URL,但重定向后未选中
- jQuery检查URL,然后显示和隐藏元素
- 在鼠标悬停/取消悬停父元素时,更改子图像的url哈希
- JSF元素在外部上下文中加载了相对url
- Javascript数据将元素属性绑定到URL中的锚href
- 如何为同一页面上的两个可点击元素提供不同的URL
- 根据URL更改更改DOM元素类名
- 删除在单击其他选项卡时生成的url查询元素的一部分
- 我的Javascript没有'当我把一个脚本元素放在头上从URL加载它时,它不起作用
- 如何获取去除不需要的字符的url的最后一个元素
- 将 URL 更改为页面上单击的元素,而无需重新加载页面
- 使用 javascript/jquery 点击 DOM 元素后更改地址栏中的 URL
- 在 javascript 中替换 URL 中的两个元素
- 在事件发生时获取元素位置的当前页面 URL,并将该 URL 输出到另一个页面上
- 在 URL 元素后附加文本
- 使用javascript在html中制作一个随机的图像/文本/url元素
- 如果IMG SRC中存在URL元素