웹 표준에 맞는 다음 뷰(View) 추천 단추 달기

  다음 뷰(View)에서 퍼가기 기능으로 제공하는 추천 단추 코드에는 embed 태그가 들어가 있다. 이 때문에 다음 뷰의 추천 단추가 달린 XHTML 문서는 유효성 검사를 통과하지 못한다.

<embed src="http://api.v.daum.net/static/recombox1.swf?nid=18775255&m=1" quality="high" bgcolor="#ffffff" width="400" height="80" type="application/x-shockwave-flash"></embed>

   XHTML 유효성 검사를 통과하게 하려면 embed 태그를 object나 iframe을 써서 바꾸어야 한다. 위 코드를 아래처럼 object로 바꾸어 손을 보면 XHTML 문서에서도 유효성 검사를 통과할 수 있다.

<object data="http://api.v.daum.net/static/recombox1.swf" width="400" height="80" type="application/x-shockwave-flash">
<param value="http://api.v.daum.net/static/recombox1.swf" name="movie"/>
<param value="nid=18775255" name="flashvars"/>
<param value="high" name="quality"/>
<param value="#ffffff" name="bgcolor"/>
</object>

  인터넷 탐색기(IE), 파이어폭스, 오페라, 크롬, 사파리에서 뷰 추천 단추를 나타내는 것은 별 문제가 없어 보인다.

  텍스트큐브에는 엽기민원님의 Daum View 플러그인이 널리 쓰이므로, 이 확장기능(플러그인)의 출력문을 고치면 쉽게 웹 표준에 맞는 단추를 붙일 수 있다. 1.2판을 기준으로 index.php 파일을 열면 557째 줄부터 다음처럼 나오는 처리문이 단추의 태그를 출력하는 부분이다.

switch($data['widgetKind']) {
  case 1:
  case 2:
  case 3:
   $widget = "<div style=\"margin: 20px 0pt; width: 100%; text-align: center;\">
<object height=\"{$height}\" align=\"middle\" width=\"{$width}\" codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0\" classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\">
<param value=\"always\" name=\"allowScriptAccess\"/>
<param value=\"{$flash_url}\" name=\"movie\"/>
<param value=\"nid={$daumviewid}\" name=\"flashvars\"/>
<param value=\"high\" name=\"quality\"/>
<param value=\"#ffffff\" name=\"bgcolor\"/>
<embed src=\"{$flash_url}\" height=\"{$height}\" width=\"{$width}\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" type=\"application/x-shockwave-flash\" allowscriptaccess=\"always\" bgcolor=\"#ffffff\" quality=\"high\" flashvars=\"nid={$daumviewid}\"/>
</object>
</div>";
   break;
  default:
   $widget = "";
   break;
 }

  위 처리문을 아래처럼 바꾸고 /plugins/YP_DaumVew/index.php를 덮어쓴다.

switch($data['widgetKind']) {
  case 1:
  case 2:
  case 3:
   $widget = "<div style=\"margin: 20px 0pt; width: 100%; text-align: center;\">
<object type=\"application/x-shockwave-flash\" data=\"{$flash_url}\" height=\"{$height}\" width=\"{$width}\" codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0\">
<param value=\"always\" name=\"allowScriptAccess\"/>
<param value=\"{$flash_url}\" name=\"movie\"/>
<param value=\"nid={$daumviewid}\" name=\"flashvars\"/>
<param value=\"high\" name=\"quality\"/>
<param value=\"#ffffff\" name=\"bgcolor\"/>
<param name=\"wmode\" value=\"transparent\" />
</object>
</div>";
   break;
  default:
   $widget = "";
   break;
 }

덧붙임(2011.8.20)

  추천 단추를 나타내는 swf 객체가 z-index 값을 적용되지 않아서 다른 객체를 가리기도 합니다. <param name="wmode" value="transparent" />를 끼워넣으면 object로 넣은 객체에 z-index 값이 적용되어 다른 객체를 가리지 않게 할 수 있습니다.