小编yun*_*zen的帖子

我正在试图找出我不熟悉的软件是如何工作的.有一个Adobe Flex页面,可以在240*120的帧中显示来自摄像机的流式视频.如果双击视频帧,您将获得一个新帧,其中显示的视频大小为480*240.

问题是:较小的帧240*120仅显示大视频帧中显示的左上部分,其显示完整的视频图像.细节是一样的.

我想要实现的是整个视频也显示在较小的帧中.

如果我在软件中搜索大小240和120,我会到达一个包含以下css片段的jsp:

.video {
   height = "120", width = "240"
}

我替换了那个css片段

.video {
   height = "100%", width = "100%"
}

但这没有任何区别.

有人有线索吗？

提前致谢!

*******Post scriptum:*******

@Lars:我在周末从头顶写了我的问题.你建议我已经实施了什么.但是我发现我把它应用到了错误的jsp中.我通过查看浏览器中的源代码验证了以下内容:

#intercomIframe {
    position:absolute;
    width:100%;
    height:100%;
    right:60;
    bottom:75;
    z-index:5"  
}

原始值是:

 #intercomIframe {
    position:absolute;
    width:165px;
    height:128px;
    right:60;
    bottom:75;
    z-index:5"  
}

如果我双击视频,我会进入弹性屏幕(扩展名.mxml),同时显示相同的视频.该视图的部分责任代码:

<components:FilterBar 
  id="filterBar" 
  visible="{enableFiltering}"
>
  <system:VideoSourceControlBox 
    id="videoSourceControl" 
    stationId="{station.id}" 
    autoSelect="true" 
    startSource="showVideo(true)" 
    stopSource="showVideo(false)" 
  />
</components:FilterBar>

<mx:Box 
  width="100%" height="100%" 
  backgroundColor="#e7ebf1" 
  paddingTop="15" paddingBottom="15" 
  paddingRight="15"paddingLeft="15"
>
  <mx:VBox 
    width="100%" height="100%" minHeight="0"
    cornerRadius="8"
    paddingTop="15" paddingBottom="15"
    paddingRight="15" paddingLeft="15"
    borderThickness="1" …

我有这个MySQL

DELETE FROM sys_log 
WHERE sys_log.tstamp < UNIX_TIMESTAMP(ADDDATE(NOW(), INTERVAL -2 MONTH)) 
ORDER BY sys_log.tstamp ASC 
LIMIT 10000

如果我是cronjob,这对于保持sys_log小是否有用？

似乎某些版本的默认android浏览器存在渲染问题.如果我创建一个页面,我有一些输入字段和一个按钮,当我禁用其他输入字段时,该按钮显示为灰色(除非这是在页面加载时完成的,你必须点击/缩放一点到让浏览器重新渲染).

有趣的是,它不会将禁用的STYLE应用于按钮,而只是将其灰显.这是一个例子.

链接到编辑器jsfiddle
链接到嵌入式jsfiddle

CSS:

ul { list-style-type:none; }

.xxx {
    background: blue;
    color: white;
}

.xxx:disabled { background-color: red; }

HTML:

<div id="root">
    <ul>
        <li>
            <input name="x" id="enable" class="x" type="radio">Enable</input>
        </li>
        <li>            
            <input name="x" id="disable" class="x" type="radio">Disable</input>
        </li>            
    </ul>
    <input type="button" class="xxx" value="Button"></input>
</div>

JS:

$(function() {
    $('.x:eq(0)').prop('disabled', true);
});

注意事项:

• 该按钮未被禁用.点击它,它会暂时变为灰色.
• 按钮的禁用状态有一种样式,将其背景颜色设置为红色(如果禁用该按钮,您将看到此工作),但该示例中的按钮不显示为红色,因此它甚至不仅仅呈现禁用的样式.它似乎主要是将不透明度设置为较低的值
• 在单选按钮之前的按钮不会受到影响.http://jsfiddle.net/YVFVZ/4/

任何想法如何解决这个问题？

我有一个容器里面有一个列表.可以拖动列表项,使用鼠标移动.

容器可滚动,具有:

overflow-y: scroll;

通过设置此属性,Chrome会自动将该overflow-x属性设置为"自动".如果我设置overflow-x: visible它将被Chrome忽略.如果我设置,overflow-x: hidden那么显然该项目被裁剪.

当我将列表项拖到容器的左边或顶边之外时,它会被裁剪到容器的边缘.如果我将其拖出右边或底边,容器会滚动以容纳它.我希望该项能够在没有被裁剪的情况下拖动到容器外部,并且不会触发滚动.

鉴于容器必须设置为overflow-y: scroll并且这反过来迫使Chrome设置overflow-x: auto,有什么方法可以实现这一点,还是不可能？

Codepen:http://codepen.io/Pedr/pen/azLWeY

注意:我知道我可以通过使用填充来抵消容器(以便容器的限制实际上超出其可视边缘)来破解这一点,但在我的情况下这不是一个选项.

$(function() {
  $('.Wrapper').mousemove(function(event){
    $('.Item').offset({left: event.pageX, top: event.pageY});
  });
})

html,
body {
  height: 100%;
}

.Wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
}

.Container {
  background: grey;
  position: absolute;
  width: 50%;
  left: 25%;
  min-height: 100%;
  overflow-y: scroll;
  overflow-x: hidden; // Clips Item
  // If left at auto it will clip the item on …

我在页面中有一个元素,使用TOP和LEFT css样式绝对定位.当它位于左侧或顶部区域的负位置时,没有问题.但是,当元素放置在大于窗口内部宽度的左侧位置时,将出现滚动条.

有没有办法以某种方式阻止这个元素这样做？我不能设置溢出:隐藏; 到我的身体元素,因为这将破坏我的布局.例如,一个像overflow-parent:none;很好的财产(但不幸的是不存在)

我想在我的网站上播放视频.它致力于生产.在域名播放器上发布网站后不播放视频.相反,它在媒体播放器栏上显示消息,如"准备连接","正在连接..."和"就绪",显示黑屏.

这是我的视频代码.

<SPAN id="music1"> 
<OBJECT  style="width:560px; height:300px" id=mediaPlayer
codeBase=http://activex.microsoft.com/activex/controls/mplayer/
en/nsmp2inf.cab#Version=5,1,52,701 type=application/x-oleobject
standby="Loading Microsoft Windows Media Player components..."
style="margin-left: 0px" classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95>
<embed type="application/x-mplayer2" pluginspage="http://microsoft.com/windows
/mediaplayer/en/download/" bgcolor="darkblue" showcontrols="true" 
showpositioncontrols="true" showstatusbar="tue" showgotobar="true"
src="videos/1.wmv" autostart="true" designtimesp="5311"
loop="true" height="600" width="470">
</OBJECT></SPAN>

请让我知道,我做错了什么,或者它的域名问题？提前致谢

我正在做一个项目并遇到了一个路障.在Chrome中,它可以按预期工作,但不适用于Firefox和IE.下面的代码实际上只是真实项目代码的一个非常简化的版本.基本上我正在尝试替换每组svg中的圆圈.所以我从预编码的圆开始,然后删除并将innerHTML设置为具有新位置和半径的新圆.有必要删除现有的圈子,因为在最终版本中我将要完全替换内容.我意识到innerHTML将替换内容,但我在循环中运行它,因此我最终需要在清除它之后+ =到圆圈的末尾.

我知道可能不是一个好的解释......

要求是它清除id ="whateverIWant"的组的子节点,因为有多个组,然后重新定义子节点.组中可以有多个子圆,每次迭代或刷新,最后一次可能有不同数量的子圆.

很多试验和错误让我达到了这一点,但是可能有更好的方法来清除孩子并重新创建它们.请记住,新孩子的属性可以改变,而在生产中我可能会处理数百名这些孩子.我还将子集合作为字符串存储在数组中,然后再添加它们以用于其他处理.

<svg viewBox="0 0 640 480" height="480" width="640" style="background-color:white" version="1.1">
    <g id="redC" stroke="none" fill="red" fill-opacity="0.1">
        <circle cx="100" cy="450" r="50" />
        <circle cx="100" cy="50" r="50" />
    </g>
    <g id="greenC" stroke="none" fill="green" fill-opacity="0.1">
        <circle cx="150" cy="350" r="50" />
    </g>
    <g id="blueC" stroke="none" fill="blue" fill-opacity="0.1">
        <circle cx="100" cy="350" r="50" />
    </g>
</svg>

$(document).ready(function(){
    document.getElementById("redC").innerHTML = "";
    for(var i=1;i<5;i++){
        var num = (i*10).toString();
        document.getElementById("redC").innerHTML += "<circle cx='300' cy='50' r="+num+" />";
    }
});

任何建议都非常感谢.

我是angularJS的新手,对缓存等有疑问.

我有一个包含两个步骤的向导,我希望能够单击返回和下一步,并且表单仍然填写为用户拥有它们.

在我的page1Partial我有这个:

<li ng-repeat="pick in picks | orderBy:orderProperty">
<b><span ng-bind="pick.name"/></b>
<input type="checkbox" ng-model="pick.checked" ng-click="updateBasket(pick)">
</li>

当我转到下一页,然后单击后面的复选框被清除,因为我再次调用我的RESful调用java服务.如何缓存此响应？

从我的控制器,每次都会访问我的REST Web服务.

$scope.picks = Pick.query();

我的服务

angular.module('picksService', ['ngResource']).
    factory('Pick', function ($resource) {
        return $resource('rest/picks/:id', {}, {
            'save': {method: 'PUT'}
        });
    });

是否可以使具有多行内容的浮动元素占用最小宽度？

没有设置宽度的浮动元素只要其内容只有一行就会占用最少的宽度.如果它不止一行,则元素的宽度为100%.

我的HTML

<div class="wrap">
    <div class="floater"> <a class="left" href="#">
            <span class="right">Right<br>Right<br>Right</span>
            <span class="inner">Left: longword longerword evenlongerword longerword evenlongerword longword.
            </span>
        </a>
    </div>
</div>

我的CSS

.wrap {
    width: 350px;
    border: 1px solid gold;
}
.floater {
    overflow: hidden;
    padding: 10px;
}
.left {
    float: left;
    border: 1px solid silver;
    padding: 5px;
}
.right {
    float:right;
    margin: 0 10px;
    border: 1px solid green;
    padding: 5px;
}
.inner {
    border: 1px solid red;
    display: block;
    overflow: hidden;
    padding: 5px;
}

我的小提琴

http://jsfiddle.net/HerrSerker/qBfbc/ …

我all: unset取消所有继承属性，但允许用户代理样式表。我该怎么做？正如您在代码中看到的那样，它禁用了所有样式，甚至禁用了用户代理样式表。如何防止禁用用户代理样式表？

h1, h2 {
    color: red;
    font-size: 24px;
    font-weight: bold;
}
.editor_data * {
    all: unset;
}

<div class="main_block">
    <h2>Should be red</h2>
    <div class="editor_data">
    <h1><u><em><strong>Should be underlined, bold, italics, but not red</strong></em></u></h1>
    </div>
</div>