小编Mur*_*976的帖子

防止颜色数据的神秘字符串到数字的转换

HTML:

<form method="post" action="">
        <select name="fancySelect" class="makeMeFancy">
            <option value="0" selected="selected" data-skip="1">Email Color Scheme</option>
            <option value="81" data-color1="993300" data-color2="000000" data-html-text="Brown on Black">Brown on Black</option>
            <option value="77" data-color1="663366" data-color2="000000" data-html-text="Purple on Black">Purple on Black</option>
            <option value="129" data-color1="00ccff" data-color2="000000" data-html-text="Teal on Black">Teal on Black</option>
            <option value="75" data-color1="666666" data-color2="000000" data-html-text="Dark Gray on Black">Dark Gray on Black</option>
            <option value="85" data-color1="999999" data-color2="000000" data-html-text="Gray on Black">Gray on Black</option>
            <option value="81" data-color1="993300" data-color2="000000" data-html-text="Brown on Black">Brown on Black</option>
            <option value="77" data-color1="663366" data-color2="000000" data-html-text="Purple on Black">Purple on Black</option>
            <option value="129" …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery css3

3
推荐指数
1
解决办法
124
查看次数

Bootstrap 表单向导 - 在步骤验证之前阻止进度

我正在使用http://vadimg.com/twitter-bootstrap-wizard-example/到目前为止,还不错。

由于我在此表单中使用了 Step Validation,因此我想防止用户在未验证它们的情况下继续执行这些步骤。这对于向导底部的 PREVIOUS 和 NEXT 按钮很好,但对于顶部的 TABS 则不然,它们一直处于活动状态。

我知道 onTabClick 和 onTabShow 方法,但我不清楚如何检查已完成的步骤或未完成的步骤。

forms jquery wizard twitter-bootstrap

3
推荐指数
1
解决办法
1万
查看次数

jQuery或Javascript将所有按钮设置为最宽按钮的宽度

我的客户想为我写的代码条子,jQuery的首选,这将设置所有链接到最广泛的链接的宽度相同.这是HTML:

<div>
<h1>HEADER</h1>
<p style="text-align: right;" class="floatRight"><a href="#" class="small-button eLength"><span>BUTTON 1</span></a></p>
<p style="text-align: right;" class="floatRight"><a href="#" class="small-button eLength"><span>BUTTON 2</span></a></p>
<p style="text-align: right;" class="floatRight"><a href="#" class="small-button eLength"><span>BUTTON LONGEST</span></a></p>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS将所有三个按钮设置为最小宽度180px.我正在寻找这一切,以取决于课程:eLength

html javascript css jquery

2
推荐指数
1
解决办法
518
查看次数

Current_timestamp - > PHP Date()

我在一个标记为"timestamp"的数据库中有一个字段,它记录了current_timestamp.

我需要编写什么PHP代码才能使current_timestamp(YYYY-MM-DD HH:MM:SS)显示为更友好的读者,即(2012年4月30日下午3:45)

php mysql timestamp

1
推荐指数
2
解决办法
3万
查看次数

样式化HTML5范围栏 - 拇指左侧| 拇指权利

我在我的html5视频播放器中使用范围滑块作为视频搜索栏,我想知道是否有办法,不使用jQuery或jQuery UI来设置输入范围栏的样式,以便将背景设置为左侧的拇指是一种颜色,但右边是另一种颜色.

想象一下你在YouTube视频播放器上看到的内容,视频搜索栏的未播放部分是深灰色,但已播放的部分是红色.我想重新创建它,即使我必须使用两个空div,然后使用滑块通过javascript控制宽度百分比...

但我希望有一个更稳定的内置解决方案.

UPDATE

我创建了一个简单的函数,应该在后台更新css3渐变,但它似乎没有更新.我在函数中的警报确实如何工作,但由于某种原因,我通过函数的值不是设置渐变停止.

HTML:

<input id="seekslider" type="range" min="0" max="100" value="0" step="1" onchange="updateStyle(value)">
Run Code Online (Sandbox Code Playgroud)

JS:

seekslider = document.getElementById("seekslider");

function updateStyle(v){
    c = 100 - v;
    seekslider.style.background = "-moz-linear-gradient(left,  #ed1e24 0%, #ed1e24 "+ v +"%, #191919 "+ c +"%, #191919 100%)";
    seekslider.style.background = "-webkit-gradient(linear, left top, right top, color-stop(0%,#ed1e24), color-stop("+ v +"%,#ed1e24), color-stop("+ c +"%,#191919), color-stop(100%,#191919))";
    seekslider.style.background = "-webkit-linear-gradient(left,  #ed1e24 0%,#ed1e24 "+ v +"%,#191919 "+ c +"%,#191919 100%)";
    seekslider.style.background = "-o-linear-gradient(left,  #ed1e24 0%,#ed1e24 "+ v +"%,#191919 "+ c …
Run Code Online (Sandbox Code Playgroud)

html javascript css html5

-1
推荐指数
1
解决办法
2372
查看次数

标签 统计

css ×3

html ×3

javascript ×3

jquery ×3

css3 ×1

forms ×1

html5 ×1

mysql ×1

php ×1

timestamp ×1

twitter-bootstrap ×1

wizard ×1