테스트 사이트 - 개발 중인 베타 버전입니다

클릭 카운터 횟수 회원 모두에게 연동하는 방법

코코코코딩딩 2년 전 조회 1,882

</p>

<p><?php</p>

<p>if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가</p>

<p>add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0);</p>

<p>?></p>

<p> </p>

<p><!DOCTYPE html></p>

<p><html></p>

<p><head></p>

<p><script></p>

<p>function clickCounter() {</p>

<p>  if (typeof(Storage) !== "undefined") {</p>

<p>    if (localStorage.clickcount) {</p>

<p>      localStorage.clickcount = Number(localStorage.clickcount)+1;</p>

<p>    } else {</p>

<p>      localStorage.clickcount = 1;</p>

<p>    }</p>

<p>    document.getElementById("result").innerHTML = "You have clicked the button " + localStorage.clickcount + " time(s).";</p>

<p>  } else {</p>

<p>    document.getElementById("result").innerHTML = "Sorry, your browser does not support web storage...";</p>

<p>  }</p>

<p>}</p>

<p> </p>

<p>localStorage.setItem('result');</p>

<p>localStorage.getItem('result');</p>

<p></script></p>

<p></head></p>

<p><body></p>

<p> </p>

<p><div class="bak"></p>

<p>  <p><button onclick="clickCounter()" type="button">Click me!</button></p></p>

<p>  <div id="result"></div></p>

<p></div></p>

<p>

 </p>

<p></body></p>

<p></html></p>

<p>

 

버튼을 클릭하면 1씩 증가하는 기능을 연습중인데

저뿐만 아니라 클릭한 다른 사람의 횟수까지 연동되도록 하고 싶은데요 예제 알 수 있을까요?

댓글을 작성하려면 로그인이 필요합니다.

답변 4개

2년 전

실시간으로 하실려면 위에 디비 말고도  ajax를 이용하셔서 계속 정보를 불러오셔야 할거 같습니다. 예제로 다 얻기는 힘드실거 같고 직접하기 힘드시면 제작의뢰를 이용해보세요.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

하틴
2년 전

그누보드 게시판이 좋아요 기능이 말씀하신 기능이랑 비슷할 것 같습니다

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

2년 전

localStorage.clickcount 부분을 서버 자원 읽기/쓰기 형태로 바꾸면 됩니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

코코코코딩딩
2년 전
혹시 예문을 부탁드릴 수 있을까요? 감사합니다

댓글을 작성하려면 로그인이 필요합니다.

디비를.이용해야 합니다.

따로 데이터베이스를 만들던 기존 꺼 활용하던

카운터를 저장 php파일 만들고

카운터를 읽을 php파일 하나 만들고 해서

ajax로 연동하면 돼요

 

-----------------------------------------------------------------------------------------------------------------

 

더 자세한 내용이 궁금하시면 여기 방문하세요

같이 얘기나누며 문제해결에 도움이 되도록 하세요

 

https://open.kakao.com/o/gzNuQjhe" rel="nofollow noreferrer noopener" target="_blank">https://open.kakao.com/o/gzNuQjhe

 

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

코코코코딩딩
2년 전
정말 감사합니다... 혹시 예문 부탁드릴 수 있을까요?

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인