프로그램코드

12:  11 > 10-1=9  --

11:  10 > 10-1=9  --

10:   9 < 10-1=9  *

 9:   8 < 10-1=9  *

[]appbrd_T170209Th1136zp

+수정과 지우기에서 취소 후에 목록 현재 상태 유지

[]appbrd_T170209Th0119zp

+수정 후에 목록 위치 유지

[]appbrd_T170209Th0033zp

+목록편집(쓰기, 수정, 지우기) 후에 목록 재갱신

[]appbrd_T170208We1659zp

+화면 하단 가로 나열된 쪽 번호 그룹 완성

+숫자열 양 끝단 그룹이동, 처음으로, 마지막으로 완성

[]appbrd_T170208We1230zp

+처음으로 끝으로 버튼

[]appbrd_T170208We0246zp

+nav에서 article 선택할 때 nav를 강제 갱신 수정

+=> crud 테스트는 아직

[]appbrd_T170208We0242zp

+하단 양끝단 구현. ... 0과 최대 처리 필요

[]appbrd_T170207Tu2322zp

+하단열 양끝단 구현 ... 미와

[]appbrd_T170207Tu2152_notComplete

+예전과 다른 방식으로 하단 가로열 쪽 구룹 구현 ... 미완

[]appbrd_T170205Sn0838zp

+Test me버튼 중앙 정렬

[]appbrd_T170204Sa0138zp

+article에서 날짜를 오른쪽으로 배치

[]appbrd_T170204Sa0112zp

+Refresh automatically after write, modify or delete

[]appbrd_T170203Fr2351zp

+ajax nav

+nav를 좌우로 위치 변경 가능

[]appbrd_T170203Fr0103zp

+Header위치에 툴바 완성

....

[]appbrd_T170202Th1946zp

+이전에 DB명 바꿈

결과 값에 번호를 부여하는 sql 구문

SELECT id, title, @rn:=@rn+1 AS num, user_id, thedate FROM atable, (SELECT @rn:=0) R ORDER BY thedate DESC;

<script src="./jsFolder/jsFile.js"> </script>

크롬 일반 탭에서 jsFolder에 script를 사용할 경우 반응 없다.

크롬 비밀 탭에서 jsFolder에 script를 사용해도 정상 작동한다.

여기서 크롬 버젼은 56.0.2924.87이고 OS는 윈도우즈10이다.

파이어폭스와 엣지 브라우저에서는 jsFolder 부분에 script를 사용여부와 상광없이 바르게 실행된다.

jsFolder가 웹브라우져에서 바르게 작동할 때 jsFile.js내용에 따라 무응답할 때가 있다.

jsFile.js에 순수 자바스크립트를 사용하면 정상작동한다.

jsFile.js에 $로 시작하는 jQuery를 넣으면 아무런 결과를 볼 수 없다.

처음 위와 같은 결과를 보고 원인을 찾는 데 4~5시간이 날아갔다.

jsFolder부분에 script를 사용하면 같은 브라우져에서도 탭 유형에 따라 결과가 달라지는 것을 발견하고 답답했다.

적잖은 시간을 보냈으나 더 테스트해보아야 할 내용이 남아있다.

윈도우7에서 각 브라우져 마다 위 경우에 따라 어떻게 작동하는지는 확인이 필요하다.

$대신 jQuery로 사용할 때 어떠한 결과가 나오는지도 더 보아야한다.

<script type="text/javascript">
$(document).ready(function(){
	// var result;
	$(".ajax_li_a").each(function(){
		// result = '[]' +$(this).html();
		
		$(this).click(function(){
			var varAttr = $(".ajax_li_a").attr("x_href");
			$.ajax({	
				type: 'GET',
				url: varAttr,
				dataType : 'text',
				error : function() {
				  alert('Fail!!');
				},
				success: function(data) {
					$('article').html(data);
				}
			});
		})			
	});
});
</script>

  <?php
      while( $row = mysqli_fetch_assoc($result) ){
	echo "<li><a class='ajax_li_a' x_href='part/article.php?".$sql_id."=".$G_row_id."&bgnitem=".$Gget_begin_item."'>".htmlspecialchars($row['title'])."</a></li>"."\n";
      }
    ?>

[index.php] 파일

<script
  src="https://code.jquery.com/jquery-3.1.1.js"
  integrity="sha256-16cdPddA6VdVInumRGo6IbivbERE8p7CQR3HzTBuELA="
  crossorigin="anonymous"></script>
  <!-- <script src="https://code.jquery.com/jquery-1.10.2.js"></script> -->


<script type="text/javascript">
$(function(){
	$("#tstButton").click(function(){
		$.ajax({
			type: 'GET',
			url: 'part/nav_test.php?test=[-U U-]',
			dataType : 'text',
			error : function() {
			  alert('Fail!!');
			},
			success: function(data) {
				$('#tstResult').html(data);
			}
		});
	})
})
</script>

[Click me]버튼을 누르면 전체 화면을 불러오지 않고 대괄호 내부 값을 보여준다.

<input type="button" id="tstButton" value="Click me" /><br>
<H3 id="tstResult">[*******]</H3>

[nav_test.php] 파일

<?php
  echo $_GET["test"]."<br>";
?>