검색결과 리스트
글
링크 정리하자
http://theeye.pe.kr/entry/Prototype-Javascript-Framework-Event -프포퍼티 사용법
http://openframework.or.kr/Wiki.jsp -자료 많은곳
http://techbug.tistory.com/guestbook -데꾸벅님 extjs 정리 되어있는곳
http://www.ibm.com/developerworks/kr/library/x-ajaxjquery.html -jquary 설명글있는곳
http://getfirebug.com/ -firebug
http://developer.yahoo.com/yui/theater/ -yahoo 영문 싸이트(공부해야 볼수있겠다 ㅠ..ㅠ)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="JavaScript" src="prototype1_6.js"></script>
<script>
function showOptions(){
var someNodeList = $('lstEmployees').getElementsByTagName('option');
var nodes = $A(someNodeList);
nodes.each(function(node){
alert(node.nodeName + ': ' + node.innerHTML);
alert(node.value);
});
}
var myPet = {
color: 'black',
legCount: 4,
communicate: function(repeatCount){
for(i=0;i<repeatCount;i++)
alert('Woof!');
}
};
function aa (){
alert('my pet is ' + myPet.color);
alert('my pet has ' + myPet.legCount + ' legs');
//if you are a dog, bark three times:
myPet.communicate(3);
}
var myDog = {
bark: function(){
alert('Woof!');
}
};
var myCat = {
meow: function(){
alert('I am a lazy cat. I will not meow for you.');
}
};
function annoyThePet(petFunction){
//let's see what the pet can do
petFunction();
}
//annoy the dog:
//annoyThePet(myDog.bark);
//annoy the cat:
//annoyThePet(myCat.meow);
///myCat.meow = myDog.bark;
//myCat.meow(); //alerts 'Woof!'
//defining a new class called Pet
var Pet = function(petName, age){
this.name = petName;
this.age = age;
};
//let's create an object of the Pet class
var famousDog = new Pet('Santa\'s Little Helper', 15);
//alert('This pet is called ' + famousDog.name);
Pet.prototype.communicate = function(){
alert('I do not know what I should say, but my name is ' + this.name);
};
var Pet = Class.create();
Pet.prototype = {
//our 'constructor'
initialize: function(petName, age){
this.name = petName;
this.age = age;
},
communicate: function(){
alert('I do not know what I should say, but my name is ' + this.name);
}
};
var myArray = ['first', 'second', 'third'];
myArray.each( function(item, index){
//alert('The item in the position #' + index + ' is:' + item);
} );
</script>
<select id="lstEmployees" size="10" >
<option value="5">Buchanan, Steven</option>
<option value="8">Callahan, Laura</option>
<option value="1">Davolio, Nancy</option>
</select>
</HEAD>
<BODY>
<input type="button" value="Show the options" onclick="showOptions();" >
<input type="button" value="Saaas" onclick="aaa();" >
<input type="button" value="11" id ="someButtonID" >
<input type="button" value="11" id ='someOtherButtonID' >
<input type="text" value="txtName" id ='txtName' >
<input type="text" value="txtEmail" id ='txtEmail' >
<input type="text" value="txtAddress" id ='txtAddress' >
<input type="button" value="btnClear" id ='btnClear' >
</BODY>
<script>
var myButton = $('someButtonID');
var myButton2 = $('someOtherButtonID');
myButton.onclick = buttonClicked;
myButton2.onclick = buttonClicked;
function buttonClicked(){
alert('button ' + this.id + ' was clicked');
}
var myHelper = {
formFields: [ ],
emptyAllFields: function(){
for(i=0; i<this.formFields.length; i++){
var elementID = this.formFields[i];
var field = document.getElementById(elementID);
field.value = '';
}
}
};
myHelper.formFields.push('txtName');
myHelper.formFields.push('txtEmail');
myHelper.formFields.push('txtAddress');
//clearing the text boxes:
myHelper.emptyAllFields();
var clearButton = document.getElementById('btnClear');
//clearButton.onclick = myHelper.emptyAllFields;
clearButton.onclick = function(){ myHelper.emptyAllFields(); };
</script>
</HTML>
RECENT COMMENT