forum.boolean.name - Gadget самописка

forum.boolean.name (http://forum.boolean.name/index.php)

- JavaScript / HTML (http://forum.boolean.name/forumdisplay.php?f=136)

- - Gadget самописка (http://forum.boolean.name/showthread.php?t=16283)

Gadget самописка

Код:

<html>

<head><title>test</title>





<style type="text/css">

body{width:200px;

     height:200px;}

div{

     width:200px;

     height:150px;

     padding: 0;

    }

</style>



</head>

<script type="text/javascript">

var texts=[]

var count=0



    function input_text(){

    var c=Math.floor(Math.random()*1);

    var all=new Date();

       if(c==0)

       {document.getElementById("idinp").value="Как дела?";

       }else if(x==1){

       if(all.GetHours<12 && all.GetHours>5){document.getElementById("idinp").value="Доброе утро,что не спим?";

        } else {

          document.getElementById("idinp").value="Что тварим?";}

         }//else if(x==2){

          



    }

    

 function set_text(){

     texts[count]=document.getElementById("idinp").value;

     count++;

     document.getElementById("idinp").blur();

     input_text();

     update();

    }

    

  function update(){

    var tmp="<font color=#C0C0C0><i>Нету записей</i></font>";

    for(i=0;i<count;i++){

        if(texts[i]=='')continue;

        if(tmp=="<font color=#C0C0C0><i>Нету записей</i></font>"){    

            tmp="<a href='#' onClick='free("+i+");'>"+texts[i]+"</a>";

        }else{

        tmp=tmp+"<br><a href='#' onClick='free("+i+");'>"+texts[i]+"</a>";

              }

    }

      document.getElementById("text_line").innerHTML=tmp+"<br>_________________";

    }

    

    function free(n){

      texts[n]="";

      update();

    }

</script>

<body onLoad="input_text();update();">

<div id="text_line">non</div>

<input type="text" size="20" value="" name="inp" id="idinp" onClick="document.getElementById('idinp').value='';" onChange="javascript:set_text()">

</body>



</html>

Работает везде где кроме IE ну и понятно-гаджетах,не обрабатывает onChange,как решить проблему?

Ответ: Gadget самописка

Не хотелось бы казаться грубым, но ваш код немного дерьмо.
Написал пример:

PHP код:


		
			
<html>

<head>

<title>Cat knows what is good for you.</title>

<style type="text/css">

body {

    font-family: Verdana, Arial, Sans;

    font-size: 12px;

}

#container {

    width: 480px;

}

#lines {

    padding: 4px;

    background: #f7f7f7;

    border: 1px solid #ccc;

}

#input {

    width: 450px;

    padding: 2px;

}

#inbtn {

    float: right;

    width: 25px;

}

.line {

    margin-top: 4px;

    padding-left: 2px;

    border-left: 3px solid #eee;

}

.line_neutral { border-left-color: #ccc; }

.line_user { border-left-color: #d87; }

.line_system { border-left-color: #78e; }

</style>

</head>

<body onLoad="init();">

<div id="container">

<div id="lines"></div>

<button type="button" id="inbtn" onClick="user_input();">&gt;</button>

<input type="text" id="input" onChange="user_input();">

</div>

<script type="text/javascript">

var lines = []; // pointers to text <div>'s

var lines_el = document.getElementById('lines'); // main text <div>

var input_el = document.getElementById('input'); // input field

var questions = [

    // questions to be asked randomly:

    "What's your name?",

    'Do you like single-quoted strings?',

    'Insert more questions here, okay?'

];

function random(n) { return Math.floor(Math.random() * n); }



function line_onclick(event) {

    lines_el.removeChild(this);

    lines.splice(lines.indexOf(this), 1); // remove this element from lines array

}



function line_add(text, type) {

    var el = document.createElement('div'); // create a new div

    el.innerHTML = text; // set contents

    el.onclick = line_onclick; // bind click event

    if (type === undefined) type = 'neutral'; // default type if not specified

    el.className = 'line line_' + type; // set <div> class property

    lines_el.appendChild(el); // add it to lines containers

    lines.push(el); // add it to list

}



function feedback(text) {

    // convert to lowercase, for easier processing:

    text = text.toLowerCase();

    // handle input text here:

    if (text == 'hi' || text == 'hello') return 'How are you?';

    // return random question:

    return questions[random(questions.length)];

}



function user_input() {

    var text = input_el.value; // get input

    line_add(text, 'user'); // add user input line

    line_add(feedback(text), 'system'); // add answer line

    input_el.value = ''; // reset input text

}



function init() {

    lines_el.innerHTML = ''; // reset contents of lines box

    line_add('Example by YellowAfterlife');

    line_add('Hello, user', 'system');

}

</script>

</body>

</html>

Если нужно по Enter делать действия, то нужно привязать onkeydown событие (keydown для старых IE).

Ответ: Gadget самописка

Цитата:

Работает везде где кроме IE ну и понятно-гаджетах,не обрабатывает onChange,как решить проблему?

Использовать jQuery, там многие проблемы кроссбраузерности (в частности глюки IE) уже решены.

Код:

$('#idinp').change(function(){ /* ЧТО ДЕЛАТЬ В СЛУЧАЕ СОБЫТИЯ change */ });

И да, сэр, я, конечно, понимаю, что вы новичок, но ваша манера писать обработчики прямо в атрибутах навроде

Цитата:

onChange="javascript:set_text()"

есть несколько говно. Фу так делать. Рекомендую использовать вот такой стиль (с использованием jQuery):

Код:

$(document).ready(function(){$('СЕЛЕКТОР').click(function(){ /* Обработчик события click */ });

$('СЕЛЕКТОР').change(function(){ /* Обработчик события change */ });

$('СЕЛЕКТОР').другое_событие(function(){ /* Обработчик другого события */ });

});

Избавляет от многих граблей, проверено.