login register Sysop! about ME  

2019년 04월 17일 21시 06분 00초,     조회수 : 2293
  제목 : 페이지가 시작(초기화)할때부터 hide와 show를 결정짓는 방법은?
SEQ : 24088 글쓴이 : yiti67

작성 포맷 : TEXT 모드, 자동 줄바꿈 사용

제가 온라인으로만 홈페이지 만드는 법을 배우면서 가장 어렵게 생각하는 부분입니다.

예를들어, 세계지도 홈페이지를 만든다고 가정하겠습니다.

라디오버튼을 "아시아", "유럽", "아메리카"를 선택하게 합니다.
위 라디오버튼이 선택되면, 각각의 맞는 나라명단 라디오버튼이 표시됩니다.
(정말 이런 홈페이지를 만든다면, select 가 더 어울리겠지만...^^)

예를들어서,
"아시아"를 선택하면, 라디오버튼 "한국, 일본, 중국, ..."이 표시됩니다.
"유럽"을 선택하면 라디오버튼 "영국, 프랑스, 스페인,..."이 표시됩니다.

그리고,
각 국가 라디오버튼을 누르면 해당 국가의 설명 탭이 표시되도록...^^

이런 페이지를 생성하면서 이런 조건을 포함시켜야 합니다.
즉, 로그인 회원이 속한 국가를 페이지 표시때 자동으로 띄우는 겁니다.

마지막의 "로그인 회원 국가 자동표기"만 없다면,
아래와 같이 코딩하면 되는 거죠~^^

즉, 
	   	   $('#radLAND_ASIA').click(function () {
	   	   	   $('#popup-eu').hide(); 
	   	   	   $('#popup-asia').show(); 
	   	   });
	   	   $('#radLAND_EU').click(function () {
	   	   	   $('#popup-eu').show(); 
	   	   	   $('#popup-asia').hide(); 
	   	   });
이렇게 코딩하면, 각 대륙을 선택하면, 해당 국가 라디오버튼들이 배치된 <div id="popup-eu'"> 또는 <div id="popup-
aisa'">가 표시되겠죠?

그런데, 처음 페이지를 열때,
로그인 회원의 국적이 aisa 지역이면 처음에 $('#radLAND_ASIA').click 이벤트 즉, 
	   	   	   $('#popup-eu').hide(); 
	   	   	   $('#popup-asia').show(); 
으로, 회원의 국적이 유럽이면 처음에 $('#radLAND_EU').click 이벤트 즉, 
	   	   	   $('#popup-eu').show(); 
	   	   	   $('#popup-asia').hide(); 
으로 표시되려면 어떤 추가 코딩을 해야 하나요?

이것이 너무 어렵네요^^

  virgo75
  2019-04-18(10:03)
캐릭 이미지
일단 전제가 중요할듯 하네요 로그인 처리시에 어디에 값을 이용할수 있으면, 어떤 값까지 저장되어 있을지 ??

그거에 따라서 유동적으로 처리 할수 있는 페이지를 비동기 호출형식으로 호출해서 처리 가능 구문을 동적으로 변경되게 처리 할
듯 하네요 ???

  ztardia
  2019-04-18(11:43)
캐릭 이미지
자바스크립트 마지막에 회원정보에 따라서

$('#radLAND_ASIA').click();

이렇게 호출하면 되겠네요

  supercore
  2019-04-18(13:58)
캐릭 이미지
document.ready~

// [1] 국적정보
USER_AREA = "asia";

// [2] USER_AREA 검증( asia, eu....)

// [3] 탕~
$("popup-"+ USER_AREA.toUpperCase()).trigger("click");

  jhz358
  2019-07-08(22:52)
캐릭 이미지
위와 같은 겨웅 라디오 버튼의 경우 라디오 버튼의 그룹을 사용 하는게 맞는 거 같은데요.
그룹전체를 제어 하는게 맞는듯 합니다.



제목 작성자 날짜 조회
페이지가 시작(초기화)할때부터 hide와 show를 결정짓는 방법은? (4) yiti67 2019-04-17 2293

 
 
.NET과 Java 동영상 기반의 교육사이트

로딩 중입니다...

서버 프레임워크 지원 : NeoDEEX
based on ASP.NET 3.5
Creative Commons License
{5}
{2} 읽음   :{3} ({4})