小编Ban*_*nny的帖子

在为我的网站创建导航栏的同时,我决定将活动页面选项卡以粗体显示以用于可用性目的,但是当我更改font-weight元素时它只会略微使元素变宽,我使用悬停效果制作的示例代替演示了我问题,我从来都不知道解决它的方法..

http://jsfiddle.net/amx7E/

HTML

<ul id="mainNav">
    <li class="navItem">
        <a class="navLink" id="activeLink">Link 1</a>
    </li>

    <li class="navItem">
        <a class="navLink">Link 2</a>
    </li>

    <li class="navItem">
        <a class="navLink">Link 3</a>
    </li>
</ul>

CSS

* {
    font-family: Arial;
    font-size: 14px;
    list-style: none;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

#mainNav {
    background: RGB(200, 230, 240);
    border-bottom: 1px solid RGB(0, 0, 0);
    height: 30px;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

.navItem {
    display: block;
    float: left;
    position: relative;
}

.navItem:last-child .navLink {
    border-right: 1px solid …

我已经开始在一个全新的网站上工作,我已经玩了一段时间的设计,但我似乎遇到的一个问题是关于定位导航栏的全屏宽度固定为滚动.在下面,我创建了一个div名为"包装器",设置为宽度为中心980px.下面是代码示例;

<style>
    #navBar {
        background: RGB(0, 0, 0);
        height: 30px;
        position: fixed;
        width: 100%;
    }

    #wrapper {
        margin: 0 auto;
        width: 980px;
    }
</style>

<div id="navBar">

</div>

<div id="wrapper">
    <div style="border: 1px solid RGB(0, 0, 0); float: left; height: 500px; margin: 5px; width: 400px;"></div>
</div>

我在"包装器"中创建的盒子应该(显然不是因为我做错了什么 - 在某处)坐在它5px下面navBar,但是因为我已经使用position: fixed它而是在它下面.可能有人会导致我我该怎么解决这个问题,有它,这样包装直接坐在下面,而不是导航栏,同时保持它的中心之下？

我目前正在尝试创建一个页面,乐队可以将自己的徽标上传到网站上,以便在需要的地方使用.目前,我创建了一些允许用户上传/删除徽标到分配目录的东西.但我想要做的不是创建一个band_logo字段,而是让乐队徽标文件名成为数据库中乐队的id.由于这是独一无二的,这意味着我没有冗长的创建字段来保存其徽标名称的过程.我知道有一个cffile action="rename"选择,但这是一个更冗长的做事过程.

登录到他们的帐户后,每个用户都将他们的登录日期和时间存储到数据库中.然而,我想要做的是计算天数(或者最好在超过一个月的情况下转换成月份),这样如果用户查看他们的个人资料,他们就可以看到乐队的活跃程度.此外,这可以使我在使活动配置文件成为网站上内容议程的首要位置方面受益,这样它就不会因填充主页内容的非活动用户内容而变得陈旧.

我正在使用ColdFusion,所以我正在寻找一种方法来查找例如多少天前#lastLogin#来自#now()#.因此,如果上次登录的日期是23/04/2013,今天的日期是29/04/2013,则会显示"Last Active,1天前".但是,如果最后一次登录是23/03/2013,则会显示"Last Active,1个月前".

有人知道怎么做吗？谢谢.

PS我目前没有测试这个的代码,因为我不知道从哪里开始实现这一点.

我一直在尝试通过使用正则表达式来确定数量字段,以确定该值是否包含任何非数字字符,但由于某种原因(即使我已经直接复制了某些人进行测试)它没有工作.这是我的代码.

HTML

<input type="text" id="quanText" maxlength="2" value="0"></input>

jQuery的

$("#quanText").keyup(function(){
    $(this).val().replace(/[^\d\.]/g, '');
});

http://jsfiddle.net/PNaJt/

编辑 我也知道它不起作用,因为我试过.replace(/.*/, '');,只要我键入该字段应该是空白.

我目前正在尝试创建一个<select>下拉列表,该列表将<option>根据URL变量(或默认值)选择选择的列表.但是,我不希望我的选项列表看起来像;

name_az,name_za,最新,最古老

因为这不是非常用户友好,但我也不想在我的代码中使用这些;

名称AZ(默认),名称ZA,最新乐队,最旧乐队

因为很明显,这为我自己做了更多的工作.

我可以手动创建每个选项列表,并<cfif>检查每组选项以选择所需的选项.但是,正如任何设计人员所知,当您创建循环列表并简单地向该列表添加两个值时,这会产生许多额外的,不必要的工作.

以下是我目前的代码;

<select>
    <cfset sortlist = "name_az|Name A-Z (Default),name_za|Name Z-A,newest|Newest Bands,oldest|Oldest Bands">
    <cfoutput>
        <cfloop list="#sortlist#" delimiters="," index="sortpair">
            <cfloop list="#sortpair#" delimiters="|" index="sortphrase">
                <option value="#sortphrase#">#sortphrase#</option>
            </cfloop>
        </cfloop>
    </cfoutput>
</select>

我希望它返回这个:

<select>
    <option value="name_az">Name A-Z (Default)</option>
    <option value="name_za">Name Z-A</option>
    <option value="newest">Newest Bands</option>
    <option value="oldest">Oldest Bands</option>
</select>

但是,显然我要求它返回sortphrase列出的任何地方,所以它将返回如下:

<select>
    <option value="name_az">name_az</option>
    <option value="Name A-Z (Default)">Name A-Z (Default)</option>
    <option value="name_za">name_za</option>
    <option value="Name Z-A">Name Z-A</option>
    etc..
</select>

有没有办法可以创建一个<cfloop>我可以x …

我正在尝试通过从浏览器中移动到单独的弹出窗口来改进我为我的网站创建的音乐播放器,我创建/操纵了我发现的代码,使jQuery获取href值并将其发送到一个新窗口,只有在点击<a>标签时才会发出问题,它会执行href click和jQuery操作(就像它一样).我正在尝试找到一种有效的方法,以便在用户禁用JavaScript时,他们至少可以在新标签中使用音乐播放器,而不是根本不能听,但我不确定如何要解决这个问题.将元素href设置为var,然后删除href属性工作？或者这会导致错误吗？

示例HTML:

<a href="this_page.cfm?song=1" target="_blank" class="playSong" id="#artist# - #song#">Play Track</a>

示例jQuery:

<script type="text/javascript">
    $(document).ready(function(){
        $(".playSong").click(function(){
            var url = $(this).attr('href');
            var windowName = $(this).attr('id');

            window.open(url, windowName, "height=300,width=400");
        });
    });
</script>