묻고답하기
contact 메일 폼에서 placeholder 를 삽입하고 싶습니다.
2013.03.28 02:39
XE core ver. 1.7.3 을 이용하고 있습니다.
Contact 모듈을 이용해서 메일을 받는 페이지를 생성하려고 합니다.
위에 이미지를 보시면 왼쪽 '제목' ,' 이메일' 처럼 input box 에 넣어야할 제목이 있는데,
스킨 index를 다음과 같이 placeholder를 삽입해서
<tr>
<th scope="row">{$lang->contact_subject} <em class="required_icon">*</em></th>
<td><input class="text" type="text" name="Subject" placeholder="{$lang->contact_subject}"></td>
</tr>
<tr>
<th scope="row">{$lang->contact_email} <em class="required_icon">*</em></th>
<td><input class="text" type="text" name="Email" placeholder="{$lang->contact_email}"></td>
</tr>
input box 안에 텍스트를 입력하기 전에 제목을 위에 이미지 처럼 나타나게 하고 아래 처럼 왼쪽의 제목을 없애려고 합니다.
그런데, 사용자 정의로 추가한 목록인 연락처와 같은 경우는
스킨 index 페이지에서
<tr cond="$form_extra_keys" loop="$form_extra_keys => $key, $val">
<th scope="row">{$val->name}<!--@if($val->is_required=='Y')--><em class="required_icon">*</em><!--@end--></th>
<td>{$val->getFormHTML()}</td>
</tr>
이렇게 되어있기 때문에 변수에 따라 형태를 나타내게 되어 있어서,
Xe 코어 에서 어디 부분이 적용되어 있어서 수정을 해야하는 지 알고 싶습니다.
변수부분에도 placeholder 를 삽입해서 제목을 input box 안에서 나타내게하고 클릭하면 사라지게 하고 싶습니다.
댓글 1
-
송동우
2013.03.28 22:42
-
박선훈537
2013.03.30 02:50
답변 정말 감사합니다. 모듈 스킨은 카메론스킨을 사용하였습니다. 답변이 도움이 되었습니다. 제가 설명이 부족하였나 봅니다. 연락처는 예를 든 경우이고 확장 변수별로 변수명에 따라 달라지게 하고 픈거였습니다. 죄송합니다. 그래서 말씀하신 확장변수명에 따른 조건을 어떻게 걸어야 하는지 답변을 주시면 정말 감사하겠습니다. -
박선훈537
2013.03.30 02:57
다국어도 지원도 가능한 답변을 부탁드리겠습니다. -
박선훈537
2013.03.30 03:06
송종우님 감사합니다. 두번쨰 답변을 기다리다가 위의 답변으로 궁리하다보니 해결이 되었습니다. 답변하나하나에 신경써주셔서 정말 감사합니다. -
박선훈537
2013.03.30 03:07
알려주신 위치에 placeholder="'. $name .'" 이렇게 적용하니 되는 군요. 감사합니다. ^^^
질문의 이미지에 나온 폼은 개인이 만든 폼인가요?
모듈스킨에 대한 정보는 없고
기본적으로 xe에 있는 스킨에는 보이지 않고
그래서
xe에 있는 스킨을 기준으로 설명을 합니다.
기본적으로 있는 항목은 (제목, 이메일, 내용)
xe - modules - contact - skins - xe_contact_official - contact_form.html
여기에서 하드코딩으로 작성하면 됩니다...
확장변수로 생성된 항목은 (연락처)
xe - classes - extravar - Extravar.class.php 열고
line 382 쯤에
'<input type="text" name="' . $column_name . '[]" value="' . $value[0] . '" size="4" maxlength="4" class="tel" placeholder="tel" />'
붉은 색이 추가된 내용.....
이런 식으로 하면 됩니다.....
다른 항목들도(확장변수)
형식별로 찾아서 추가하면 됩니다.
주의할 점은 그렇게 지정하면 다른 모듈의 확장변수에도 똑같이 나타나기 때문에
모듈별로 다르게 표현하거나 특정 모듈에서만 나타나게 하거나 하는 것은
확장변수명이나 모듈명 등으로 조건을 걸어야 하는데
지금 질문과는 해당사항이 없는 것으로 보여 생략합니다......
결과 눈으로 보기.....