2010-02-04 2 views
0

우리는 원하는 기능인 날짜 만 변경할 수있는 DHTML 달력 선택 도구를 사용합니다. 그러나 아래 그림과 같이 캘린더 선택 도구 옆에있는 날짜를 변경하고 "확실합니까?"라는 메시지가 팝업되도록 자바 스크립트를 찾아야합니다.어떻게 내 팝업 날짜 선택기 달력 자바 스크립트 옆에 텍스트 날짜를 변경하고 데이터베이스를 업데이 트합니까?

date example

상기 이미지 테이블의 하나 개의 행하므로 JS 잠재적 중 하나가 10 이상이 수정되어야하는 날짜를 인식 할 필요가있다.

저는 자바 스크립트 n00b입니다. 새로운 것을 배우는 것. 읽으려는 것, 팁/힌트/등으로 자유롭게 나를 연결하십시오.

우리 모두에게 도움이된다면, 우리는 CGI에서 PERL을 사용하고 있습니다. 나는 JS가 AJAX 호출을 가지고 데이터베이스를 업데이트해야한다고 생각한다. 코드베이스의 다른 예제에서 알아낼 수있다. 이제 페이지의 날짜를 편집하는 방법을 알아야합니다.

명확한 설명을 위해 사용자가 해당 캘린더 아이콘을 클릭하고 DHTML 날짜 선택기를 가져 와서 날짜를 선택하고 datetime1을 datetime2로 변경하려는 것을 확인한 다음 변경 사항을 텍스트에 적용합니다 캘린더 아이콘 옆에 표시되며 데이터베이스에 저장됩니다.

답변

1

실제 웹 페이지 (HTML & JS)를 사용하면 실제로 도움이됩니다. 그러나 일반적으로 JS가 변경하려는 텍스트를 "주소 지정"하는 방법이 필요합니다. 내가 아는 가장 쉬운 방법은 고유 한 ID ("datetime1", "datetime2"등)로 DIV 또는 SPAN에 텍스트를 래핑하는 것입니다. 날짜 선택기가 실행이 같은 텍스트 항목에 액세스 할 때 호출되는 JS의 어느 부분을 알고 가정 그리고

: 당신은 ID (datetime1 등)을 전달하는 방법이 필요합니다

document.getElementById('datetime1').innerHTML = (insert new datetime here); 

에 JS하지만 Perl이 10 개의 datetime 행을 생성하면 (즉, Perl의 FOR 루프는 순차적 ID를 DIV/SPAN에 고착시키고 datepicker 함수의 인수로 다시 붙이기 만하면됩니다.)

JS에서 "alert()"하는 방법을 알고 있다고 가정합니다. 따라서 확인이 가장 쉬운 부분이어야합니다.

새로운 날짜를 일부 DB로 다시 보내야하는 것처럼 들립니다. 필자는 DB를 업데이트해야하는 Perl CGI로 다시 보낼 수있는 형식을 제안합니다. 나보다 더 영리한 사람들은 JS w/AJAX 등에서 어떻게하는지 알려줄 수도있을 것이다.

+0

(미안하지만, 줄 바꿈을 포함하는 주석을 얻는 것 같다.) 나는 페이지를 게시했을 것이다. 하지만 그것은 내 고용주가 소유 한 독점 시스템을위한 것입니다. : 숨겨진 양식을 포함 시켰고 내 PERL 스크립트에 정보를 게시하기 위해 일부 JS를 사용할 것입니다. 숨겨진 양식에 대해서는 onChange를 사용하여 AJAX에 새 날짜를 다시 보냅니다. 따라서 datepicker를 클릭하면 변경 내용을 확인한 후 숨겨진 양식 필드를 업데이트하여 날짜를 데이터베이스로 다시 보냅니다. 합리적인가? 도움을 주셔서 감사합니다. :) – ckrailo

+0

숨겨진 양식 필드를 수정하는 데 JS를 사용하지 않았지만 표시된 양식을 수정하는 것과 똑같이 작동해야합니다 (고유 ID를 가진 한 해당 항목에 쉽게 액세스 할 수 있어야합니다.). 따라서 브라우저에서 클라이언트 측에서 업데이트 된 양식을 얻을 수 있다면 AJAX가 필요하지 않습니다. 폼을 제출할 때 Perl은 모든 폼 필드를 살펴보고, 변경된 날짜를 파악하고, 변경된 값을 다시 DB에 씁니다 (또는 모두를 다시 쓸 수 있습니다. DB). – jimtut

+0

datepicker JS로 먼저 플레이 - 페이지의 내용을 업데이트 할 수 있는지 확인하십시오. 당신이 그 일을 할 수 있다면, 백엔드 펄 물건은 쉬워야한다. – jimtut

관련 문제