小编hen*_*ron的帖子

用于大写文本输入的JavaScript代码

我正在使用流行的Firefox扩展Greasemonkey.

我想知道是否有办法以某种形式大写所有文本输入,所以如果我使用jQuery代码看起来像:

$('form#formid input[type=text]').capitalize();
Run Code Online (Sandbox Code Playgroud)

当然,我知道.capitalize()这不是一个有效的函数,为了大写文本,你需要一个复杂的JavaScript代码,但毕竟谷歌搜索,我找不到一个似乎可以在Greasemonkey中实现的.

任何人都可以帮我写这个脚本吗?

通过大写,我的意思是大写每个单词的第一个字母,如CSS text-transform:capitalize;,它必须覆盖用户可能放入的字母,也许在表单提交上更容易...

谢谢.

javascript jquery greasemonkey capitalize capitalization

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

jQuery .replaceWith()替代

我的网站使用jQuery 1.4.2.问题是.replaceWith()在jQuery 1.4.2中的IE6和IE7中不起作用.在jQuery 1.4.2中是否有IE6和IE7支持的替代方法?

小提琴在这里:http://jsfiddle.net/8CEwf/1/

我知道,似乎jQuery没有附加到它,但是如果你看一下HTML,jQuery就在那里,因为jsFiddle没有提供1.4.2版本

HTML:

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<img src="/v/vspfiles/templates/cyberfront/images/buttons/btn_addtocart_small.gif">
<input type="image" src="/v/vspfiles/templates/cyberfront/images/buttons/btn_go_gray.gif">
<img src="/v/vspfiles/templates/cyberfront/images/Bullet_MoreInfo.gif">
Run Code Online (Sandbox Code Playgroud)

脚本:

$(document).ready(function(){
$('img[src="/v/vspfiles/templates/cyberfront/images/buttons/btn_addtocart_small.gif"]').replaceWith('<br /><span id="blackbutton" class="mediumbutton" style="display:block;">Add to Cart</span>');
$('input[src="/v/vspfiles/templates/cyberfront/images/buttons/btn_go_gray.gif"]').replaceWith('<input type="submit" class="graybutton smallbutton" name="Go" alt="Go" value="Go" title="Go">');
$('img[src="/v/vspfiles/templates/cyberfront/images/Bullet_MoreInfo.gif"]').replaceWith('<span class="learnmore">Learn More</span>');
});
Run Code Online (Sandbox Code Playgroud)

jquery replace internet-explorer-7 internet-explorer-6 replacewith

5
推荐指数
1
解决办法
4514
查看次数

Object不支持此属性或方法IE8

我正在使用这个HTML5 grayscialer代码 - http://webdesignerwall.com/demo/html5-grayscale/ 但是,在javascript中,IE8返回错误"对象不支持此属性或方法".有人知道JavaScript有什么问题吗?我很确定这条线路正在导致错误" var ctx = canvas.getContext('2d');"谢谢.

// $(".item img").css({"display":"none");

// On window load. This waits until images have loaded which is essential
$(window).load(function(){

    // Fade in images so there isn't a color "pop" document load and then on window load
    $(".item img").animate({opacity:1},500);

    // clone image
    $('.item img').each(function(){
        var el = $(this);
        el.css({"position":"absolute"}).wrap("<div class='img_wrapper' style='display: inline-block'>").clone().addClass('img_grayscale').css({"position":"absolute","z-index":"998","opacity":"0"}).insertBefore(el).queue(function(){
            var el = $(this);
            el.parent().css({"width":this.width,"height":this.height});
            el.dequeue();
        });
        this.src = grayscale(this.src);
    });

    // Fade image 
    $('.item img').mouseover(function(){
        $(this).parent().find('img:first').stop().animate({opacity:1}, 1000);
    })
    $('.img_grayscale').mouseout(function(){
        $(this).stop().animate({opacity:0}, …
Run Code Online (Sandbox Code Playgroud)

javascript html5 canvas internet-explorer-8

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

底部渐变边框

根据CSS Tricks,以下CSS语法将导致左边框渐变.

.left-to-right {
border-width:3px 0 3px 3px;
-webkit-border-image: 
    -webkit-gradient(linear, 100% 0, 0 0, from(black), to(rgba(0, 0, 0, 0))) 1 100%;
-webkit-border-image: 
    -webkit-linear-gradient(right, black, rgba(0, 0, 0, 0)) 1 100%;
-o-border-image:
         -o-linear-gradient(right, black, rgba(0, 0, 0, 0)) 1 100%;
-moz-border-image:
       -moz-linear-gradient(right, black, rgba(0, 0, 0, 0)) 1 100%;   
}
Run Code Online (Sandbox Code Playgroud)

我正在尝试在元素的底部获得边框渐变.

我尝试改变这个

    border-width:3px 0 3px 3px;
Run Code Online (Sandbox Code Playgroud)

对此

border-width:0 0 3px 0;
Run Code Online (Sandbox Code Playgroud)

这个

border-width:0 3px 3px 3px;
Run Code Online (Sandbox Code Playgroud)

它不起作用,任何人都可以帮助我让底部边界工作吗?

您可能需要WebKit浏览器才能执行此操作.

这将是一个与之合作的小提琴; http://jsfiddle.net/HsTcf/

谢谢.

css gradient css3

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

JavaScript包装解包的纯文本

我的网页上有一些非静态内容,我需要将所有未打开的纯文本包含在带有类的锚元素中,但是,我需要保持该文本的位置.

我在这个网站上搜索并发现这些问题同样问题,除了文本始终在开头或结尾,答案总是在内容之前/后面添加内容<div>.

为了使问题更加复杂,有些情况下内容将只打开纯文本,我也需要将其包装起来.

我的HTML:

<div>
  <a>1</a>
  <a>2</a>
  3
  <a>4</a>
</div>
Run Code Online (Sandbox Code Playgroud)

有时:

<div>
  1
</div>
Run Code Online (Sandbox Code Playgroud)

我已经尝试了这个页面上的所有答案,但他们都重新排序了文本.

有任何想法吗?

javascript jquery dom

4
推荐指数
1
解决办法
1398
查看次数

带SELECT的SQL SELECT倍数

我正在尝试选择SUM同时进行其他选择.我目前的剧本:

SELECT Orders.OrderID,SUM(Trackingnumbers.Shipment_Cost) AS Shipping_Cost
FROM Orders 
INNER JOIN Trackingnumbers
ON Orders.OrderID = TrackingNumbers.OrderID
WHERE Orders.OrderStatus = 'Shipped' AND Orders.ShipDate > (GETDATE()-6) AND Orders.PaymentAmount = Orders.Total_Payment_Received
Group By Orders.OrderID
Run Code Online (Sandbox Code Playgroud)

我想选择更多列,但我不能,因为我使用SUM函数,因此它不起作用,如何将sum函数与其余属性分开,以便CSV文件具有所有列加上SUM Trackingnumber.Shipment_Cost在一栏?

sql select sum

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

使用CSS导入JavaScript文件

是否可以使用CSS导入文件导入JavaScript页面?

@import url(Script.js);
Run Code Online (Sandbox Code Playgroud)

javascript css import

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

延迟链接点击

这是我正在使用的小提琴:http://jsfiddle.net/Scd9b/

如何在点击后延迟href功能?

例如,用户点击链接,消息向下滑动一会儿......在2秒后,用户继续浏览其链接的页面.

对不起,每个人都忘了提到有些锚没有链接.

javascript jquery delay

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

jQuery如果div包含文本,切换按钮

如果div包含一串文本,我试图让一个按钮切换.就像是:

$(document).ready(function(){
$(function() {
if ('$div#trackingnumber:contains('Hello')');') {
    $("dinput#submitam").toggle()});
}
});
Run Code Online (Sandbox Code Playgroud)

有人知道怎么做这个吗?

javascript jquery toggle togglebutton

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

使用SQL创建新列

如何为SQL SELECT查询中的每一行创建一个具有相同值的全新列.

我正在尝试从我的数据库中选择记录,但我需要创建一个包含通用内容的新列,因此对于每个项目,该列将具有相同的值.我们将列测试列和内容内容.谁能告诉我怎么做?我是SQL查询的新手.

sql sql-server select sql-server-2005

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