웹 만드는 또름이

여러분들의 모든 말씀이 옳습니다. 많이 가르쳐 주세요...! 작업 내용 1. 이미지가 존재하는 DIV가 있다 2. 해당 이미지를 클릭하였을 경우 이미지에 대한 위치정보를 가져온다 - (저번에 썼음) 3. 필요한 값을 별도의 입력폼으로 입력받아 해당 위치에 플로팅한다. - (어제 썼음) 4. 플로팅된 리스트를 나열하여 수정 OR 삭제가 되도록 한다. - (오늘 내용) 어제 작성한 글을 통해서 이미지 위에 해당 태그를 올리는 것 까지 작업해두었다 허나 문제는 픽셀로 top과 left를 잡아 올리면 디바이스에 따라 이미지 width 와 height가 바뀔시 엄한곳을 찍는다는것...!! px로 css 적용시키지 말고 계산해서 %로 변경하세용... 오늘은 리스트표시 & 태그 내용 수정 및 삭제를 할 수 있도록 작..

여러분들의 모든 말씀이 옳습니다. 많이 가르쳐 주세요...! 작업 내용 1. 이미지가 존재하는 DIV가 있다 2. 해당 이미지를 클릭하였을 경우 이미지에 대한 위치정보를 가져온다 - (어제썼음) 3. 필요한 값을 별도의 입력폼으로 입력받아 해당 위치에 플로팅한다. - (이번 내용) 4. 플로팅된 리스트를 나열하여 수정 OR 삭제가 되도록 한다. - (나중에써야징) 1번글을 통해 간단히 img tag를 클릭하였을 시 좌표를 반환하는 것을 만들었었는데 좀 더 심화해서 이미지 클릭 > 태그 입력폼 보여주기 > 입력버튼을 통하여 태그 플로팅 하기 기능을 만들어봤당. 어제의 html 태그 아래 입력폼을 간단히 만들어준다. ( inputArea ) 클릭하기 전에 입력폼이 나와있으면 안되니까 기본적으로 inputAr..

작업 필요 내용 1. 이미지가 존재하는 DIV가 있다 2. 해당 이미지를 클릭하였을 경우 이미지에 대한 위치정보를 가져온다 3. 필요한 값을 별도의 입력폼으로 입력받아 해당 위치에 플로팅한다. - (나중에써야징) html로 간단히 div와 img 태그를 작성해준다. 이벤트 바인딩 (이미지를 클릭했을때만 작동되도록 이미지에) 이미지를 클릭후 console.log로 해당값 확인 (x,y값) $(this)[0] 부분을 console.log로 찍어 보면 다양한 값들을 확인 할 수 있으니 한번 둘러봐도 좋을듯 아래는 지금까지 소스...