Downloading Simple Mapping System using PHP and JQuery Code happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > JAVASCRIPT > javascript 소스창고 > 좌표 > Downloading Simple Mapping System using PHP and JQuery Code 상세정보

클라우드태그

Javascript

php

CSS

html

asp

API

jquery

mysql

image

Mobile

slide

게시판

메뉴

현재접속자 명

Downloading Simple Mapping System using PHP and JQuery Code

해피팀

네티즌

소스분류

좌표

다운로드 횟수

75 회

간단설명

웹페이지의 화면상의 좌표를 DB에 저장하고 불러내는 간단한 예제입니다.

평가하기

웹페이지에 좌표를 저장하는 간단한 예제입니다.

다운로드 받은 파일의 압축을 해제하고
웹서버에 업로드 하신후에,

draggable_test.sql 파일을 Mysql DB에 임포트 시키신후에

index.php
save.php

위 두개의 파일의 상단에 있는

$con = mysqli_connect("localhost","root","","draggable_test");

위 코드를 사용할 DB유저, 비밀번호, 사용할DB이름으로 조절하시면 됩니다.

그리고 웹브라우져로 접속해보면

아래 그림 처럼 배경그림과,
현재 저장된 좌표를 표시해주기 위한 아이콘들이 보이는데,

작은 아이콘의 위치를 옮긴후에
SAVE버튼을 클릭하면 해당 화면의 좌표값(top,left)이 DB에 저장되는 예제입니다.

매우 심플하게 변경된 좌표값이 저장되네요.

웹브라우져의 화면 사이즈를 조절하면
DB에 저장해둔 좌표가 상대값인 이유로 결국 아이콘의 위치가 변경되어버리는 문제점이 있습니다만,
조금 활용해보면
다수가 이용하는 웹사이트에 메모를 남기는 정도로 커뮤니케이션이 가능한 정도까지는 가능하지 않으려나 싶네요.

PHP , HTML, Mysql, Javascript 를 매우 심플하게 접근해볼수 있는 연습용 정도로 보이네요.