게시판용 오늘본 상품 표현하기 CSS

게시판용 오늘본 상품 표현하기 CSS 정보

게시판용 오늘본 상품 표현하기 CSS

본문

그누보드 게시판을 활용한 미니샵 같은 곳에서 응용할수 있는 오늘본 상품을 보여주는것입니다.
미리보기 링크1 오른쪽 스크롤링 부분입니다.
역시 간략한 CSS 마크업입니다.

<?php
$token = md5(uniqid(rand(), true));
set_session("ss_token", $token);

$tv_tbl = "toes";// 지정된 제품 테이블일때만 세션생성

if ($bo_table == $tv_tbl)
{
$saved = false;
$tv_idx = (int)get_session("ss_tv_idx");
if ($tv_idx > 0) {
    for ($i=1; $i<=$tv_idx; $i++)
    {
      if (get_session("ss_tv[$i]") == $bo_table."|".$wr_id)
      {
        $saved = true;
        break;
      }
    }
}

if (!$saved && $bo_table && $wr_id)
{
    $tv_idx++;
    set_session("ss_tv_idx", $tv_idx);
    set_session("ss_tv[$tv_idx]", $bo_table."|".$wr_id);
}
}

//print_r2($_SESSION);
$tv_idx = get_session("ss_tv_idx");
$tv_div[top] = 0;
$tv_div[img_length] = 5; // 보여줄 이미지갯수
?>

<div id='divTodayHidden'><a href='javascript:todayview_visible();' title="오늘본 제품 보기">
<img src='<?=$g4[shop_path]?>/img/todayview.gif' border=0></a>
</div>

<?
if ($tv_idx)
{
    // 상단 버튼
    if ($tv_idx > $tv_div[img_length])
    {
      echo "<div id='topBtn' onclick=\"javascript:todayview_up();\" title=\"다음제품\"></div>\n";
    }
    // 제품 이미지 출력
    echo "<div id='pList'>\n";

    for ($i=1; $i<=$tv_div[img_length]; $i++)
    {
      echo "   <div id='todayview_{$i}'></div>\n";
    }

echo " </div>\n";

    // 하단 버튼
    if ($tv_idx > $tv_div[img_length])
    {
      echo "<div id='botBtn' onclick=\"javascript:todayview_dn();\" title=\"이전제품\"></div>\n";
    }
}
else
{
     echo "<div id='noList'></div>\n";
}
?>

</div>

<script type="text/javascript">
var goods_link = new Array();
<?php
echo "var goods_max = ".(int)$tv_idx.";\n";
echo "var goods_length = ".(int)$tv_div[img_length].";\n";
echo "var goods_current = goods_max;\n";
echo "\n";

for ($i=1; $i<=$tv_idx; $i++)
{
$tv_it_id = get_session("ss_tv[$i]");
list($ss_board, $ss_wr_id) = explode('|', $tv_it_id);

if ($ss_board == $tv_tbl)
{
    $row = sql_fetch(" select * from $g4[board_file_table] where bo_table = '$ss_board' and wr_id = '$ss_wr_id' ");
    $it_name = get_text(addslashes($row['bf_file']));
    $thumb = $g4[path]."/data/file/".$ss_board."/thumb/".$it_name;
    $size = getimagesize($thumb);
    $tw = $size[0] /2;
    $th = $size[1]/2;
    $img = "<a href='".$g4[bbs_path]."/board.php?bo_table=".$ss_board."&wr_id=".$ss_wr_id."'><img src='$thumb' width='".$tw."' height='".$th."' style='padding:1px 0; border:none;'/></a>";
    echo "goods_link[$i] = \"{$img}<br/>\";\n";//<span class=small>".cut_str($it_name,10,"")."</span>
}
}
?>

var divSave = null;

function todayview_visible()
{
set_cookie('ck_tvhidden', '', 1);
document.getElementById('divToday').innerHTML = divSave;
}

function todayview_hidden()
{
divSave = document.getElementById('divToday').innerHTML;
set_cookie('ck_tvhidden', '1', 1);
document.getElementById('divToday').innerHTML = document.getElementById('divTodayHidden').innerHTML;
}

function todayview_move(current)
{
k = 0;
for (i=goods_current; i>0 ; i--)
{
    k++;
    if (k > goods_length)
      break;
    document.getElementById('todayview_'+k).innerHTML = goods_link[i];
}
}

function todayview_up()
{
if (goods_current + 1 > goods_max)
alert("오늘 본 마지막 제품입니다.");
else
todayview_move(goods_current++);
}

function todayview_dn()
{
if (goods_current - goods_length == 0)
alert("오늘 본 처음 제품입니다.");
else
todayview_move(goods_current--);
}

<?php
$k=0;
for ($i=$tv_idx; $i>0; $i--)
{
$k++;
if ($k > $tv_div[img_length])
break;

$tv_it_id = get_session("ss_tv[$i]");
list($ss_board, $ss_wr_id) = explode('|', $tv_it_id);
if ($ss_board == $tv_tbl)
{
echo "document.getElementById('todayview_{$k}').innerHTML = goods_link[$i];\n";
}
}

if ($tv_idx)
{
echo "document.getElementById('todayviewcount').innerHTML = '$tv_idx';\n";
}

/****************************************************************************/

function CheckUIElements()
{
var yMenuFrom, yMenuTo, yButtonFrom, yButtonTo, yOffset, timeoutNextCheck;

yMenuFrom   = parseInt (document.getElementById('divToday').style.top, 10);
if ( g4_is_gecko )
    yMenuTo = top.pageYOffset + <?=$tv_div[top]?>;
else if ( g4_is_ie )
    yMenuTo = document.body.scrollTop + parseInt('<?=$tv_div[top]?>');

timeoutNextCheck = 500;

if ( Math.abs (yButtonFrom - (yMenuTo + 152)) < 6 && yButtonTo < yButtonFrom )
{
setTimeout ("CheckUIElements()", timeoutNextCheck);
return;
}

if ( yMenuFrom != yMenuTo )
{
    yOffset = Math.ceil( Math.abs( yMenuTo - yMenuFrom ) / 10 );
    if ( yMenuTo < yMenuFrom )
      yOffset = -yOffset;

document.getElementById('divToday').style.top = parseInt(document.getElementById('divToday').style.top) + yOffset;

timeoutNextCheck = 10;
}

setTimeout ("CheckUIElements()", timeoutNextCheck);
}

function OnLoad() {
var y;

if ( top.frames.length )
document.getElementById('divToday').style.display = '';

CheckUIElements();
return true;
}

OnLoad();

<?php
if ($_COOKIE['ck_tvhidden'])
echo "todayview_hidden();";
?>
//-->
</script>