小编JGa*_*rdo的帖子

视频调整Flash播放器的事件

我是所有这一切的新手,无法弄清楚当调整窗口大小或方向改变时如何调整我用于家庭媒体服务器的Flash播放器的大小.我将播放器大小基于视口的大小.我搜索并尝试了各种版本,但它们不起作用,这很可能是由于我缺乏知识.下面的大部分代码已经完成,我已经评论了我在这里添加的内容以供参考.

链接到示例

viewport.js(由我添加)

var width = $(window).width();
var height = $(window).height();
Run Code Online (Sandbox Code Playgroud)

HTML

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Gizmo play_flash</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
 <script type="text/javascript" src="scripts/jwplayer.js"></script>
<script type="text/javascript" src="jquery/jquery.js"></script>
<script type="text/javascript" src="scripts/viewport.js"></script>
<noscript><meta http-equiv="refresh" content="2; URL=noscript.html"></noscript>
</head>

<body style="margin: 0; padding: 0; background-color: #000000">
<div id="outer">

    <div class="player_wrapper" style="width: 100%; height: 100%; margin:0px auto;">
        <div id="player">
            Loading the video player ...
        </div>
    </div>

    <script type="text/javascript"> …
Run Code Online (Sandbox Code Playgroud)

javascript jquery

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

使用以下方法创建这样的边框:之前和:在CSS中的伪元素之后?

目的

我希望能够创造像一个边界这个在CSS中,可能使用伪元素,然后一个背景图像.

HTML

<div id="footer"></div>
Run Code Online (Sandbox Code Playgroud)

CSS

#footer {
    background: #4b4b4b;
    color: #868686;
    padding: 0;
    position: relative;
    height: 100px;
    width: 900px;
}

#footer:before {
    content: "";
    display: block;
    width: 220px;
    background-color: #e1e1e1;
    height: 8px;
}
Run Code Online (Sandbox Code Playgroud)

css border css3 pseudo-element

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

如何在react的Material-UI选择框中设置默认值?

我正在使用material-ui中的选择框

我想显示默认情况下选中的“选择值”选项,但是之后该用户将无法选择此选项。

<FormControl required className={classes.formControl}>
  <InputLabel htmlFor="circle">Circle</InputLabel>
    <Select
      value={circle}
      onChange={event => handleInput(event, "circle")}
      input={<Input name="circle" id="circle" />}
    >
      <MenuItem value="" disabled>
        <em>select the value</em>
      </MenuItem>

      <MenuItem value={10}>Ten</MenuItem>
      <MenuItem value={20}>Twenty</MenuItem>
      <MenuItem value={30}>Thirty</MenuItem>
    </Select>
  <FormHelperText>Some important helper text</FormHelperText>
</FormControl>
Run Code Online (Sandbox Code Playgroud)

沙箱上的当前代码:https : //codesandbox.io/s/xoylmlj1qp

我想像这样:https : //jsfiddle.net/wc1mxdto/


更新资料

我将状态更改20为空白字符串

form: {
  searchValue: "",
  circle: '',
  searchCriteria: ""
}
Run Code Online (Sandbox Code Playgroud)

现在预期的输出应该是下拉列表,应该显示“ please select value”,但是目前显示 在此处输入图片说明

reactjs material-design material-ui react-redux jss

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

ASP.net中GridView/DetailsView/FormView的主要区别是什么?

GridView,DetailView,FormView有什么相似之处和不同之处?

什么是用例场景,何时使用这些控件以及为什么?

asp.net gridview detailsview

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

为什么空格用于分隔css中的东西

这是wordpress样式表中的一些我不明白的东西:

blockquote cite,
blockquote em,
blockquote i {
font-style: normal;
}
Run Code Online (Sandbox Code Playgroud)

blockquote和cite之间的空间是什么?我知道如果用逗号分隔它们,那么blockquote和cite都会有"font-style:normal;" 现在它们被空格分隔,这是否意味着如果将一个blockquote标签嵌入到一个引用标签中,它将得到"font-style:normal;"?

谢谢.

css css-selectors

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

所有浏览器的边界半径?

我用

-webkit-border-radius: 5px;    
border-radius: 5px; 
-moz-border-radius:5px;
-khtml-border-radius:5px;
Run Code Online (Sandbox Code Playgroud)

对于边界半径,但该代码块无法使用某些浏览器(当然是Internet Explorer).我尝试使用.htc,但我没有成功.

我怎样才能使border-radius所有浏览器都支持它?

css css3

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

如何在网站上播放.amr文件?

我试过下面的代码,但没有工作?有没有人在网站上播放amr文件

<audio id="audio" src="upload/hello2.amr"
       preload="auto" controls muted loop autoplay>
</audio>
Run Code Online (Sandbox Code Playgroud)

任何可以在网上播放amr文件的插件或播放器

html amr web

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

反应:获取自定义复选框的选中属性

我想使用复选框进行一些自定义,如下所示:

在此处输入图片说明

所以我将自定义复选框包装到React组件中:

require('../../less/ck-checkbox.less');
var React = require('react');

var CkCheckbox = React.createClass({
  propTypes: {
    name: React.PropTypes.string,
    text: React.PropTypes.string,
    defaultChecked: React.PropTypes.bool,
    onChange: React.PropTypes.func
  },
  getDefaultProps: function() {
    return {
      name: 'checkbox',
      text: '',
      defaultChecked: false,
      onChange: function () {}
    };
  },
  render: function() {
    return (
      <div className="ck-checkbox">
        <label>
          <input
            type="checkbox"
            name={this.props.name}
            ref="c"
            defaultChecked={this.props.defaultChecked}
            onChange={this.props.onChange.bind(this, this.refs.c.checked)}
          />
            <span className="icons">
              <span className="icon-checked-o icon-true"></span>
              <span className="icon-circle-o icon-false"></span>
            </span>
            {this.props.text.length > 0 ?
              <span className="ck-checkbox-text">{this.props.text}</span> : null
            }
          </label>
        </div>
      );
    }
});

module.exports = …
Run Code Online (Sandbox Code Playgroud)

javascript checkbox reactjs

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

如何使用Rails 4安装Refinery CMS

我之前从未遇到过炼油厂的问题.我按照教程http://railscasts.com/episodes/332-refinery-cms-basics来了解我的知识.然后当我使用Refinery CMS创建一个新的应用程序时,我收到此错误

Bundler could not find compatible versions for gem "actionmailer":
  In Gemfile:
    refinerycms (~> 2.1.0) ruby depends on
      actionmailer (< 3.3, >= 3.1.3) ruby

    rails (= 4.0.0) ruby depends on
      actionmailer (4.0.0)
Run Code Online (Sandbox Code Playgroud)

但是CMS不应该默认这些东西吗?为什么现在只会出现错误?

ruby-on-rails actionmailer refinerycms

5
推荐指数
2
解决办法
6392
查看次数

缺少在GCloud上更新静态ReactJS站点的步骤

有人会认为只是替换与应用程序关联的存储桶中的内容会更新应用程序,但事实并非如此.


我有一个昨天部署的网站.我创建了这个存储桶,然后在命令行中创建了该目录,然后部署了React应用程序

gsutil rsync -r gs://bucket-name ./app-name
Run Code Online (Sandbox Code Playgroud)

然后我进入项目目录并做了

gcloud app deploy
Run Code Online (Sandbox Code Playgroud)

昨天一切正常.但今天我做了更改,进入同一目录,你根本不能再做gcloud app deploy了.我将新的构建文件夹复制到存储桶中.但似乎缺少一步?我运行了与昨天相同的命令,认为rsync可能会将存储桶同步到应用程序,然后我又回到了应用程序并进行了另一次部署.但一切都没有改变.我错过了什么步骤?


此问题与以下内容无关:如何在Google云端存储上快速更新静态网站?

rsync reactjs google-cloud-platform

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