웹마스터 팁
언어선택옆에 언어별국기 출력하기
2010.09.17 23:13
XE 레이아웃들은 보통 XE 기본스킨의 언어출력소스를 사용합니다.
언어선택옆에 언어별국기가 출력되면 언어 선택시 좀 더 편리해지겠죠.
xe_official_v2 레이아웃에 있는 소스를 수정해 봅니다.
layout.html 파일을 열어서 언어출력소스를 수정합니다.
<li class="language">
<!-- class="language" | class="language open" -->
<em class="{$lang_type}"><span>{$lang_supported[$lang_type]}</span></em>
<button type="button" class="sLanguage" onclick="jQuery('.language').toggleClass('open'); return false;"><span>Select Language</span></button>
<ul class="languageList">
<!--@foreach($lang_supported as $key => $val)--><!--@if($key!= $lang_type)-->
<li class="{$key}"><button type="button" onclick="doChangeLangType('{$key}');return false;"><span>{$val}</span></button></li>
<!--@end--><!--@end-->
</ul>
</li>
<!--@foreach($lang_supported as $key => $val)--><!--@if($key!= $lang_type)-->
<a href="#" onclick="doChangeLangType('{$key}');return false;"><img src="./img/flag/{$key}.png" width="16px" height="11px" style="margin-top:2px;"></a>
<!--@end--><!--@end-->
</ul>
빨간색부분을 추가합니다.
flag.zip 파일의 압축을 풀어서 각나라 국기들을 ./layouts/xe_official_v2/img/flag 방안에 올립니다.
그러면 언어출력옆에 관리자 Setting화면에서 선택한언어들의 국기가 각각 출력됩니다.<!-- class="language" | class="language open" -->
<em class="{$lang_type}"><span>{$lang_supported[$lang_type]}</span></em>
<button type="button" class="sLanguage" onclick="jQuery('.language').toggleClass('open'); return false;"><span>Select Language</span></button>
<ul class="languageList">
<!--@foreach($lang_supported as $key => $val)--><!--@if($key!= $lang_type)-->
<li class="{$key}"><button type="button" onclick="doChangeLangType('{$key}');return false;"><span>{$val}</span></button></li>
<!--@end--><!--@end-->
</ul>
</li>
<!--@foreach($lang_supported as $key => $val)--><!--@if($key!= $lang_type)-->
<a href="#" onclick="doChangeLangType('{$key}');return false;"><img src="./img/flag/{$key}.png" width="16px" height="11px" style="margin-top:2px;"></a>
<!--@end--><!--@end-->
</ul>
샘플화면
댓글 6
-
롤리^^
2010.09.18 01:33
-
오...언어선택이 먼가 있어 보이게(?) 돼는걸요..ㅎㅎ 팁 감사합니다.
-
띵야
2010.09.18 16:41
아, 이 분은...? *^^*(누구시더라...) -
크으은바다
2010.09.18 19:04
옆으로 펼쳐보이지 말고 나라 앞에 국기가 나오게는 안될까요?예를들어
국기 KOREAN / SELECT LANGUAGE
이 상태에서 SELECT LANGUAGE 를 누르면국기 나라명국기 나라명국기 나라명국기 나라명 . . .
이런식으로 할 순 없나요? -
<li class="{$key}"><button type="button" onclick="doChangeLangType('{$key}');return false;"><span>{$val}</span></button><a href="#" onclick="doChangeLangType('{$key}');return false;"><img src="./img/flag/{$key}.png" width="16px" height="11px" style="margin-top:2px;"></a></li> -
유샤인
2010.09.25 12:57
팔공산님,사용하는 언어에 따라 국기를 띠우는 것, 참 재미있는 생각인데요, 사용자의 IP 에 의존하여 사용자들의 닉네임 앞에다 그들이 거주하는 장소의 국기를 띄우는 아이디어 또한 더 재미있지 않겠읍니까?
다음 링크에 가보시면 백성찬고수님은 벌써 시작하셨지만 아직 그 코드를 공개 않고 있지요.
http://www.bek.me/444604
그러나 www.expressionengine.com 에서는 벌써 임이 사용되고 있는 기능인듯 보입니다.
http://expressionengine.com/user_guide/modules/ip_to_nation/index.html
그리고 다음과 같이 관계되는 코드를 벌써 다 공개하는 곳도 있는데 저는 XE에다 여하히 적용시켜야 하는 지 모르기에 팔공산님께 부탁해보고 싶은 데요...
===
http://www.phptutorial.info/iptocountry/the_script.html#basic
Getting the IP address of visitors, and displaying country and flag
In case you want to display flags in your page, download Flags file in the top of this page, and save all pictures to a folder named "flags" .
We have added a few lines of code to script is previous example (in red) which allows showing country specific flags in our pages. This code will check whether a gif file containing the two country code exists in "flags" folder and displays it. In case the gif file in not in the folder, a default white flag is displayed. In case you have any of the missing flags, please send them to us.
<?
$IPaddress=$_SERVER['REMOTE_ADDR'];
$two_letter_country_code=iptocountry($IPaddress);
include("IP_FILES/countries.php");
$three_letter_country_code=$countries[ $two_letter_country_code][0];
$country_name=$countries[$two_letter_country_code][1];
print "Two letters code: $two_letter_country_code<br>";
print "Three letters code: $three_letter_country_code<br>";
print "Country name: $country_name<br>";
// To display flag
$file_to_check="flags/$two_letter_country_code.gif";
if (file_exists($file_to_check)){
print "<img src=$file_to_check width=30 height=15><br>";
}else{
print "<img src=flags/noflag.gif width=30 height=15><br>";
}
function iptocountry($ip) {
$numbers = preg_split( "/\./", $ip);
include("ip_files/".$numbers[0].".php");
$code=($numbers[0] * 16777216) + ($numbers[1] * 65536) + ($numbers[2] * 256) + ($numbers[3]);
foreach($ranges as $key => $value){
if($key<=$code){
if($ranges[$key][0]>=$code){$two_letter_country_code=$ranges[$key][1];break;}
}
}
if ($two_letter_country_code==""){$two_letter_country_code="unkown";}
return $two_letter_country_code;
}
출처(ref.) : FREE BOARD - 희한한 아이디어.... - http://www.bek.me/hpsfree/444604
by youshine
아래팁도그렇고 이번팁도그렇고 많은도움되었습니다
감사합니다.