좁은 창의 내용을 새로운 팝업창으로 HTML, CSS 2009. 8. 12. 11:00

좁은 칸에 아래 위로 짤리는 글씨.. 스크롤로 왔다갔다 하면서 보기 힘드시죠?
그래서 새로운 팝업창을 통해 그 안의 내용을 확인할 수 있는 소스를 공개하겠습니다.


위와 같은 글 내용입니다.
아래쪽에 스크롤이 왔다갔다 하고.. 내용이 커서 한눈에 잘 보이지 않는 불편함이 있지요?
그래서 위에 미리보기 버튼을 누르면


이렇게 팝업으로 크게 볼 수 있도록 합니다.
오른쪽 위에 프린트할 수 있는 버튼과 닫기 버튼이 보이시죠?ㅎㅎ
밑에 소스는 미리보기 버튼을 눌렀을 때 호출하는 함수입니다.

function view(){
   var msg = document.getElementById('<%=lblMsg.ClientID%>').innerHTML;
   var html = window.open();
    
   html.document.writeln('<HTML><HEAD><title>Print Preview</title>')
   html.document.writeln('<base target="_self"></HEAD>')
   html.document.writeln('<body MS_POSITIONING="GridLayout" bottomMargin="0" leftMargin="0" topMargin="0" rightMargin="0">');
   html.document.writeln('<form  method="post">');
   html.document.writeln('<TABLE width=100%><TR><TD></TD></TR><TR><TD align=right><INPUT ID="PRINT" type="button" value=" PRINT " onclick="javascript:location.reload(true);window.print();"><INPUT ID="CLOSE" type="button" value=" CLOSE " onclick="window.close();"></TD></TR><TR><TD></TD></TR></TABLE>');
   html.document.writeln(msg);
   html.document.writeln('</form></body></HTML>');
}

좀 복잡해보이지만 대충 이해하셨을거라고 생각됩니다.
lblMsg는 우리가 크게 뿌려줄 내용을 담은 라벨이구요.
이것을 msg변수에 너어줍니다.

^^


저작자표시 비영리 동일조건
,
도쿄여행 다녀왔습니다! 오늘하루 2009. 8. 1. 22:49
주말에 도쿄로 도깨비여행을 다녀왔습니다.
7월 11일 새벽에 출발해서 주말에 놀다 13일 아침비행기로 왔지요.
포스팅이 참 빠르네요.하하하하하하하

하네다 공항에 도착해서 모노레일을 타러 갔습니다.
모노레일이라고 해서 롯데월드에 있는 그런 것인줄 알았는데 그냥 지하철이었어요.하하



일본어로 된 표 판매기(?).
다행히 영어로 설정을 바꿀 수 있고 책자에 나온 요금에 맞춰 무사히 표를 구매했습니다.
지하철은 우리랑 별로 다를 게 없네요.

첫째날은 숙소 아저씨께서 일어나실 때까지 짐을 들고 오에도공원에 갔습니다.
하지만..잘못된 선택이었죠-_ -
일본에 다녀왔던 다른 친구 말론.. 오에도 공원이 도쿄에서 가장 더러운 곳(?)인 것 같다고 하더군요.
그리고 정말.. 제 몸통만한 까마귀도 봤습니다.(오바가 살짝 섞였네요..)



편의점에서 도시락을 사서 공원에서 먹었습니다.
말이 공원이지.. 노숙자 님들이 벤치를 장악한 그런 곳이었어요.
말걸까봐 저 도시락을 어떻게 먹었는지 기억도 안나네요. 맛도 못 느낄 만큼 허겁지겁 먹었어요.

그리고 숙소에 가서 조금 잔 후에 시부야로 향했습니다.



역으로 나오자 큰 백화점이 하나 보였습니다. 이름이 뭐였더라-_ -a
사람 진짜 엄~~~~청 많아요. 우리나라의 명동, 신촌보다 더 많은듯;
그리고 '모스버거' 시식했어요. 햄버거 사진은.. 별로 맛이 없게 나와서 ㅋㅋㅋ
시부야에 오면 꼭 먹어야 한다고 해서 먹었는데 친절하더군요.
패스트푸드점이었는데도 주문을 하자 직원이 자리를 안내해주고 음식이 나오면 서빙을 해줍니다.
가격도 괜찮은 편이었어요.

그리고 저흰 시부야에서 길을 잃었죠....



사람 사는 곳은 일본이든 우리나라든 비슷하네요.
길거리에 청소하는 편의점 주인도 있고,
꽃집, 카페, 붐비는 음식집 등등.
헉.. 갑자기 뭉클하면서 그립네요.....



시부야 구경을 하고 하라주쿠에 왔습니다.
사람 좀 보세요-_ -;
일본은...도쿄에 절반 이상이 살고 있는듯;
저 많은 사람들이 도대체 어디서 온 걸 까요..
우리나라의 명동인 듯 했습니다. 양쪽으로 옷가게, 악세사리 가게가 쭉 늘어서 있습니다.



하라주쿠에 오면 꼭! 크레페를 먹어야 한다네요.
전 바나나크림? 그리고 제 친구는 스트로베리 어쩌고 저쩌고를 시켰는데..
맛은...; 제 선택이 잘못된 것이었겠죠?
개인적으로 제가 먹은 밍밍한 바나나크림보다는 아이스크림이 들어간 제 친구 크레페가 더 맛있었어요.
하라주쿠에서 크레페를 먹을 예정이신 분들은 꼭 참고하시길 바랍니다.



하라주쿠를 뒤로하고 신주쿠에 왔습니다.
왠지 저희 집앞을 지나는 경의 지하철 같네요.
그리고 역시나.. 신주쿠에도 사람 정말 많습니다.
어쩜 시부야나 하라주쿠나 신주쿠나.. 사람이 저렇게 골고루 많을 수 있는건지..^^;;;



끊어질 것 같은 다리를 이끌고 커피숍에서 잠깐 쉬었습니다.
스타벅스에 갈까 잠깐 망설였는데..
우리나라에도 있는 스타벅스보단 일본에 있는 일본카페가 나을 것 같아 들어왔습니다.
주문할 때 점원이 뭐라뭐라 했는데 못알아들어서 그냥 웃었습니다.
뭐라고 했을까요.....a

그리고 마지막으로 도쿄의 야경을 보기 위해 도쿄도청으로 향했습니다.
하지만 하지만 하지만.. 길이 너무 복잡했어요;
"도쿄도쵸와 도꼬데스까"를 얼마나 연발했는지 기억도 안나요.
다행히 친절한 일본경찰님이 지도로 표시해주셔서 찾을 수 있었습니다.
(여행책자 믿지마세요. 책자만 봐선 절대 못찾으니 경찰관을 찾으세요!)



30분여를 헤매고 겨우 도착한 도쿄도청입니다.
한국관광객들도 많이 있더라구요. 일본커플들도 그렇고..
도쿄타워와 달리 도쿄도청은 공짜입니다!



도쿄도청에서 본 도쿄의 야경입니다.
멋있네요! 우리나라 N서울타워의 야경과 비슷비슷.

힘들었던 첫날의 하루였습니다.
집에 오는 길에 편의점에서 주먹밥과 아사히맥주한캔씩을 사들고 갔는데
맥주 한 캔에 얼굴 시뻘개져서 잠들었습니다.

둘째날 여행은 내일 포스팅해야겠네요.

저작자표시 비영리 동일조건
,
영화 '국가대표' 느낀것들 2009. 8. 1. 22:10
사실 목적은 해리포터였습니다.
근데 같이 있던 친구 한명이 해리포터 시리즈를 보지 않았기 때문에 급 '국가대표'를 보았지요.
무엇보다 이 영화를 선택하게 된 큰 이유는 평점 9.6이라는 약 4천명의 네티즌 덕분이었죠.하하

하지만 영화의 중반까지만 하더라도 도대체 왜 이렇게 평점이 높지? 하는 생각을 했습니다.
캐릭터의 사연들이 너무 산만하게 나열됐다는 느낌을 주더라구요.

특히 이은성씨가 연기한 방수연이란 캐릭터는.. 지금 생각해도 왜 나왔을까? 하는 생각이...
영화의 홍일점이 필요해서 억지로 끼워넣은 듯한 느낌이었습니다.
그리고 하정우역을 제외한 나머지 캐릭터들은.. 글쎄요. 어떻게 표현해야할 지 모르겠습니다.^^;

하지만 중반을 넘어서고 올림픽에서 경기를 하는 부분부터는 너무너무 좋았습니다.
김지석이 다리를 다쳐버려 그 동생 봉구가 대타로 점프하는 모습.
같이 본 제 친구는 죽을 것 같다고 걱정을 하더군요.
에이, 안죽어ㅋㅋ 이러고 있는데 넘어진 그 때 봉구가 일어나지 않아 순간 헉. 했습니다.

영화 ost도 너무 좋았구요.
최근에 본 '해운대' 보다는 '국가대표'가 더 재밌었던 것 같습니다.


이 포스터... 너무 멋지네요!
구은애씨 부러워요 *_* ㅋㅋㅋ
저작자표시 비영리 동일조건
,
alert 영어 경고메시지 HTML, CSS 2009. 7. 31. 10:13
비밀번호가 틀렸습니다. 다시입력해주세요. => Invalid password. Please try again. 
아이디가 틀렸습니다. 다시입력해주세요. => Invalid ID. Please try again. 
제목을 입력하세요. Enter your subject(title). 
제목을 입력하세요. Enter your contents(message). 
이름을 입력해주세요. => Enter your name. 
아이디를 입력하세요. Enter your ID. 
패스워드를 입력하세요. Enter your password. 
아이디가 존재하지 않습니다. 관리자에게 문의해 주세요. ID does not exist. Please contact the administrator. 
접근 권한이 없습니다. IT실 담당자에게 문의하세요. Not permitted to log in/connect. Please contact the IT administrator. 
접근권한이 없습니다. 관리자에게 문의해 주세요. Not permitted to log in/connect. Please contact the administrator. 
파일을 삭제하시겠습니까? Delete? 파일이 정상적으로 삭제 되었습니다. Deleted successfully. (Files deleted successfully.) 
등록 되었습니다. Registered/Saved successfully. 
수정 되었습니다. Updated successfully. 
삭제 되었습니다. Deleted successfully. 
삭제할 데이터가 없습니다. Nothing to delete. 
등록된 게시물이 없습니다. (게시물 = comment ?) No comment to delete. 
검색할 성명을 입력하세요. Enter name to search for. 
수신처를 지정해 주새요! Select contact method. 
부서 이하를 선택해 주세요. Select department from the list. 
검색된 사용자가 없습니다. Username does not exist. 
메세지를 받을 사람을 입력해 주십시오. Enter recipient's name.
저작자표시 비영리 동일조건
,
AJAX 달력 컨트롤 HTML, CSS 2009. 7. 29. 17:05



이런 형식 많이 보셨죠? 텍스트 박스를 클릭하면 날짜형식 포맷이 뜨고



옆에 달력버튼을 클릭하면 달력이 떠서 날짜를 선택할 수 있습니다.

그리고 날짜를 클릭하게 되면 이렇게 자동으로 날짜가 들어오지요.

자, 이제 소스를 보겠습니다.

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

<asp:Label ID="Label3" runat="server" Text="날짜"></asp:Label>
<asp:TextBox ID="txtEdate" runat="server" Width="70px"></asp:TextBox>
<asp:Button ID="ibtnTxtEdate" runat="server" Text="달력" />

일단 레이아웃을 이렇게 넣어야 겠지요.
Label로 "날짜"를 찍어주고, 옆에 텍스트박스 붙여주고 그리고 "달력"이라는 Text를 가진 버튼까지 완료입니다.
<cc1:CalendarExtender ID="CalendarExtender2" runat="server" Format="yyyy-MM-dd" PopupButtonID="ibtnTxtEdate" TargetControlID="txtEdate"></cc1:CalendarExtender>

음.. 제일 중요(?)한 부분입니다. 사실 저 아래에 두 이벤트는 있으면 좋지만 없어도 되거든요.
이 부분이 바로 달력에서 날짜를 클릭하면 yyyy-MM-dd형식으로 텍스트 박스에 뿌려주는 부분입니다.
<cc1:MaskedEditExtender ID="MaskedEditExtender2" runat="server" AcceptNegative="Left" ClearTextOnInvalid="true" DisplayMoney="Left" ErrorTooltipEnabled="True" Mask="9999/99/99" MaskType="Date" MessageValidatorTip="true" OnFocusCssClass="MaskedEditFocus" OnInvalidCssClass="MaskedEditError" TargetControlID="txtEdate"></cc1:MaskedEditExtender>

이 부분은 텍스트박스를 클릭했을 때 날짜 형식으로 보이게 합니다.
MaskType이 "Date"로 되어있는 게 보이시죠?


<cc1:MaskedEditValidator ID="MaskedEditValidator2" runat="server" ontrolExtender="MaskedEditExtender2" ControlToValidate="txtEdate" Display="Dynamic" EmptyValueMessage="날짜를 입력해주세요." ErrorMessage="MaskedEditExtender2" InvalidValueMessage="유효하지 않은 날짜입니다." MaximumValue="2100-01-01" MaximumValueMessage="날짜는 2100년 보다 작아야합니다." MinimumValue="1900-01-01" MinimumValueMessage="날짜는 1900년 보다 커야합니다." ValidationGroup="MKE"></cc1:MaskedEditValidator>

이 부분은 날짜의 범위를 정해주는 곳이구요.



아직 걸음마 수준이네요. css도 잘 몰라서 배우는 중입니다.
다음부턴 더 예쁘게 꾸며서 블로깅하도록 노력해보겠습니다. (하지만 시간이 좀 걸리겠네요..)

저작자표시 비영리 동일조건
,
제 8회 Daum DevDay 오늘하루 2009. 7. 24. 08:26

제주에서 열리는 Daum DevDay 참가모집이 시작됐습니다.

8월 9일 23:59까지 참가신청을 받고 결과는 8월 11일날 나오네요.

작년에 신청했는데 뽑히지 않았던 기억이....

근데 인원수가 줄었습니다. 원래 3명이었는데..

아마 코딩하는 사람의 수가 전체 인원수에 따라 비례하지 않는다고 생각했기 때문이겠죠? 저 역시 동의합니다.

가고 싶습니다! 근데 한명만 동행한다니 좀 불안하기도 하고, 왠지 부족한 저로선 미안하기도 하고......

그래도 8월말이니까 같이 열심히 준비하면 좋은 성과가 있지 않을까요?

참가비는 3만원이지만 항공, 숙박, 식사를 포함하여 모두 무료라고 합니다.

그리고 우수 프로젝트팀에게는 푸짐한 경품도 준비되어 있다고 하니 여러분도 신청해보세요!^^
(제가 참가했을 땐 최우수팀에게 닌텐도wii가......ㄷㄷ)


http://dna.daum.net/devday/devday8/

주소창입니다! 제주도로 고고싱♡


저작자표시 비영리 동일조건
,
웹표준..........!!! 오늘하루 2009. 7. 22. 11:25
소스코드 수정에 대한 업무가 내려졌습니다.
닷넷도 모르고 웹표준은 단어만 들어봤을 뿐인데.. 걱정됩니다.ㅠㅠ
지금 허겁지겁 공부하는 중인데 사실 100% 무슨 말인지 이해가 되지 않아요.

일단
열심히 공부중입니다!
저작자표시 비영리 동일조건
,
텍스트파일로 저장하기 JAVA 2009. 6. 24. 16:11
졸프진행중...
배열값을 텍스트파일 생성 후 저장시키는 작업이 필요했습니다.
그래서 saveFile 이라는 메소드를 만들어봤습니다.


public static void saveFile(String tmp[]) {
String s = System.getProperty("user.dir");
System.out.println(s);
StringBuffer FileName = new StringBuffer(s+"\\debug\\output.txt");   //저장위치 및 파일명
PrintWriter out;
try {
out = new PrintWriter(new FileWriter(FileName.toString(), false));
for(int i = 0; i < 20 ; i++){
out.println(tmp[i]);
}
out.close();
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}


String s = System.getProperty("user.dir");

이 부분은 현재 저장된 디렉토리를 불러오는 것이에요.
경로가 바뀌더라도 상관없겠지요.ㅎㅎ


out = new PrintWriter(new FileWriter(FileName.toString(), false));

뒤에 전 false라고 썼는데.. 원래 파일의 내용을 모두 지우고 새로 시작해야되기 때문이었어요.
텍스트파일의 내용은 유지하고 그 뒤에 저장시키려면 true로 바꿔주시면됩니다.

저작자표시 비영리 동일조건
,
4학년 여름방학! 인턴시작~ 오늘하루 2009. 6. 24. 16:05
이제 졸업을 1학기 앞둔..
두근두근거리는 4학년의 여름방학이 시작됐어요.

이번 여름방학을 어떻게 하면 알차게 보낼 수 있을까 생각했지요.
자바스크립트, 영어회화, 토익, 정보처리기사 실기합격 등등등............

그런데 인턴을 할 수 있는 기회가 생겨서 면접을 봤는데, 합격을 했습니다! 하하^^


2개월동안 진행될 예정이고, 대치동이네요.
집이 일산이지만.......잘 일어나야겠지요!

작년부터 방학에도 쉬지 않는 생활을 해왔습니다.
과연 대학생으로서의 마지막 방학을 알차게 보낼지는 제가 어떻게 하느냐에 달렸겠죠.

막 두근두근거리네요.ㅎㅎ
저작자표시 비영리 동일조건
,
DB값을 1씩 증가시키기 JAVA 2009. 6. 21. 15:30
오라클은 시퀀스가 지원되느니 어쩌느니... 그래서 시퀀스 만들고 난리부르스를 치다가 결국 gg쳤어요.
그래서 매우 간단한 방법으로 작성했답니다.
진작 이렇게 했으면 좋았을껄...싶네요 ㅋㅋ


Statement stmt = conn.createStatement();
rs = stmt.executeQuery("select num from article");
while(rs.next()){
i = rs.getInt("num");
}
pstmt = conn.prepareStatement("insert into article values(?,?)");
pstmt.setInt(1, ++i);
pstmt.setString(2, testStmt);
pstmt.executeUpdate();


간단하지요...?
저장된 값을 select문으로 읽어와서 그것을 다시 입력할 때 ++시켜주면 됩니다.
저 간단한 몇줄가지고 며칠 고생했네요..ㄱ-

저작자표시 비영리 동일조건
,

티스토리툴바