Javascript onclick вместо onfocus или включение onclick по функции - PullRequest
Новая
       30

Javascript onclick вместо onfocus или включение onclick по функции

0 голосов
/ 07 сентября 2010

Я пытаюсь создать страницу AJAX, которая позволяет людям редактировать по одному полю за раз и сохранять его.Страница создается с помощью AJAX-загрузки, поэтому я не знаю всех полей и DIV, которые отправляют имена идентификаторов.

Но идея в том, что они редактируют поле, нажмите ввод (или нажмите Сохранить), и это доставляет удовольствие от отправкиID DIV.

Таким образом, onfocus будет вызывать функцию, если кто-то нажмет, что не то, что я хочу.И при нажатии будет запущен онклик, что я не могу сделать с помощью foundNode.click ();так что это действительно не помогает с идеей treatenterastab.

Кто-нибудь может предложить предложения?

спасибо greg 

       <head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.5.0/dojo/dojo.xd.js" djConfig="parseOnLoad: true"></script>

<script type="text/javascript">
// Show and Hide the input element
function ShowHideFields(objName){
  dojo.query("." + objName).forEach(function(node, index, arr){
            console.debug(node.innerHTML);

        var myTextField = dojo.byId(node);
        if(myTextField.style.display == "none") {
            myTextField.style.display = "block";
        } else {
            myTextField.style.display = "none";     
        }

 });
}


// allow edit and save  the data
    function Edit(id)  {
        var task = id.substr(0, 4)
        var id = id.substr(4)
        if (task == "COMM"){
            if(dojo.byId('discom' + id).style.display == 'none'){
                dojo.byId('discom' + id).style.display = 'block';
                dojo.byId('edicom' + id).style.display = 'none';
                dojo.byId('COMM' + id).innderHTML = 'edit';
                EditSave('discom' + id , 'edicom' + id, id );
            } else if (dojo.byId('discom' + id).style.display == 'block') {
                dojo.byId('discom' + id).style.display = 'none';
                dojo.byId('edicom' + id).style.display = 'block';
                dojo.byId('COMM' + id).innerHTML= 'save';
            }
        } else if (task == "NAME"){
            if(dojo.byId('disnam' + id).style.display == 'none'){
                dojo.byId('disnam' + id).style.display = 'block';
                dojo.byId('edinam' + id).style.display = 'none';
                dojo.byId('NAME' + id).innerHTML = 'edit';
                EditSave('disnam' + id , 'edinam' + id, id );
            } else if (dojo.byId('disnam' + id).style.display == 'block') {
                dojo.byId('disnam' + id).style.display = 'none';
                dojo.byId('edinam' + id).style.display = 'block';
                dojo.byId('NAME' + id).innerHTML = 'save';
            }

        }
    }

    function EditSave(destination, source, id ){
        //AJAX here, but for the sake of example this will work.
        if(dojo.byId(destination) )   {
            dojo.byId(destination).innerHTML = dojo.byId(source).value; 
}
    }



// capture the enter, and make it a tab to execute
function treatEnterAsTab(evt) {
    if (evt.keyCode == dojo.keys.ENTER) {
        var formElements = null;
        if (formElements = dojo.query('*')) {
            var foundNode = false;
            for (var i = 0; i < formElements.length; i++) {
                if (evt.target == formElements[i] && formElements[(i + 1)]) {
                    nextNode = formElements[(i + 1)];
                    foundNode =  formElements[(i + 1)];      
                    break;
                }
            }
            if (foundNode && foundNode.focus) {
                //set focus, but really set Click would be better.. Any ideas?
                foundNode.focus();

            }
        }
    }
}

// connect the key press event to the input boxes
dojo.addOnLoad(function(){
    dojo.query("input").forEach(function(node, index, arr){
        dojo.connect(dojo.byId(node),"keypress", treatEnterAsTab);
    });
});

</script>

</head>

<body>

    <div style="position: relative; float: left;">
        <b style="float:left;">My Comment:</b><div id="disnam001" style="float:left; display: block;" > My Comment Here</div><input style="display:none; float:left;" id="edinam001" type="text" name="edinam001" value=" My Comment Here"/>
        <div tabindex="0" onfocus="Edit(this.id);"  id="NAME001" style="position: relative; float: right; margin-left: 10px; cursor:pointer;  height:16px;  padding: 0px 0px 0px 20px;" >edit</div>
    </div>


</body>

1 Ответ

0 голосов
/ 07 сентября 2010

Что касается события фокуса, вы можете предотвратить всплывание события, а также выполнение действия по умолчанию. Другими словами, вы можете захватить событие фокуса и заставить его выполнять любое действие (или бездействие), которое вам нравится. Ответ на другую часть вашего вопроса похож.

Лично я не использую никаких библиотек JavaScript, кроме моей, поэтому я не могу помочь вам в контексте dojo или любых других библиотек, которые вы можете использовать, у меня нет с ними никакого опыта.

Возможно, если бы вы могли сформулировать контекст, вновь вращающийся вокруг рассматриваемого вопроса, чтобы помочь моему бедному мозгу? ; -)

...