test loading spinner on note page

masks/note.html

@@ -9,6 +9,7 @@
 databap.pageInit = function()
 {
 	databap.tmp('note', 'integer');
+	var $Frame = $('#note_frame');
 	
 	//Add note selection form
 	$('#note_id').addDefaultValue('N° note');
@@ -16,19 +17,23 @@ databap.pageInit = function()
 		.addButton('ok', 'Ok', $('#note_form').submit, 'submit', 'heavy')
 		.submit(function(){databap.goToInternalLink('note', $('#note_id').val())});
 	
-	$('#note_frame').css('height', 'calc(100% - '+($('#note_form').outerHeight()+14)+'px)');
+	$Frame.css('height', 'calc(100% - '+($('#note_form').outerHeight()+14)+'px)');
 	
 	//Start fetching note
 	var iNote = databap.vars.id;
 	if(isNumeric(iNote) && iNote > 0 && iNote!=databap.tmp('note'))
 	{
 		$('#note_id').val(iNote).focus();
-		//self.addBufferIcon();
-		$('#note_frame').attr('src', 'index.php?a=note&id='+iNote);
+		self.addBufferIcon();
+		$Frame
+			.attr('src', 'index.php?a=note&id='+iNote)
+			.load(databap.resetIcon);
+		
 		databap.tmp('note', iNote);
 	}
 }
 
+/*
 function onEndOfProcess()
 {
 	databap.resetIcon();
@@ -40,4 +45,5 @@ function onEndOfProcess()
 	
 	$Frame.find('#Display_Group').height('+=200px');
 }
+*/
 </script>