2015.10.18 00:43:28

확장변수에 이미지도 넣을 수 있나요?

beseto

확장변수의 단일 선택이나 라디오 버튼을 이용해서,

여러 간단한 이미지(이모티콘)를 넣는것도 재미있을것 같아서요.

자유게시판에 확장변수를 넣어서 오늘의 기분을 나타내는 여러 이모티콘중 하나를 골라서 나타내는것도 괜찮다 싶었어요.

혹시 가능할까요?

공홈 게시판을 찾아보니 아래 비슷한 자료가 있긴한데..

무려 10여년전 이야기라 지금은 어디다가 어떻게 넣어야 할지도 모르겠고;

<td>
<img src="웃음이미지링크" width=20 height=20 />

<img src="울음이미지링크" width=20 height=20 />

<img src="화남이미지링크" width=20 height=20 />

<img src="심쿵이미지링크" width=20 height=20 />

{$document->getExtraValueHTML($val->idx)} </td>

위로 아래로

misol

2015.10.18 00:54:50
#comment_29052

코드를 보니 조금 변형해서 쓸걸 예상해서 만든거 같아요. 웃음, 울음, 화남 등등 문자를 각각 선택값으로 넣고 위에 주신 코드는 게시판 스킨의 read.html (정확한 파일명은 불확실하지만 게시글 열람용 파일)에 넣으면 될 것 같습니다.

beseto
질문기여자

2015.10.18 02:34:01
#comment_29126

저걸 입력하고, 게시판 확장변수에 이름을 웃음,울음 등으로 맞춰놓으면 이미지가 나오는건가요! OTZ.. 어우, 어렵네요;

하늘희

2015.10.18 02:20:46
#comment_29108

확장변수에 이미지를 넣는 것이 아니라,

확장변수에 선택형 확장변수를 해놓고.위처럼 웃음,울음,화남등을 선택하면

그걸 보여주는 곳에서 그 값을 비교문으로 해서 이미지를 나오게 하는 방식입니다.

beseto
질문기여자

2015.10.18 02:32:21
#comment_29121

...쥐뿔도 모르는 초보자는 머리가 빙그르르르르.. OTZ

하늘희

2015.10.18 04:47:16
#comment_29183

우선 확장변수를 하나 생성합니다.
형태는 select나 radio(단일)로 하시구요..

기본 값을 웃음,슬픔,기쁨,화남 등등으로 입력하시고..

그리고 해당 이미지(아이콘)이 나오기 바라는 곳 (보통 게시판 스킨의 read.html 파일/스킨마다다름)을 열어서

표시하고자 하는 위치에 위의 코드를 삽입하면 됩니다.

beseto
질문기여자

2015.10.18 14:40:53
#comment_29459

라디오버튼 만들고, 스케치북5의 _read파일에  이라고 써 있는 부분에 넣었더니,
Error Parsing Template - syntax error, unexpected T_ELSE in template file modules/board/skins/sketchbook5/_read.html
요렇게 나와서 목록은 보여도 게시글은 볼 수가 없어요.. 으음....

하늘희

2015.10.18 16:53:09
#comment_29652

$document를 $oDocument로

하늘희

2015.10.18 16:53:52
#comment_29656

리스트 목록에 하려면 리스트 파일에서 찾아서 그대로 하셔 되고요

beseto
질문기여자

2015.10.18 18:30:23
#comment_29742

_read 파일과 list 파일에 각각 아래처럼 넣었는데..

<td>
<img src="/Other/emo01.png" width=20 height=20 />
<img src="/Other/emo02.png" width=20 height=20 />
<img src="/Other/emo03.png" width=20 height=20 />
<img src="/Other/emo04.png" width=20 height=20 />
{$oDocument->getExtraValueHTML($val->idx)} 
</td>

_read 파일(header부분)이나 list 파일(본문 부분)중 하나에만 넣을땐, 이런 오류가.
Error Parsing Template - syntax error, unexpected T_ELSE in template file modules/board/skins/sketchbook5/_read.html

두개 다 넣어보니, 아래 오류가...
Parse error: syntax error, unexpected T_ELSE in /home/beseto/user/files/cache/template_compiled/d674aee0eed81579c547408b996aeedc.compiled.php on line 92

으으.. 쉬워보였는데 어렵네요 이거;

하늘희

2015.10.18 22:38:21
#comment_30581

아 음 저게 확장변수 반복문안에 넣어야 하네요..

자세한 건 내일 알려드릴게요 ㅎㅎ

지금은 휴대폰인지라..

beseto
질문기여자

2015.10.18 22:42:01
#comment_30618

아이쿠.. 이거 이만저만 실례가 많네요;
신경써주셔서 감사하고 또 고맙습니다 ㅠ

하늘희

2015.10.19 10:13:41
#comment_31127

게시판 본문

<td>
<!--@ if($oDocument->getExtraEidValue('확장변수ID')=="웃음")-->
<img src="웃음이미지링크" width=20 height=20 />
<!--@ else if($oDocument->getExtraEidValue('확장변수ID')=="울음")-->
<img src="울음이미지링크" width=20 height=20 />
<!--@ else if($oDocument->getExtraEidValue('확장변수ID')=="화남")-->
<img src="화남이미지링크" width=20 height=20 />
<!--@ else if($oDocument->getExtraEidValue('확장변수ID')=="심쿵")-->
<img src="심쿵이미지링크" width=20 height=20 />
<!--@ else-->{$oDocument->getExtraEidValue('확장변수ID')} <!--@ end-->
</td>

게시판 리스트

<td>
<!--@ if($document->getExtraEidValue('확장변수ID')=="웃음")-->
<img src="웃음이미지링크" width=20 height=20 />
<!--@ else if($document->getExtraEidValue('확장변수ID')=="울음")-->
<img src="울음이미지링크" width=20 height=20 />
<!--@ else if($document->getExtraEidValue('확장변수ID')=="화남")-->
<img src="화남이미지링크" width=20 height=20 />
<!--@ else if($document->getExtraEidValue('확장변수ID')=="심쿵")-->
<img src="심쿵이미지링크" width=20 height=20 />
<!--@ else-->{$document->getExtraEidValue('확장변수ID')} <!--@ end-->
</td>

beseto
질문기여자

2015.10.19 16:15:09
#comment_31821

으음.. 확장변수 아이디라는게 사용자 정의이름(확장변수 이름) ...인..가요? ㄷㄷㄷ

아니면, idx=1 이라고 입력해야하나요?

하늘희

2015.10.19 16:16:20
#comment_31852

네 사용자 정의 이름 입니다.

beseto
질문기여자

2015.10.19 19:41:18
#comment_32180

list 파일에만 넣으면.. 이런 오류.
Error Parsing Template - syntax error, unexpected T_ELSE in template file ./modules/board/skins/sketchbook5/list.html

안되서 list_normal 파일에 넣어보니.. 이런 오류.
Error Parsing Template - syntax error, unexpected T_ELSE in template file modules/board/skins/sketchbook5/_list_normal.html

그래서 _read 파일이랑 다 같이 해서 넣어보니, 이런 오류...
Parse error: syntax error, unexpected T_ELSE in ....../user/files/cache/template_compiled/d674aee0eed81579c547408b996aeedc.compiled.php on line 93

제가 뭘 잘못 썼나봐요...a
아래와 같이 넣었는데, 이게 잘 안되네요;;
<td>

<img src="/Other/emo01.png" width=20 height=20 />

<img src="/Other/emo02.png" width=20 height=20 />

<img src="/Other/emo03.png" width=20 height=20 />

<img src="/Other/emo04.png" width=20 height=20 />
{$document->getExtraEidValue('emo')} 
</td>

하늘희

2015.10.19 19:43:32
#comment_32184

저.. if 보시면 @ if 이렇게 쓰셨는데

띄어쓰기 있음 안됩니다.

@if
@else
이렇게 붙어야 해요
@end 도요

beseto
질문기여자

2015.10.19 19:47:51
#comment_32198

붙였더니, 이런 오류가.. _read 와 list .html 파일에 넣었는데.. 으음.
파일에 문제가?;
.....user/files/cache/template_compiled/d674aee0eed81579c547408b996aeedc.compiled.php on line 93

하늘희

2015.10.19 19:52:43
#comment_32224

<td>
<!--@if($document->getExtraEidValue('emo')=="웃음")-->
<img src="/Other/emo01.png" width="20" height="20" />
<!--@else if($document->getExtraEidValue('emo')=="울음")-->
<img src="/Other/emo02.png" width="20" height="20" />
<!--@else if($document->getExtraEidValue('emo')=="메롱")-->
<img src="/Other/emo03.png" width="20" height="20" />
<!--@else if($document->getExtraEidValue('emo')=="화남")-->
<img src="/Other/emo04.png" width="20" height="20" />
<!--@else-->
{$document->getExtraEidValue('emo')}
<!--@end-->
</td>

list.html ( 아마 list_normal.html 인가 그럴 듯 스케치북이라면)

에서는 이렇게 넣으셔야 하고..

read.html 본문에서는

<td>
<!--@if($oDocument->getExtraEidValue('emo')=="웃음")-->
<img src="/Other/emo01.png" width="20" height="20" />
<!--@else if($oDocument->getExtraEidValue('emo')=="울음")-->
<img src="/Other/emo02.png" width="20" height="20" />
<!--@else if($oDocument->getExtraEidValue('emo')=="메롱")-->
<img src="/Other/emo03.png" width="20" height="20" />
<!--@else if($oDocument->getExtraEidValue('emo')=="화남")-->
<img src="/Other/emo04.png" width="20" height="20" />
<!--@else-->
{$oDocument->getExtraEidValue('emo')}
<!--@end-->
</td>

이렇게 해야하는데

에러가 나나요?

콤바때문에 그런가?

그럼 이렇게 해보세요 (list)

<td>
{@
$icon_style = $oDocument->getExtraEidValue('emo');
}
<!--@if($icon_style=="웃음")-->
<img src="/Other/emo01.png" width="20" height="20" />
<!--@else if($icon_style=="울음")-->
<img src="/Other/emo02.png" width="20" height="20" />
<!--@else if($icon_style=="메롱")-->
<img src="/Other/emo03.png" width="20" height="20" />
<!--@else if($icon_style=="화남")-->
<img src="/Other/emo04.png" width="20" height="20" />
<!--@else-->
{$icon_style}
<!--@end-->
</td>

하늘희

2015.10.19 19:54:13
#comment_32228

그래도 안된다면

<td>
{@
$icon_style = $oDocument->getExtraEidValue('emo');
}
<img src="/Other/emo01.png" width="20" height="20" cond="$icon_style=='웃음'" />
<img src="/Other/emo02.png" width="20" height="20" cond="$icon_style=='울음'" />
<img src="/Other/emo03.png" width="20" height="20" cond="$icon_style=='메롱'" />
<img src="/Other/emo04.png" width="20" height="20" cond="$icon_style=='화남'" />
</td>

하늘희

2015.10.19 19:59:54
#comment_32266

아 지금 보디 width랑 height에 "" 이게 없네요.. 이것떄문일지도 모르겠어요

어쨌든 웹표준은 "" 이걸 입력해줘야 하거든요..

beseto
질문기여자

2015.10.19 20:06:57
#comment_32301

위에껀 오류가 나서, (list) 맨 아래껄로 적용해봤는데, 잘 나오더군요!!! 와우!!!!! 싱기방기!!!
그런데, 위치가 안맞아요;; 지금 계속 여기저기 다른 위치에 복붙해보는데 엉뚱한 위치에만 계속 나오고 있어요. ㅠ

리스트에는 그냥 텍스트(웃음) 로만 나오고 있고.

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

본문의 글을 보게되면

확장변수는 텍스트(웃음) 이라고 나오고.,

엉뚱하게 최상단과 본문 바로 윗줄에 한개씩, 두개가 떠있더군요;;

하늘희

2015.10.19 20:09:49
#comment_32335

적용한 위치가 잘못하신겁니다.

하늘희

2015.10.19 20:16:15
#comment_32340

근데 어디에 나오고 하고 싶으세요?

글 제목 앞에? 아니면 위의 스샷처럼 이모티콘 테이블에?

beseto
질문기여자

2015.10.19 20:30:40
#comment_32352

지금 어딘지 아리송해서 한줄한줄, 이파일 저파일 복붙해보고 있어요;;

두군데가 필요한데, 둘 다 텍스트 대신 그림으로 나왔으면 하는 바람이라..

하난 본문의 이모티콘 : 웃음 (텍스트 대신 이미지)

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

다른 하나는, 게시판 목록리스트에서 분류(카테고리) 부분.

역시 텍스트 대신 이미지 였으면...

음악과 악보를 다루는 홈페이지다보니,

저 곳에 피아노면 피아노, 기타면 기타 이미지를 넣어서 무슨 악보인지 파악하기 쉽게 편의성을 두고 싶어서 (....)

하늘희

2015.10.19 20:33:31
#comment_32363

그런 목적이라면 현재 방법으로 하면 안됩니다.

또한 td도 필요 없는 부분이구요

beseto
질문기여자

2015.10.19 20:34:39
#comment_32371

무...뭐시라고요..... 헑..... OTZ..

하늘희

2015.10.19 20:50:11
#comment_32390

read파일이랑 리스트노멀 파일 줘보세요

beseto
질문기여자

2015.10.19 20:53:06
#comment_32398

여기 깨끗한 놈으로다가 드릴께요.

_list_normal.html-x

_read.html-x

하늘희

2015.10.19 21:35:49
#comment_32433

테스트는 해보지 않았지만 아마.._read.html-x-x _list_normal.html-x-x

beseto
질문기여자

2015.10.19 21:54:31
#comment_32470

헐... 엄청 잘 나와부러요...........
헐.. 엄청남..... 헐... 대단하심 ... 할말을 잃는다..

어.,.어떻게 안마라도.. ㅠ 진짜 최고최고!!!! 우와.....신기하다.. 우와우와....

하늘희

2015.10.19 22:09:10
#comment_32485

ㅋㅋㅋ

beseto
질문기여자

2015.10.19 22:14:55
#comment_32489

어엇.. 추.. 추가 질문 하나만 해도 되나이까..

▲ 얘네도 자동으로 되는줄 알고 있다가, 텍스트로 나와서...

▼ write_form.html 파일 건들여서 .. 요렇게 적으면 오류나던데.

똑같이 했는데... 왜 OTZ 오류가...

<!--// 상단 : 카테고리, 제목 -->
<table class="bd_wrt_hd bd_tb">
<tr>
<!--@if($val->eid == 'emo')-->
<td>
<!--@if($val->getValueHTML() == '웃음')-->
<img src="/Other/emo01.png" width="20" height="20" />
<!--@else if($val->getValueHTML() == '울음')-->
<img src="/Other/emo02.png" width="20" height="20" />
<!--@else if($val->getValueHTML() == '메롱')-->
<img src="/Other/emo03png" width="20" height="20" />
<!--@else if($val->getValueHTML() == '화남')-->
<img src="/Other/emo04.png" width="20" height="20" />
<!--@else-->
{$val->getValueHTML()}
<!--@end-->
<select cond="$mi->use_category=='Y' && $category_list" name="category_srl" class="category">
<option value="">{$lang->category}</option>
<option loop="$category_list => $val" disabled="disabled"|cond="!$val->grant" value="{$val->category_srl}" selected="selected"|cond="$val->grant&&$val->selected||$val->category_srl==$oDocument->get('category_srl')">
{str_repeat("  ",$val->depth)} {$val->title} ({$val->document_count})
</option>
</select>
</td>
<td width="100%">
<span class="itx_wrp">
<label for="postTitle">{$lang->title}</label>
<input type="text" name="title" class="itx" id="postTitle" title="{$lang->title}" value="{htmlspecialchars($oDocument->getTitleText())}"|cond="$oDocument->getTitleText()" />
</span>
</td>
<td cond="$is_logged && !$oDocument->isExists() || $oDocument->get('status')=='TEMP'" class="m_no"><button type="button" class="bd_btn" onclick="doDocumentLoad(this);">{$lang->cmd_load}</button></td>
</tr>
</table>

한번에 해결못하고.. 여...염치가 없스무니다... ㅠ

write_form.html-x

하늘희

2015.10.19 22:16:24
#comment_32524

얘네는 위 방식으로는 어렵다고 보셔야해요 ..ㅋㅋ

굳이 하려고 한다면 차라리 아까 수정했던 것을 모두 지우고...

확장변수를 웃음,슬픔, 이렇게 쓴 걸

그냥 이미지태그로 입력

<img src="솰라솰라">,<img src="솰라솰라">,<img src="솰라솰라">,

이렇게 하심 될걸요? 아마?

beseto
질문기여자

2015.10.19 22:18:54
#comment_32531

아, 여기에 태그 입력도 되나요? 워우....... 몰랐던 사실.

별거 아니지만, 감사합니다 (?!)

하늘희

2015.10.19 22:20:22
#comment_32536

아마 출력하는 부분에서 태그로 안나오면 태그 나오도록 설정해주시면 될 거에요... 기본이 태그로 나오던가?

모르겠네요..크크

아니면 jquery를 쓰셔야 함...

beseto
질문기여자

2015.10.19 22:26:06
#comment_32545

흐흐, 해봤더니 태그는 안되는군요.
간단하게 보였던게, 이렇게 복잡하군요... 하아, 진짜 수고하시는거 같아요.
정말 존경심 갑니다.

카테고리(분류)도 이런식으로 넣으면 텍스트 대신 이미지로 보이겠죠? 같은게 아닌가..

하늘희

2015.10.19 22:31:45
#comment_32555

카테고리의 경우 이미지태그로 쓰면 문제가 될거에요.. 적어도 이미지는 볼 수 있지만,
텍스트로써 즉, 리딩이 안되니까요..

alt나 title에 텍스트 값을 넣으면 되긴 하겠지만..

별로 추천하고 싶진 않네요.

차라리 리스트 항목에서 카테고리 이름으로 구분하여 이미지를 뿌리는 방식이 나을 듯..

하늘희

2015.10.19 22:34:19
#comment_32559

글쓰기 목록에서 하려면,

보시면 아시겠지만, 항목이 한 두개가 아닙니다. 자동으로 확장변수 종류에 따라 뿌리기 때문에

단순 변수 비교문으로 처리할 수 없습니다.ㅇㅅㅇ

따라서 특정 부분에 매칭하는 부분을 정해주고 자바스크립트로 변환해주거나..

아니면 xe에서 해당 값이 뿌려진 것을 치환해서 추가하는 방법이 있긴한데,

간단한 건 아니고.. 저도 직접 테스트해가면서 봐야 알 수 있을 듯..-_-;(정규식 써야해서요)

beseto
질문기여자

2015.10.19 22:42:56
#comment_32582

으... 으억.. 빙그르르르... OTZ.. 귀찮게 해서 죄송하고, 감사하고.. ;ㅁ;

하늘희

2015.10.19 22:44:15
#comment_32591

ㅋㅋㅋㅋㅋ

beseto
질문기여자

2015.10.19 22:49:05
#comment_32605

하고 말겠! ... 반만.

스트렌져

2017.08.24 02:31:38
#comment_709561

감사합니다 .덕분에 스케치북에 잘 적용하였습니다.
근데 한가지 질문드려도 될런지요..
모바일시 m스킨이 아니고 _list_m.html이 적용되는데요..
이쪽에 어디부분에 적용해야되는지 알수있을까요~~

_list_normal을 보고 비슷한곳에 넣었는데 적용이 안되어서 문의드립니다.

인사이드

2016.05.05 00:36:13
#comment_275205

좋은 정보 감사합니다! 한번 도전해봐야겠네요 ㅎ

로그인 후 참여할 수 있습니다.

확장변수에 이미지도 넣을 수 있나요?

LOGIN