小编Sas*_*wat的帖子

使用CSS使div可垂直滚动

这个

<div id="" style="overflow:scroll; height:400px;">
Run Code Online (Sandbox Code Playgroud)

给出一个div用户可以水平和垂直滚动.如何更改它以使div 只能垂直滚动?

html css

527
推荐指数
7
解决办法
104万
查看次数

在JavaScript中设置DIV宽度和高度

我有一个divid="div_register".我想width在JavaScript中动态设置它.

我使用以下代码:

getElementById('div_register').style.width=500;
Run Code Online (Sandbox Code Playgroud)

但是这行代码不起作用.

我也尝试使用如下的单位px,仍然没有运气:

getElementById('div_register').style.width='500px';
Run Code Online (Sandbox Code Playgroud)

getElementById('div_register').style.width='500';
Run Code Online (Sandbox Code Playgroud)

getElementById('div_register').style.width=500px;
Run Code Online (Sandbox Code Playgroud)

但是这些代码都不适用于我.

我不知道出了什么问题.

我正在使用Mozilla Firefox.

编辑

<html>
    <head>
        <title>Untitled</title>
        <script>
            function show_update_profile() {
                document.getElementById('black_fade').style.display='block';
                //document.getElementById.('div_register').style.left=((window.innerWidth)-500)/20;
                document.getElementById('div_register').style.height= "500px";
                document.getElementById('div_register').style.width= '500px';
                //alert('kutta');
                  document.getElementById('div_register').style.display='block';
                document.getElementById('register_flag').value= 1;
                document.getElementById('physical_flag').value= 0;
                document.getElementById('cultural_flag').value= 0;
                document.getElementById('professional_flag').value= 0;
                document.getElementById('lifestyle_flag').value= 0;
                document.getElementById('hobby_flag').value= 0;
                //alert(window.innerWidth);
            }
        </script>
        <style>
            .white_content {
                display:none;
            }
        </style>
    </head>
    <body>
        <div id="main">
            <input type="button" onclick="javascript:show_update_profile();" id="show" name="show" value="show"/>
        </div>
        <div id="div_register">
            <table cellpadding="0" cellspacing="0" border="0">
                <tr>
                    <td>
                      welcome 
                    </td> …
Run Code Online (Sandbox Code Playgroud)

javascript

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

纯净的CSS星形

CSS Tricks上显示了很多CSS形状.我对这位明星特别感到惊讶:

明星形象

下面的CSS如何创建这个形状?

#star-five {
  margin: 50px 0;
  position: relative;
  display: block;
  color: red;
  width: 0px;
  height: 0px;
  border-right: 100px solid transparent;
  border-bottom: 70px solid red;
  border-left: 100px solid transparent;
  transform: rotate(35deg);
}
#star-five:before {
  border-bottom: 80px solid red;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -45px;
  left: -65px;
  display: block;
  content: '';
  transform: rotate(-35deg);
}
#star-five:after {
  position: absolute;
  display: block;
  color: red;
  top: 3px;
  left: -105px;
  width: 0px;
  height: …
Run Code Online (Sandbox Code Playgroud)

css css-shapes

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

如何登录Sandbox Paypal帐户?

Paypal最近改变了他们在developers.paypal中的用户界面,因此,我无法找到我可以登录到旧SANDBOX帐户的地方.

在新的developer.paypal.com中,在" 应用程序"选项卡上,我选择了沙盒帐户,

在以下链接中,

https://developer.paypal.com/webapps/developer/applications/accounts

我得到一个按钮" 用paypal登录 ".但是当我尝试登录时,即使我的电子邮件和密码完全正确,它也会显示" 无效的电子邮件 " 消息.

paypal-sandbox

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

如何在Codeigniter Active Records中使用'DISTINCT'?

我有一个使用活动记录的查询.

$this->db->select('reg.users_id,reg.registration_id,reg.device_type');
$this->db->join('users as usr','usr.users_id = reg.users_id','left');
$this->db->where('usr.users_status',1);
$this->db->where('reg.users_id',91);
$query = $this->db->get('users_gcm_registration as reg');
Run Code Online (Sandbox Code Playgroud)

我想要取DISTINCT(registration_id).

我怎样才能做到这一点?

php activerecord codeigniter-2

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

如何制作圆形div?

我想创建一个背景色为红色且形状完全呈圆形的div

我怎样才能做到这一点?

可以使用Css或jquery

css css-shapes

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

动态选择插件下拉列表中的CSS对齐问题

示例小提琴

我已经使用Chosen插件进行多下拉菜单.

在初始页面上,dropdown已经在html视图中添加了a chosen.

然后,如果我们点击" add mitigator",新的下拉列表就会被添加.

现在这个功能是这样的:

  • 每个下拉列表都有1到14个选项

  • 如果我从下拉列表1中选择一个选项(比如2),则其他两个下拉列表将从其选项菜单中取消选择(禁用).

问题围绕着div下拉列表所在的CSS问题.

产生问题:

  • 访问小提琴链接.

  • 单击" add mitigator"链接以添加两个下拉列表.

  • dropdown 2,逐个选择所有选项,您将看到dropdown2扩展和隐藏在后面dropdown3.但它不会发生dropdown1.

我该如何解决这个问题?

css jquery multi-select jquery-chosen

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

无法关联两个MySQL表(外键)

这是我的USER桌子

CREATE TABLE IF NOT EXISTS `users` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `username` varchar(100) NOT NULL,
  `expiry` varchar(6) NOT NULL,
  `contact_id` int(11) NOT NULL,
  `email` varchar(255) NOT NULL,
  `password` varchar(100) NOT NULL,
  `level` int(3) NOT NULL,
  `active` tinyint(4) NOT NULL DEFAULT '1',
  PRIMARY KEY (`id`,`email`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;

这是我的contact_info表

CREATE TABLE IF NOT EXISTS `contact_info` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `name` varchar(255) NOT NULL,
  `email_address` varchar(255) NOT NULL,
  `company_name` varchar(255) NOT NULL,
  `license_number` …

php mysql

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

如何从年中删除小数点,在谷歌图表 API 中?

我已经在管理面板中实现了谷歌图表 API。一切都成功了,数据在jQuery中成功加载。

这是我的代码:-

google.load("visualization", "1", { packages: ["corechart"] });
google.setOnLoadCallback(drawChart);
 function drawChart() {
    /*--------This code is for Line Chart ----------*/          
    var optionsLine = {
      title: 'User Enrollment Statistics',
      curveType: 'function',
      legend: { position: 'bottom' }
    };          

    $.ajax({
        type: "POST",
        url: "<?php echo base_url();?>ajax-graph-user-join",
        data: {'type':'yearwise','year':'','month':''},
        dataType: "json",
        success: function (data) {
            var dataArr = [];
            for(var i = 0; i < data.length; i++)
            {
                var ar = [data[i].Year, data[i].User];
                dataArr.push(ar);
            }
            console.log(dataArr);
            var dataLine = google.visualization.arrayToDataTable(dataArr);
            var chartLine = new …
Run Code Online (Sandbox Code Playgroud)

jquery charts google-visualization

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

取消选中所有具有相同类的复选框

我有一个脚本来检查所有具有相同类的复选框。

但是,我设置了取消选中所有不起作用的条件。

这是我的代码

function check_all() {
    if ($('#all_check').prop("checked")) {
        $('.chk').prop("checked", "true");
    } else {
        $('.chk').prop("checked", "false");
    }
}
Run Code Online (Sandbox Code Playgroud)

线路$('.chk').prop("checked", "false");有问题,但我找不到。

只有这部分代码不起作用。

jquery

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