에릭 @ EricBess WebHome

  . ready ( function ( ) { $ (문서). 레디 (함수 () ( 
	  setClickable (); 
  )); 

  기능 setClickable () ( 
	  ) . click ( function ( ) { $ ( '# EditInPlace'). 클릭 (함수 () ( 
		  '<div><textarea rows="10" cols="60">' + $ ( this ) . html ( ) + '</textarea>' ; var 텍스트 = '<div> <textarea rows="10" cols="60">'+ $ (이)를. html () + '</ 텍스트> "; 
		  '<div><input type="button" value="SAVE" class="saveButton" /> OR <input type="button" value="CANCEL" class="cancelButton" /></div></div>' ; var 버튼 = '<div> <input TYPE="BUTTON" value="SAVE" class="saveButton" /> 또는 <input TYPE="BUTTON" value="CANCEL" class="cancelButton" /> </ div> </ div> "; 
		   $ ( this ) . html ( ) ; var 되돌리려 = $ (이)를. html (); 
		  ) . after ( textarea + button ) . remove ( ) ; $ (이). (텍스트 + 버튼). 제거 (); 
		  ) . click ( function ( ) { saveChanges ( this , false ) ; } ) ; $ ( '. SaveButton'). 클릭 (함수 () (SaveChanges (이, 거짓 );)); 
		  ) . click ( function ( ) { saveChanges ( this ,  revert ) ; } ) ; $ ( '. CancelButton'). 클릭 (함수 () (SaveChanges (이, );)); 되돌 
	  )) 
	  function ( ) { . Mouseover (함수 () ( 
		  ) . addClass ( "editable" ) ; $ (이). AddClass ( "") 편집; 
	  )) 
	  function ( ) { . Mouseout (함수 () ( 
		  ) . removeClass ( "editable" ) ; $ (이). RemoveClass ( "") 편집; 
	  )); 
  ); 

  obj ,  cancel ) { 기능 SaveChanges (obj), 취소 ( 
	  ! cancel ) { 만약 (! 취소) ( 
		   $ ( obj ) . parent ( ) . siblings ( 0 ) . val ( ) ; var 마 = $ (obj). 부모 (). 형제 (0). 발 (); 
		  "test2.php" , { $. 포스트 ( "test2.php", ( 
  		  내용 : 마 
		  function ( txt ) { ), 기능 (txt) ( 
			   txt ) ; 알림 (txt); 
		  )); 
	  { ) 없다 ( 
		   cancel ; var하지 취소 =; 
	  ) 
	  t == '' )  t = '(click to add text)' ; (마 =='') T는 = 만약 '(클릭)'텍스트를 추가하는; 
	  . parent ( ) . parent ( ) . after ( '<div id="editInPlace">' + t + '</div>' ) . remove ( ) ; $ (Obj). 학부모 (). 학부모 (). ( '를 <div 후 id="editInPlace">'+ 마 + '</ div> "). 제거 (); 
	  setClickable (); 
  ) 

  몸 ( 
	   arial ,  helvetica , sans-serif ; 글꼴 - 가족 : Arial로 helvetica, 산세 리프 -에는 serif; 
	   small ; 글꼴 - 크기 : 작은; 
  ) 

   textarea { ., 텍스트 편집 ( 
	  #ffffd3 ; 배경 - 색상 : # ffffd3; 
  ) 

  텍스트 ( 
	  95 % ; 너비 : 95 %; 
	  100 % ; 글꼴 - 크기 : 100 %; 
  ) 

  Img.progress ( 
	  middle ; 수직 - 정렬 : 중간; 
	  0 10px ; 패딩 : 0 10px; 
  )