2011-04-09 6 views
0

저는 여기에서 새로 왔으며 프로그래밍 할 때 매우 새로 습득했습니다. 그러나 나는 심각한 도움이 필요합니다.jquery 콜백 이후에 정보를 데이터베이스에 저장하십시오.

jquery를 검색하고 화면에 드래그 앤 드롭 스크립트를 찾았습니다. 기본적으로 일부 div 만 이동하려는 경우 쉽게 찾을 수있는 부분입니다. 발견 된 스크립트에는 div에 기록하는 콜백 함수가 있습니다. 당신은 방금 "떨어 뜨린"이동, 이것은 정확히 내가 뭘 필요하지만 writting 대신에 나는 데이터베이스 (mysql)에 2 postion 변수를 저장하려는 경우 이것은 브라우저를 닫고 다시 div를 열면 그렇게됩니다. 마지막 장소에서 나는 그들을 떨어 뜨렸다.

도와 주시겠습니까? 이미 내장 된 jquery 사용자 인터페이스가 있습니까?

jquery ajax가 제대로 작동하는 것이 쉬운가요? 기본적으로 직렬화 된 데이터를 보내야합니다 (json right?). 그 데이터를 처리 한 페이지로 처리 한 다음 jason이 처리기를 반환하거나 출력을 올바르게 반환합니까?

dragabble div가 데이터베이스에 대한 버퍼처럼 작동하는 외부 페이지에서 jason이 마지막으로 알고있는 위치를 검색하는 핸들러를 갖는 것이 좋습니다.

올바른 파이프 라인입니까?

안부 Joricam

+0

시도해 보셨습니까? 당신이 그렇게해야합니까? 니가 아무 것도 시도하지 않은 것 같아, 그렇지? 내가 잘못? 권리? 우리가 당신을 위해 코드를 작성하기를 원하는 것처럼 보입니다. – Shoe

답변

1

여기 막연한 질문의 종류를 가지고,하지만 난 당신이 대답에 가까운 얻을 수 있도록 시도 할 수 있습니다.

  1. 페이지가로드, 두 가지 (또는 그 이상) 된 DIV를 화면에 그려집니다 :

    퍼즐의 양면을 상상해보십시오. 특정 순서로 그리기를 원할 경우 데이터베이스에서 해당 순서를 추적해야합니다. 따라서 데이터베이스에 display_order과 같은 필드가 있는지 확인하고 DIV를이 순서로 표시하십시오. 일반적으로 ORDER BY display_order을 SQL에 추가하여 원하는 순서대로 검색 한 다음 루프에서 바로 DIV를 그릴 수 있습니다.

  2. DIV를 드래그 앤 드롭하면 AJAX/JSON/etc를 사용하여 PHP 스크립트에 새 주문을 알립니다. 이 경우 DIV에 'dropped'이라는 단어를 그려야하는 것이 아니라 즉시 데이터베이스의 display_order 필드를 업데이트해야합니다. 이렇게하면 각 DIV의 위치를 ​​기억하고 있습니다.

도움이 되었습니까?

업데이트 :

"display.php"에서 :

  • ORDER BY display_order에로, 데이터베이스에서 각 DIV의 내용을 가져 오기 질문에 대해 더 생각하고, 여기에 의사 코드 행.
  • 각 데이터베이스 행을 반복하면서 화면에 그립니다.
  • 또한이 HTML에서 행을 드래그 할 때 이미 다른 PHP 스크립트 (dragged.php)를 호출해야하는 jQuery 스크립트를 사용하십시오.

"드래그.PHP는.. ".

  • 이 스크립트는 행을 화면에 드래그하면
  • 현재는 단어를두고이라고"끌고있는 DIV에 그것은 도움이되지이다 "떨어졌다, 그래서를 제거
  • 대신에 특정 DIV가 특정 위치에 있어야한다는 것을 (전달 된 변수에서) 알 수 있습니다.
  • 그래서 데이터베이스에서 DIV 목록을 가져온 다음 해당 순서를 변경하십시오. display_order 열)
  • 다시 데이터베이스에 저장하십시오. o display.php가 다음에 다시 호출 될 때 원하는 순서대로 DIV를 그립니다.

희망 사항을 자세히 설명하는 데 도움이됩니다. 여전히 어려움을 겪고 계시다면, 나는 정중하게 코드 작성을 제안하고 귀하가 붙어있는 부분에 대해보다 구체적인 질문을 게시하십시오. 그러면 신속하게 좋은 답변을 얻을 수 있습니다. (Google에이 기사를 많이 올릴 수도 있지만이 모든 작업을 수행하는 방법을 보여주는 코드 샘플이 있습니다.)

+0

내 생각은 div의 순서가 아니라 물마루 CSS의 위치에 있기 때문에 \는 div이므로 div의 마지막 위치가 필요합니다. 내가 달성 할 수있는 일은 웹 페이지에서 캔버스를 가지고 일종의 처리기로 div에 wrap 된 이미지를 이동 한 다음 페이지를 닫고 다시 열면 이미지가 마지막 위치에있게됩니다. 그들을 끌고, 도와 줄 수 있니? – Joricam

+0

흠 - 원래 질문에 "2 개의 postion 변수를 데이터베이스 (mysql)에 저장하고 싶습니다. 브라우저를 닫고 다시 열면 div를 마지막으로 삭제할 것입니다." - 그래서 그것이 내가 대답 한 것입니다. 이미 드래그 앤 드롭 코드를 제 위치에 가지고 있다면 어려운 부분을 처리해야합니다. 내가 어떻게 도울 수 있는지 모르겠습니다. 어쩌면 새로운 질문을 게시하고 매우 구체적일까요? 또는 이미 수행 한 작업을 보여주는 코드 (단순화 된 코드)를 게시 하시겠습니까? – Eric

+0

약간의 도움을주기 위해 제 답변을 업데이트했습니다. 아직 코드를 작성하지 않았 으면 코드를 정렬 할 수 있는지 확인하십시오. 당신은 이미 그것의 일부가 작동하는 것처럼 들립니다. – Eric