如果我有一个静态HTML主页,有没有一种方法可以嵌入一些Javascript来查看我是否在主页上?我想要做的是如果用户不在主页上,在导航栏上显示"主页"按钮.所以,一旦我知道他是否在主页上,我就可以使用if-else语句.不熟悉如何在Javascript中执行此操作.我会在PHP中执行此操作,但由于项目的限制,我不允许使用PHP.此站点是纯HTML页面.
我需要Javascript来检测页面的原因是因为所有页面(包括主页)都是相同的模板(同样,不是我的决定).如果不是这样,我可以为每个页面创建一个模板,但主页.所以这让我遇到了问题.
我目前的想法是使用这样的东西:
<script type="text/javascript">
var sPath = window.location.pathname;
var sPage = sPath.substring(sPath.lastIndexOf('/') + 1);
if(sPage != "index.html"){
$turnonhomelink=true;
}
else{
$turnonhomelink=false;
}
</script>
Run Code Online (Sandbox Code Playgroud)
然后是链接:
<script type="text/javascript">
if ($turnonhomelink==true){
echo '<li><a href="#">Home</a></li>';
}
else{
//echo nada
}
</script>
Run Code Online (Sandbox Code Playgroud)
除了正常情况"如果Javascript没有开启,这将无效",有什么我想念的吗?
我最关心的一点是:if(sPage != "index.html")
重要的是要注意这个站点只有一层深度链接(一个目录中的所有HTML页面),但这是在Javascript中比较字符串的正确方法吗?
我希望我的"newsbox"div在页面加载时从页面底部向上滑动到页脚上方(稍微延迟)然后如果用户点击"newsClose",我希望DIV向下滑动.尝试了一些但没有成功(对js没有任何了解) - 感谢您的帮助
JSFiddle:http://jsfiddle.net/7whAs/
JS
$(document).ready(function() {
jQuery('#newsbox').delay(2000).slideDown();
jQuery(function() {
jQuery('.newsClose').click(function (e) {
e.preventDefault();
jQuery('#newsbox').slideUp();
});
});
Run Code Online (Sandbox Code Playgroud)
HTML
<div id="newsbox">
<div class="news-text">
<p>Blablablablabla blablabla blablabla <a href="index.html">Blabla blabla</a></p>
</div>
<div class="news-close">
<a href="#" class="newsClose">Close X</a></div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
CSS
#newsbox {
background-color: #CCC;
display:none;
width: 750px;
z-index: 10000;
float: left;
position: fixed;
bottom: 45px;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
}
.news-text {
float: left;
width: 600px;
}
.news-text p {
color: #666666;
font-family: Arial, Helvetica, …Run Code Online (Sandbox Code Playgroud) 我有一个页面,让我们说第2页,填写了几个<section>:
<section class="box special" id="section1">
//
</section>
<section class="box special" id="section2">
//
</section>
<section class="box special" id="section3">
//
</section>
<section class="box special" id="section4" style="background:#3399ff;">
//
</section>
Run Code Online (Sandbox Code Playgroud)
然后我有另一页,page1,我想在其中放置一个锚链接
<ul class="actions">
<li><a href="page2.php" class="button">Link to page2</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)
我想要实现的是设置这个锚点链接,以便在第2页中找到特定<section>的,而不仅仅是在第2页的顶部.那可能吗?如果是这样,怎么样?
我是codeigniter的新手.
我正在尝试打印所需的表单数据.
我想要一堆数据,但我无法获取它.
在这里我得到单个数据.我想要整个数据.
我试过以下代码.
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class Ticket extends CI_Controller {
public function insert_ticket()
{
echo $title = $this->input->post("title");//getting single data
print_r($this->input->post);exit;//This one is not working.
}
}
Run Code Online (Sandbox Code Playgroud)
谢谢.任何建议?
我正在使用可折叠的jQuery选项卡 - http://jqueryui.com/tabs/#collapsible - 并且想知道如何在页面加载时折叠所有选项卡,然后在鼠标单击时激活选项卡?
谢谢.
我有一个表格,其中包含一个带有图标的列。我希望默认情况下隐藏图标,并且只在悬停时出现。
HTML代码:
<table class="table table-hover">
<tr>
<th>From</th>
<th>To</th>
<th>Connecting Airport</th>
<th>Comment</th>
<th>Report</th>
</tr>
<tr>
<td>JFK</td>
<td>CPH</td>
<td>ARN</td>
<td>N/A</td>
<td><i class="fa fa-exclamation-triangle" title="Report outdated information" style="color:#da5450;"></i></td>
</tr>
<tr>
<td>SFO</td>
<td>EWR</td>
<td>ORD</td>
<td>N/A</td>
<td><i class="fa fa-exclamation-triangle" title="Report outdated information" style="color:#da5450;"></i></td>
</tr>
</table>
Run Code Online (Sandbox Code Playgroud)
最小工作示例: