小编pba*_*ris的帖子

我正在尝试制作类似于 stackoverflow 中添加关键字的内容。

我只是被 HTML 部分或 javascript 困住了？

当找到并点击关键字时，如何将其固定在输入字段中？就像在 stackoverflow 中一样，它变成蓝色，旁边有一个删除按钮。

目前，结果显示<input>在新的<div>.

<fieldset>
    <label for="title">Add keyword<label>
    <input class="input" type="text" size="30" onkeyup="searchFunction()" onkeydown="searchFunction()">
</fieldset>

<div id="livesearch"></div>

我只需要将此功能设置为一个月后到期，有人可以告诉我该怎么做吗？

function _saveUserPreference() {
    // Set the cookie expiry to one year after today.
    var expiryDate = new Date();
    expiryDate.setFullYear(expiryDate.getFullYear() + 1);
    document.cookie = cookieName + '=y; expires=' + expiryDate.toGMTString();
}

我有一个订阅的客户.您还可以编辑客户订阅.

当您要编辑订阅时,您可以在不同的选择框中选择不同的选项.当您在第一个选择框中选择一个选项时,其他选择框将填充"属于"您在第一个选择框中选择的选项的数据.

这是我的第一个选择框的html代码:

<select class="form-control input-sm2" ng-model="selectedSupercustomer" ng-options="item as item.namn for item in superkundOptions" ng-change="onChangeSuperCustomer(selectedSupercustomer)">

这是我的angularjs代码,用数据填充选择框:

$http.get($rootScope.appUrl + '/nao/abb/getSuperkundData/' + $rootScope.abbForm).success(function(data) {
    $scope.superkundOptions = data;
});

我只是从我的后端获取数据.

以下是我的其他选择框:

<select class="form-control input-sm2" ng-disabled="!selectedSupercustomer" ng-model="selectedGateway" ng-options="item as item.gwtypen for item in gatewayOptions" ng-change="onChangeGateway(selectedGateway)"><option value=''>Välj GW</option></select>

<select class="form-control input-sm2" ng-disabled="!selectedSupercustomer" ng-model="selectedSwitch" ng-options="item as item.gatuadresser for item in switchOptions" ng-change="onChangeSwitch(selectedSwitch)"><option value=''>Välj switch</option></select>

我使用以下代码更改选择框中的选项:

$scope.onChangeSuperCustomer = function(selectedSupercustomer) {

    $http.get($rootScope.appUrl + '/nao/abb/getGatewayData/' + selectedSupercustomer.nod_id).success(function(data) {
        $scope.gatewayOptions = data;
    });

    $http.get($rootScope.appUrl + '/nao/abb/getSwitchData/' + selectedSupercustomer.superkund_id).success(function(data) {
        $scope.switchOptions …

我想从服务器获取一些数据并用JavaScript将其写入全局数组.然后在文档就绪中我想使用这个数组来创建一些新元素(选项).我应该有这个数据的全局数组,因为在第一次加载客户端后可以使用这个数据修改用户界面.

$(document).ready(function () {
    UseAjaxQueryForFillGlobalArray();
    MakingInterfaceUsingGlobalArray();       
});

但我有奇怪的行为,当我调试页面时,我可以看到MakeInterfaceUsingGlobalArray方法首先工作,刚刚通过AJAX获取数据后,方法UseAjaxQueryForFillGlobalArray,我没有新的接口(html选项)加载数据.

如果我喜欢这样:

UseAjaxQueryForFillGlobalArray();
$(document).ready(function () {     
    MakingInterfaceUsingGlobalArray();       
});

然后在Firefox工作正常,但在第一次加载时其他网络浏览器不正确(例如通过链接转到此页面).但是如果我用F5刷新,我有正确的用户界面,它通过AJAX加载到全局JS数组.

怎么解决？也许我使用完全不正确的方式？

评论后添加:

这是我的ajax功能:

function UseAjaxQueryForFillGlobalArray(){
    var curUserId = '<%= Master.CurrentUserDetails.Id %>';
    var curLocale = '<%= Master.CurrentLocale %>';
    $.ajax({
        type: "POST",
        url: "/segment.aspx/GetArrayForCF",
        data: '{"userId":"' + curUserId + '","curLocale":"' + curLocale + '"}',
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (msg) {
            //here is I doing parse my string from server and fill arrays.     
        }
    });
}

我需要使用纯Javascript(No Jquery或其他插件)创建嵌套拖放功能.

想法是将几个div标签作为组并且能够将该div标签/组拖动到另一个div标签/组的顶部以在其自身内创建子组(作为该组的子组)允许的最大子子级别为了说明我在说什么,请看看这个Jquery插件NestedSortabled示例,它确切地定义了我正在寻找的东西.

NestedSortable Jquery示例

另一个类似的例子:http://dbushell.com/2012/06/17/nestable-jquery-plugin/

我需要开发我的代码以完全像上面的例子,但只使用纯旧的学校javascript,请不要建议任何Jquery代码.

这是我目前正在工作的东西,但是现在我被困住了,无法弄清楚如何让子分组功能起作用.请帮忙!!

我的工作演示: http ://jsbin.com/IzAfutI/1

我的工作演示+代码: http ://jsbin.com/IzAfutI/3/edit？html,css,js,output

编辑:

让我举个更详细的代码示例.StartDrag和StopDrag包含该功能背后的主要逻辑.基本上当用户拖动div标签时,我当前正在一个已经存在的div标签的顶部或底部创建一个容器,用于拖动要放入的项目,但是当我使用相同的功能在另一个容器中创建该容器时(通过创建子组)我收到一个错误.这意味着也许我会以错误的方式解决问题,也许我的逻辑可能是错误的,或者代码还有其他问题.

组div标签的HTML标记:

<div class="dragContainerUsed">
    <div id="a7b94a42-fb00-4011-bd5a-4b48e6e578c5" class="dragPanel">
        <input type="hidden" value="1|fa7989d7-1708-4a90-9bf6-c91f6cef6952" />
        <div onmousedown="startDrag(event, this.parentNode)" class="dragPanelHeader">
            <div style="margin-left:4px; margin-top:3px; float:left;">1 - Group 1<span id="gta7b94a42-fb00-4011-bd5a-4b48e6e578c5"></span></div>
        </div>
    </div>
    <div class=\"dragSubContainerUnUsed\"></div>
</div>
<div class="dragContainerUnUsed"></div>

所以我想要发生的是当用户拖动div顶部的另一个div dragSubContainerUnUsed它应该放在该subContainer ....

在开始拖动时,我创建了一个数组来存储所有容器和subContainers:

containers = new Array();

subContainers = new Array();

containers.push(dragTarget);
for (i = 0; i < divs.length; i++) {
    if (divs[i].className.toLowerCase() == "dragcontainerunused") {
        containers.push(divs[i]); …

这是我尝试雪花的代码.一切似乎都没问题但是一旦脚本无响应意味着一段时间(它会慢慢浏览器firefox).我不确定为什么会这样.如何在没有任何浏览器的情况下使其成为响应.这是FIDDLE

我怎样才能使它成为响应式脚本而不会引起任何问题.我认为我在循环javascript函数时犯了一个错误:(任何建议都会很棒.

谢谢

使用Javascript:

// window.setInterval(generateSnow, 0);
var windowHeight = jQuery(document).height();
var windowWidth = jQuery(window).width();
function generateSnow() {
    for (i = 0; i < 4; i++) {
        var snowTop = Math.floor(Math.random() * (windowHeight));
        snowTop = 0;

        var snowLeft = Math.floor(Math.random() * (windowWidth - 2));
        var imageSize = Math.floor(Math.random() * 20);

        jQuery('body').append(
            jQuery('<div />')
                .addClass('snow')
                .css('top', snowTop)
                .css('left', snowLeft)
                .css('position', 'absolute')
                .html('*')
        );
    }
}


function snowFalling() {
    jQuery('.snow').each(function(key, value) {
        if (parseInt(jQuery(this).css('top')) > windowHeight - 80) {
            jQuery(this).remove();
        } …

有没有一种简单的方法来自定义UITableViewCellEditControl. 更具体地说，我想更改加号和减号的图像。

到目前为止我发现（http://voidrant.tumblr.com/post/27760918492/customize-uitableviewcell-edit-mode-views）是我可以通过“搜索”子视图layoutSubviews并替换那里的图像来做到这一点。

这听起来像一个黑客，我害怕拒绝，所以我徘徊有其他方式吗？

我的目标是 iOS7

我有一个应用程序应该根据一些API数据服务于不同的状态.如果我的应用程序的状态配置如下所示:

$stateProvider.state('order', {
    url: '/order/{serviceId}',
    controller: 'OrderController',
    abstract: true,
    resolve: {
        OrderResolve: function(Order, $stateParams){
            return Order.fetch($stateParams.serviceId);
        }
    }

}).state('order.sharepoint', {
    url: '/sharepoint',
    abstract: true,
    controller: 'SharePointController'

}).state('order.sharepoint.index', {
    url:'',
    controller: 'SharePointServiceController'

}).state('order.sharepoint.setup', {
    url:'',
    controller: 'SharePointSetupController'

}).state('order.sharepoint.confirm', {
    url:'',
    controller: 'SharePointConfirmController'
});

然后我希望默认2个状态中的1个基于OrderResolve对象中的值.基本上,我使用resolve获取API数据来告诉我此用户是否已激活SharePoint服务.如果OrderResolve.hasSharepoint == true那时我想默认为order.sharepoint.index状态,但如果OrderResolve.hasSharepoint == false那时我想默认为order.sharepoint.setup状态.第一个状态显示SharePoint数据,第二个状态只是"设置"Sharepoint服务的表单.

有没有一种简单的方法来实现这种功能？

我试图让height和width图像的Java(通过URL)没有ImageObserver的.我目前的代码是:

public static void main(String[] args) throws IOException {
    // TODO Auto-generated method stub

    File xmlImages = new File("C:\\images.xml");
    BufferedReader br = new BufferedReader(new FileReader(xmlImages));
    File output = new File("C:\\images.csv");
    BufferedWriter bw = new BufferedWriter(new FileWriter(output));
    StringBuffer sb = new StringBuffer();
    String line = null;
    String newline = System.getProperty("line.separator");
    while((line = br.readLine()) != null){
        if(line.contains("http")){
            URL url = new URL(line.)
            Image img = Toolkit.getDefaultToolkit().getImage(url);
            sb.append(line + ","+ img.getHeight(null) + "," + img.getWidth(Null) + newline);            
        }

    } …

我有这个清单:

ArrayList list = new ArrayList();

我写这个列表选择选项:

<td>
    <select name="database1">
        <option value="" selected>select</option>
        <%
        for(int i=0;i<list.size();i++) {
            Field=list.get(i).toString();
        %>
        <option value="<%=Field %>"><%=Field %></option>
        <%} %>
    </select>
</td>

所以我的要求是不使用for循环.我们直接写list进去select option.