세이박스

초급, 중급 앱개발자를 위한 힐링캠프! 무엇이든 물어보세요! 안드로이드, iOS 초보자 대환영 ^^ - 신청접수중

모바일앱개발

 

 

 

안녕하세요
안드로이드 스터디 운영자 이경용입니다.
평소 앱개발시 여러 가지 애로사항 많으셨죠 ^^;
특히, 아래의 사항들에 대한 고민이 많지 않으셨나요?

 

안드로이드
- 하이브리드앱 개발시 각종 오류해결
- 서버-클라이언트 구축
- 각종 센서 관리
- 각종 API 관리
- 기타

 

iOS
- 메모리관리
1) 개요
2) ARC
- API 관리
1) 트위터 API
2) MAP API
3) 기타 API
- UI/UX 기획
1) 모바일 특성에 맞는 UI설계
2) Apple UX를 통한 사용자 환경 최적화하기
- Reject Case
1) 기획단계에서의 리젝요소
2) 디자인단계의 리젝요소
3) 개발단계의 리젝요소

 

그래서 준비했습니다! ^^
개발경력 10년차 이상의 전문가들과
상기의 자주 나오는 문제들에 대해 함께 이야기할 수 있는 시간!
자세한 내용은 아래와 같습니다.

 

- 아 래 -
■ 주최사 : 한국콘텐츠진흥원 스마트콘텐츠센터
■ 주관사 : (주)위너스랩
■ 협력사 : 안드로이드 스터디
■ 컨설턴트 특징
- 다수의 Android, iOS 앱개발 경력보유
- 해당 분야 10년 이상 경력자
■ 컨설턴트 소개
- (주)위너스랩 개발1팀, 최원용 이사 (iOS 전문가)
개발2팀, 정재공 팀장 (Android 전문가)
- (주)위너스랩 www.winnerslab.kr
■ 대상 : 스마트콘텐츠(앱) 초급, 중급 개발자
■ 비용 : 무료
■ 문의 : (주)위너스랩 동우상 소장 / brucedong@naver.com / 0505-611-6115

 

■ 신청 : 온오프믹스 (http://onoffmix.com/event/10844)

 

※ 단, 개발업무의 특성상, 사전에 질문을 주시면
보다 만족스러운 답변을 드릴 수 있을 것으로 생각됩니다.
아래 사이트에 미리 질문 올려주시기 바랍니다.
(무료 온라인상담실입니다. 2013년 2월까지 운영)
여러분의 많은 관심과 참여바랍니다.
감사합니다.

 

자바스크립트를 이용해서 링크 클릭시 테이블 보이기 숨기기 style display 활용

웹프로그램

고객센터 질문과답변 페이지를 보여 줄때 답변 내용이 길게 나올 경우 페이지가 쭉 늘어나 정작 필요한 답변을 찾기가 쉽지가 않습니다.
이럴때 답변은 숨겨 놓고 질문 제목을 클릭하면 답변이 보이며 좀전 열었던 답변은 숨기는 기능을 자바스크립트와 style display을 이용해서 적용해 보겠습니다.


1. 자바스크립트 소스

<script language="javascript">
<!--
function QnaShow(qna) {
 /* 질문 갯수 만큼 추가 해 줍니다 */
 document.all.qna1.style.display = "none";
 document.all.qna2.style.display = "none";
 document.all.qna3.style.display = "none";
 /* 요청한 답변을 보이기 처리 입니다 */
 var obj = eval("document.all." + qna);
 obj.style.display = "block";
}
//-->
</script>



2. 테이블 소스

<table>
 <!-- 질문 1 -->
 <tr>
  <td><a href="javascript:QnaShow('qna1')">질문1</a></td>
 </tr>
 <tr id="qna1" style="display:none;">
   <td>답변1</td>
 </tr>
 <!-- 질문 2 -->
 <tr>
  <td><a href="javascript:QnaShow('qna2')">질문2</a></td>
 </tr>
 <tr id="qna2" style="display:none;">
   <td>답변2</td>
 </tr>
 <!-- 질문 3 -->
 <tr>
  <td><a href="javascript:QnaShow('qna3')">질문3</a></td>
 </tr>
 <tr id="qna3" style="display:none;">
   <td>답변3</td>
 </tr>
</table>


3. 소스 설명 :
제목을 클릭시 자바스크립트 QnaShow() 함수를 호출합니다.
이때 함께 전달한 qna 값으로 어떤 질문을 클릭했는지 구분합니다.
먼저 모든 질문을 숨기기 처리합니다.
1번 질문을 본뒤에 2번 질문을 클릭시 1번 질문을 숨기고 2번 질문의 답변을 보여주기 위한 처리인데 일괄적으로 모든 질문의 답변을 숨긴뒤에 원하는 답변만 보여주는 처리 입니다.
열려있는 질문만 숨기기 코딩하면 좋겠지만 오히려 소스가 복잡해줄수 있으므로 질문추가시 자바스크립트 항목중 document.all.qna3.style.display = "none"; 이부분도 함께 추가해 줍니다.
숨기기 처리가 끝나면 var obj = eval("document.all." + qna); 에서 obj로 클릭한 질문의 답변 <tr> id값을 조합합니다.
그리고, obj.style.display = "block"; 에서 지정한 <tr> style의 display 값을 block 으로 적용해서 보이도록 합니다.
이와같은 적용으로 페이지를 다시 접속하지 않고도 보이기 또는 숨기기 적용이 됩니다.


 ▶ 최신영화, 최신 미국드라마 무료 다운로드...