小编Lin*_*TED的帖子

如果源不存在,如何显示默认图像

我在myasp.net MVC Web应用程序中有以下代码: -

 <a href="~/Content/uploads/@(item.ID).png"><img class="thumbnailimag" src="~/Content/uploads/@(item.ID).png"  /></a>   @Html.ActionLink(item.Name,"Details","DataCenter", new{id = item.ID},null)
Run Code Online (Sandbox Code Playgroud)

以下CSS:

.thumbnailimag {
    width:30px;
    height:30px;
    border:thin blue;
    background-image:url("/Content/uploads/virtual-data-center.jpg");
}
Run Code Online (Sandbox Code Playgroud)

但如果图像不存在,每个bowser将以不同的方式对待它.我设置了一个背景图像,但仍然在IE上它将在默认图像上显示"X",如下所示: - 在此输入图像描述

如果src不存在,是否有人可以建议显示默认图像?

html css asp.net-mvc

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

字符串和字符数组之间的差异

这些声明如何彼此不同?

String s="MY PROFESSION";
char c[]="MY PROFESSION";
Run Code Online (Sandbox Code Playgroud)

在每种情况下内存分配怎么样?

java

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

CSS3过渡保持重置旋转

我有一个CSS3过渡但在转换结束时我的旋转重置为正常状态.HTML和CSS很简单:

HTML

<a href="#"><span></span>Test</a>
Run Code Online (Sandbox Code Playgroud)

CSS

a {
    text-decoration: none;
}
a span {
    display: inline-block;
    width: 25px;
}
a span:before {
    content:'>';
    font-size: 10px;
    font-weight: bold;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
a:hover span:before {
    margin-left: 55%;
    -webkit-transform: rotate(-90deg);
}
Run Code Online (Sandbox Code Playgroud)

转换按预期进行,但在动画结束时,旋转将重置为正常状态而不是持续存在.我已经创建了一个JSFiddle作为示例.如何保持我的轮换持续?

html css css3

7
推荐指数
1
解决办法
1641
查看次数

如何将高度固定的div高于视口到身体

我知道div的定位(固定,绝对和相对).我可以将一个固定的div附加到身体上,以便在滚动身体时它会粘到相同的位置.我在这里问一个不同的问题.

我有一个高度超过视口高度的侧边栏,我希望它固定在身体上.在滚动主体时,它也应该滚动但是一旦固定div的底部可见,它就不应该与身体一起滚动.

例如,Facebook墙的右侧边栏与身体一起滚动,一旦右侧边栏的底部可见(固定),就会停止与身体一起滚动.

html css jquery html5

7
推荐指数
1
解决办法
7545
查看次数

使用appendchild属性在div中追加元素

我有一个div:

<div id="div1" width="100px" height="100px">

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

现在在这个div中我想放置20个元素,但动态它也可以增长到50个元素(图像).

我使用以下代码将这些元素追加到div中,

var i = document.createElement("img");
var d= document.getElementById("div1");
d.appendchild(i);
Run Code Online (Sandbox Code Playgroud)

现在,问题是,随着元素数量的增加,元素将超出div,如果我在图像上使用max-width和max-height,结果不会改变:

i.setAttribute('max-width', '100%');
i.setAttribute('max-height', '100%');
Run Code Online (Sandbox Code Playgroud)

有什么我想念的吗?

编辑:当div大小固定时,图像需要缩小

html javascript css

7
推荐指数
1
解决办法
160
查看次数

通过API获取YouTube用户的完整播放列表

所以,这是获取youtube用户的公共播放列表的代码:

function getyoutubeplaylists($userName) {
$yt = connectyoutube();
$yt->setMajorProtocolVersion(2);
$playlistListFeed = $yt->getPlaylistListFeed($userName);
foreach ($playlistListFeed as $playlistListEntry) {
    $playlist['title'] = $playlistListEntry->title->text;
    $playlist['id'] = $playlistListEntry->getPlaylistID();
    $playlists[] = $playlist;
    $playlistVideoFeed = $yt->getPlaylistVideoFeed($playlistListEntry->getPlaylistVideoFeedUrl());
    foreach ($playlistVideoFeed as $videoEntry) {
        $playlist_assignment['youtube_id'] = substr($videoEntry->getVideoWatchPageUrl(),31,11);
        $playlist_assignment['id'] = $playlist['id'];
        $playlist_assignments[] = $playlist_assignment;
    }
}
$everything['playlists'] = $playlists;
$everything['playlist_assignments'] = $playlist_assignments;
return $everything;
}
Run Code Online (Sandbox Code Playgroud)

问题是,这只会得到第一页或结果.关于如何使用Zend Gdata检索下一页结果的任何想法?

原始gdata XML显示了所需的URL:

<link rel="self" type="application/atom+xml" href="http://gdata.youtube.com/feeds/api/users/pennstate/playlists?start-index=1&amp;max-results=25"/>
<link rel="next" type="application/atom+xml" href="http://gdata.youtube.com/feeds/api/users/pennstate/playlists?start-index=26&amp;max-results=25"/>
Run Code Online (Sandbox Code Playgroud)

但是,getPlaylistListFeed似乎没有任何参数来指定"start-index"或"max-results".

php youtube gdata-api youtube-api zend-gdata

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

仅为iOS设备添加CSS样式表

如何添加仅适用于iOS移动设备的样式表?

我想运行一个包含flash的网站.显然,flash元素无法在iPhone,iPod和iPad上运行.由于这个事实,我想为这些设备创建一个CSS文件.我主要担心iPad,因为我可以使用@media screen其他两个的尺寸属性.

到目前为止我所拥有的是:

var IS_IPAD = navigator.userAgent.match(/iPad/i)  != null;

if(IS_IPAD)    ({
      url: href,
      dataType: 'css',
      success: function(){                  
            $('<link rel="stylesheet" type="text/css" href="'+css/ipad.css+'" />').appendTo("head");
        }
});
Run Code Online (Sandbox Code Playgroud)

什么不在这里工作?

css jquery ipad

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

Jquery按属性长度选择

使用jquery,是否有一个selector语句直接获取具有特定字符串长度的属性的所有DOM对象?

例如,在下面的html中只检索具有string-length类的节点3 =>得到带有类1和2的div?

<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
Run Code Online (Sandbox Code Playgroud)

jquery attributes string-length

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

如何使侧边栏与内容div具有相同的高度?

代码如下:

(CSS)

#container {
    border:1px dashed #000;
    overflow:hidden;
}
#content, #sidebar {
    float:left;
    width:50%;
}
#content {
    background:yellow;
}

#sidebar {
    background:grey;
}

#sidebar {
    height:100%;
}
Run Code Online (Sandbox Code Playgroud)

(HTML)

<div id="container">
    <div id="content">
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, Lorem ipsum dolor sit amet, consectetuer adipiscing elit</p>
    </div>
    <div id="sidebar">
        <p>Few words</p>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我想看到一个#sidebar高度相同的#contentdiv,就像div一样,是否有可能没有绝对位置?在线版:http://jsfiddle.net/yJbUW/

css height

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

当叠加层也具有不透明度的黑色背景时,黑色不可见

我正在创建一个带按钮的叠加层.

按钮具有黑色背景,覆盖层也具有黑色背景,不透明度为0.6.

我的问题是我看不到按钮的黑色背景.

示例演示在这里.请找到截图.在此输入图像描述

HTML

<section id="s-explore">
    <div class="pagebreak"><span>The Lifestyle</span>  <i class="down">&lt;</i>
    </div>
    <div class="wrapper layout">
        <div class="col">
            <div class="media">
                <img id="d1" src="http://placekitten.com/300/300" />
                <div class="contenthover">                  

                    <p><a href="#" class="mybutton">Lorem ipsum</a>
                    </p>
                </div>
            </div>

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

CSS

.contenthover{
    color:#fff;
}
.mybutton{    
    padding:20px;
    color:#fff;
    background-color:#000;
    margin:10px;
}
Run Code Online (Sandbox Code Playgroud)

jQuery的

 $(function () {
     $(' #d1').contenthover({
         overlay_width: 300,
         overlay_height: 150,
         effect: 'slide',
         slide_direction: 'bottom',
         overlay_x_position: 'center',
         overlay_y_position: 'bottom',
         overlay_background: '#000',
         overlay_opacity: 0.8
     });
 });
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

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

如何调整文本区域中的新行高度

我正在将数据加载到文本区域中。我需要将每个属性放在一个新行上。我遇到的问题是行之间的间距。这

<label>Customer&nbsp;Name:&nbsp;</label>
<textarea>{{currentItem.CustomerName}}
{{currentItem.CustomerAddress}}</textarea>
Run Code Online (Sandbox Code Playgroud)

返回这个:

公司名称

水晶街495号

我需要它具有正常的行距。

公司名称
495 Crystal Street

html css

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

将对象循环到另一个对象/数组中

通过JSON调用,我得到了这个JSON对象:

[
    {
        "feeding_id": 14,
        "supp_name": "Test 1",
        "supp_weight": 20000,
    },
    {
        "feeding_id": 14,
        "supp_name": "Test 2",
        "supp_weight": 1000,
    },
    {
        "feeding_id": 12,
        "supp_name": "Test 1",
        "supp_weight": 4664,
    },
    {
        "feeding_id": 12,
        "supp_name": "Test 2",
        "supp_weight": 2332,
    }
]
Run Code Online (Sandbox Code Playgroud)

我想要实现的是创建一个这样的表:

______________________
| 14 | Test 1 | 20000 |
|    | Test 2 |  1000 |
|____|________|_______|
| 12 | Test 1 |  4664 |
|    | Test 2 |  2332 |
|____|________|_______|
Run Code Online (Sandbox Code Playgroud)

我更像是一个PHP家伙.所以我试图循环Object并将其放入一个新的Object/Array(在PHP中$array[] = array( ... )).但我无法在Javascript/jQuery中完成它. …

javascript arrays jquery json object

0
推荐指数
1
解决办法
68
查看次数

如何基于父元素选择器条件设置多个子元素的样式

样式多个子元素

我在DOM中使用id作为div #parentDiv.这个div有2个元素a <span>和a <div>.

每当我将鼠标悬停在上面时,我想要设置内部跨度和内部div标签的样式#parentDiv.我如何以传统的CSS方式实现这一目标?

约束 - 这可以用传统的css方式完成.

html css

0
推荐指数
1
解决办法
58
查看次数