웹프로그램 여기 있는 소스 코드를 분석하려면

글쓴이: park712 / 작성시간: 금, 2005/12/02 - 11:00오후

아래내용은 다음 로그인 과정입니다.
이 부분을 분석하려면 어느정도 공부하면 되는지요?
그리고, 어떤 언어를 공부해야하는지요?
제가 예전에 공부한 사람이라 c c++만 알아서
웹프로그램을 몰라서요..
혹, 잘 아시는분 아래 로그인 과정을 설명좀 해 주시면 감사합니다.
제가 요즘 먹고 살기 어려워 웹쪽에 서서히 관심가지고 있습니다.

GET /index.html HTTP/1.1

Accept: image/gif, image/x-xbitmap, image/jpeg, image/pjpeg, application/x-shockwave-flash, */*

Referer: http://www.daum.net/

Accept-Language: ko

Accept-Encoding: gzip, deflate

User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1)

Host: www.daum.net

Connection: Keep-Alive

Cookie: ACODE=1gT-JZFUfHU0; PMPROF=0603012024024064044120UiQPJk7X-6w0-zE35fE7EtWDTWO2pljEtw00KuZP3z7wEl2W4..NYhR74w00LYYSA9A1_cHtydXyOb1Wd_-jZFdzOV4jMV4DI5_WSWOP4oMb-M1q54h_axOlhfhLTIIyx7RVSn6ynzbXzYLMxwbH_tUC.JqfnCAoxOGfjYs0jDH5AKCWwhNrDtofRHFSAejDr8QPsvpVQawE5SJ32HEdLqpS7ItRvbOHZXLBEYXVeWsYNKvj8x-1RW4_NAMn545.4jHtT5kr4OAW1vKtFO_Ekob1ZlI6sw00; DNSHOPCPC=11332375576560341872741; MDREC=; Apache=203.236.70.101.1133517053134519

HTTP/1.1 200 OK

Date: Fri, 02 Dec 2005 09:51:13 GMT

Server: Apache

Set-Cookie: Apache=203.236.70.101.1133517053134519; path=/; expires=Fri, 02-Dec-05 10:21:13 GMT; domain=.daum.net

Expires: Sat, 01, Jan 1970 22:00:00 GMT

Pragma: no-cache

Cache-Control: no-cache

Connection: close

Transfer-Encoding: chunked

Content-Type: text/html; charset=euc-kr

273b

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html lang="ko">
<head><title>.... ...... ...., Daum</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<link rel="shortcut icon" href="http://www.daum.net/favicon.ico">
<style type="text/css">
<!--
body { background-color:#ffffff; color:#696969; margin:0px; padding:0px; text-align:center; font-size:12px; font-family:....,Dotum,AppleGothic,sans-serif; }
div { text-align:left; color:#b7b7b7; z-index:10 } img { border:0px; }
ul, li { list-style:none; margin:0px; padding:0px; }
form, p {margin:0px; padding:0px;} select { font-size:12px; }
a:link {text-decoration:none; color:#383838; } a:visited {text-decoration:none; color:#383838; } a:hover {text-decoration:underline; color:#518bc7;}
.input_S { color:#696969; font-size:11px; border:1px solid #AEAEAE; width:60px; height:18px; }
.input_L { background-Color:#558bc7; border-top:1px solid #3c6fae; border-left:1px solid #3c6fae; border-bottom:1px solid #558bc7; border-right:1px solid #558bc7; width:90px; height:18px; margin:1 0 2 0; color:#ffffff; font-size:11px; padding-left:3px; }
.input_L_O { border-top:1px solid #2F5992; border-left:1px solid #2F5992; border-bottom:1px solid #3965A5; border-right:1px solid #3965A5; width:90px; height:18px; margin:1 0 2 0; color:#ffffff; font-size:11px; padding-left:3px; }
.input_se { height:16px; width:300px; height:21px; border:1px solid #2969b0; margin:0 3 0 3; padding-top:2px; }
.fl { float:left; } .fr { float:right; }
.b7b7b7 { color:#b7b7b7; } .696969 { color:#696969; } .ed6e00 { color:#ed6e00; }
#hr { border-top:1px solid #f0f0f0; }
#T,#L,#S,#SI,#Mwrap,#FooterWrap { clear:both; position:relative; width:770px; margin:0px auto; text-align:left; }

#T #Head { position:absolute; right:5px; }
#T #Head img.line { margin:0 2; }
#SC,#SL, #SR { position:absolute; }
#S { background:url(http://image.hanmail.net/hanmail/top/2005_top/search_bg1.gif) repeat-x; height:65px; }
#SR_bg { float:right; overflow:hidden; background:url(http://image.hanmail.net/hanmail/top/2005_top/search_r.gif) no-repeat; width:5px; height:65px;}
#SL_bg { float:left; overflow:hidden; background:url(http://image.hanmail.net/hanmail/top/2005_top/search_l.gif) no-repeat; width:5px; height:65px;}
#SC { top:12px; left:165px; width:463px; font-size:12px; color:#a1c3ec; }
#SC span a { font-family:'....',gulim,sans-serif; font-size:12px; color:#ffffff; margin:0 2 10 2;}
#searchIssue{ font-family:'....',gulim,sans-serif; font-size:12px;}
#SL { top:2px; left:10px; }
#SR { top:17px; left:646px; }
#SchSug {width:300px; margin:0 3 0 3; position:absolute; z-index:1000;}

#Sponsor { clear:both; background-color:#ffffff; height:36px; margin:0 6; padding:3 0 0 10;}
#Sponsor div { float:left; width:77px; font-size:11px; text-align:center; }
#Sponsor div.line { background:url(http://image.hanmail.net/hanmail/top/2005_top/ad_bar.gif) RIGHT TOP no-repeat; }

#Info_TIT { padding:9 15 0 15;}
#Info { background-color:#ffffff; margin:5 6 4 6; padding:8 9 3 9; line-height:150%;}
#Info p { margin-top:0px; }
#Info div { clear:both; }
#Info div img { float:left; margin:0 10 8 0; }
#Info ul { line-height:1.7em; }

#FooterWrap { margin-top:5px; }
#SecDown_TIT { background-color:#eeeeee; font-size:11px; padding:0 10; height:26px; }
#SecDown { background:url(http://image.hanmail.net/hanmail/top/2005_top/bit_bg.gif) repeat-y; width:770px; overflow:hidden; padding:0 0 0 12; }
#SecDown ul { float:left; width:90px; padding:0 0 0 0; margin-left:3px; }
#SecDown li { padding:0 0 5 12; }
#SecDown li.R { background:url(http://image.hanmail.net/hanmail/top/2005_top/bit_r.gif) 0px 1px no-repeat; }
#SecDown li.S { background:url(http://image.hanmail.net/hanmail/top/2005_top/bit_s.gif) 0px 1px no-repeat; }
#SecDown li.E { background:url(http://image.hanmail.net/hanmail/top/2005_top/bit_e.gif) 0px 1px no-repeat; }
#SecDown li.F { background:url(http://image.hanmail.net/hanmail/top/2005_top/bit_f.gif) 0px 1px no-repeat; }
#SecDown li.A { background:url(http://image.hanmail.net/hanmail/top/2005_top/bit_a.gif) 0px 1px no-repeat; }
#SecDown li.B { background:url(http://image.hanmail.net/hanmail/top/2005_top/bit_b.gif) 0px 1px no-repeat; }
#SecDown li.T { background:url(http://image.hanmail.net/hanmail/top/2005_top/bit_t.gif) 0px 1px no-repeat; }
#SecDown li.D { background:url(http://image.hanmail.net/hanmail/top/2005_top/bit_d.gif) 0px 1px no-repeat; }
#SecDown li.W { background:url(http://image.hanmail.net/hanmail/top/2005_top/bit_w.gif) 0px 1px no-repeat; }
#SecDown li.C { background:url(http://image.hanmail.net/hanmail/top/2005_top/bit_c.gif) 0px 1px no-repeat; }
#SecDown li.Z { background:url(http://image.hanmail.net/hanmail/top/2005_top/bit_z.gif) 0px 1px no-repeat; }
#SecDown li.X { background:url(http://image.hanmail.net/hanmail/top/2005_top/bit_x.gif) 0px 1px no-repeat; }
#SecDown li.V { background:url(http://image.hanmail.net/hanmail/top/2005_top/bit_v.gif) 0px 1px no-repeat; }
#SecDown li.G { background:url(http://image.hanmail.net/hanmail/top/2005_top/bit_g.gif) 0px 1px no-repeat; }
#Footer_Frame { background-color:#eeeeee; padding:5px; }
#Biz { background-color:#acacac; color:#ffffff; height:26px; }
#Biz_List { padding-top:7px; color:#ffffff; text-align:center; } #Biz_List a { color:#ffffff; margin:0 3;}
#Footer { padding-top:10px; text-align:center; } #Footer a { margin:0 3; }
#Partner { padding-top:5px; text-align:center;}
#Partner img { margin:0 5px; }
#Copyright { text-align:center; font-size:11px; margin-bottom:10px;}

#Navigation { background:url(http://image.hanmail.net/hanmail/top/2005_top/recommend_bg3.gif) repeat-y; width:100px; text-align:left; }
#Navi_TIT { padding:3 0 3 8; }
#Navi_Svc1 { background-color:#ffffff; margin:0 5 4 5; padding:1 8 4 8; }
#Navi_Svc2 { background-color:#ffffff; margin:0 5 4 5; padding:8 8 4 8; color:#9d9da2; line-height:170%; }
#Navi_Svc2 b, #SecDown b { color:#ed6e00; font-weight:normal; }
#LayerBox { position:absolute; top:267px;left:50%; z-index:1 }

/** Go ...... **/
#A_servicehelper { position:absolute; width:407px; text-align:left; z-index:20; display:none; }
#A_servicehelper iframe { z-index:20; }
#A_servicehelper_f { background:url(http://image.hanmail.net/hanmail/top/2005_top/s_bg.gif) repeat-y; }
#A_servicehelper_b { background-Color:#FFFFFF; margin:0px 8px; overflow:hidden; border-top:1px solid #D6D6D6; border-bottom:1px solid #D6D6D6; overflow:auto; }
#A_servicehelper_l { padding:5px 8px 3px; }
#A_servicehelper_l ul { margin:0px; padding:0px; }
#A_servicehelper_l ul li { background:url(http://image.hanmail.net/hanmail/top/2005_top/point.gif) 0px 7px no-repeat; padding:0px 0px 0px 5px; line-height:1.5em; color:#000000; cursor:pointer;}
#A_servicehelper_l ul li a { color:#000000; }

#LM_N #A_Media_img { letter-spacing:0em; }
#LM_N #A_Media { position:absolute; top:-1px; left:112px; width:303px; height:100px; overflow:hidden;}
#LM_N #A_Media ul.circle li {background:url(http://image.hanmail.net/hanmail/top/2005_top/t_icon1.gif) 0px 7px no-repeat; padding-left:7px; line-height:20px; text-overflow:ellipsis; width:303px; }
#LM_N #Media_more { position:absolute; top:80px; left:380px; z-Index:20;}

#Inv_TIT { clear:both; position:relative; margin-top:9px;}
#Inv_TIT span img { position:absolute; left:0px;}
#Inv_TIT p { float:right; font-size:11px; margin:3 0 2 0; color:#c7c7c7;}
#Inv_TIT div img { position:relative; }
/* 0912 */
#Inv_TIT_Line { clear:both; border-bottom:1px solid #bccae4; }
#Inv_TIT a { letter-spacing:-1px; color:#6689C6; }
#RM #Inv_TIT { clear:both; position:relative; margin:3 15 0 15;}
#RM #Inv_TIT a { color:#545454;}
#RM #Inv_TIT_Line { clear:both; border-bottom:1px solid #f0f0f0; }

#LM_N { clear:both; position:relative; margin:10 0 0 0; }
#LM_N div { width:102px;}
#LM_N p { padding-top:6px; color:#548bc8; font-size:11px; text-align:center; letter-spacing:-1px; }
#LM_N ul { position:absolute; top:-1px; left:112px; }
#LM_N li { line-height:1.7em; padding:0px; }

#SHOP_Frame { clear:both; background-color:#ffffff; margin:2 6 4 6; padding:9 9 5 9;}
#SHOP_Frame div { float:left; font-size:11px; width:60px; text-align:center;}
#SHOP_Frame div.line{ background:url(http://image.hanmail.net/hanmail/top/2005_top/dot_shop.gif) RIGHT TOP no-repeat;}
#SHOP_Frame p { padding-top:5px; color:#1469bc;}
#ONKET_Frame { clear:both; background-color:#ffffff; margin:3 6 0 6; padding:9 9 0 9;}
#ONKET_Frame div { float:left; font-size:11px; width:148px;}
#ONKET_Frame div.line{ background:url(http://image.hanmail.net/hanmail/top/2005_top/dot_onket.gif) RIGHT TOP no-repeat; margin-right:8px;}
#ONKET_Frame p { font-size:11px; color:#1469bc; line-height:1.4em; text-align:left; margin-top:1px;}
#ONKET_Frame a { font-size:12px; }

#LM { float:left; width:415px; overflow:hidden;}
#RM { float:right; width:335px; overflow:hidden; background-color:#f0f0f0;}

#Login_Frame { background:url(http://image.hanmail.net/hanmail/top/2005_top/login_bg.gif) repeat-y; width:183px; height:120px; overflow:hidden;}
#L_T_T { background:url(http://image.hanmail.net/hanmail/top/2005_top/login_top.gif) no-repeat; width:183px; height:6px; overflow:hidden;}
#L_T_B { background:url(http://image.hanmail.net/hanmail/top/2005_top/login_bo.gif) no-repeat; width:183px; height:4px; overflow:hidden;}
#NewSvcFrame { position:absolute; left:183px; top:0px; border-top:3px solid #75A1D5; padding-top:2px; width:587px; height:120px; }
#NewSvc { float:right; background-Color:#F4F4F4; width:226px; height:115px; overflow:hidden;}
#LoginBox { padding:4 0 0 12; color:#ffffff; height:68px;}
#LoginBox a { color:#ffffff; font-size:11px; }
#Login_AD { background:url(http://image.hanmail.net/hanmail/top/2005_top/login_adbg.gif) repeat-y; padding:6 0 0 12;}
/* Content */
#Stock {padding:5 0; }
#Stock_Frame { background-color:#f1f1f1; padding:7 8 1 8; margin-bottom:15px;}
#Stock_Frame p { float:right; color:#b7b7b7; font-size:11px; margin-top:6px;}
#WeekImg { background-color:#ffffff; text-align:center; }
#WeekImg img { margin-top:10px;}

20ad

//-->
</style>
<script type="text/javascript">
<!--
var KeyUp1=false;
var MouseUp1=false;

var timer_interval;
var calc_interval_sec=0;
var interval = new Array();
interval["mc"] = 5;...// ...... ......
interval["mi"] = 5;...// ...... ......
interval["mw"] = 2;...// ....
interval["ms"] = 2;...// ....
function interval_controller() {
.++calc_interval_sec;
.var TickerWeather = document.getElementById('A_weather');
.if (TickerWeather) {
..if (calc_interval_sec % interval["mw"] == 0 && scroll_weather_act) {
...set_weather_content();
..}
.}

.var TickerFinance = document.getElementById('A_stock');
.if (TickerFinance) {
..if (calc_interval_sec % interval["ms"] == 0 && scroll_stock_act) {
...set_stock_content();
..}
.}
}
function interval_reset() {
.clearInterval(timer_interval);
.calc_interval_sec = 0;
}
function interval_start() {
.timer_interval = setInterval("interval_controller()", 1000);
}
function onload_func() {
.if ( KeyUp1 == false && MouseUp1 == false ){
..document.search.q.focus();
.}
.if (typeof(onload_search) == "function") {
..onload_search();
.}
.if (typeof(interval_controller) == "function") {
..interval_start();
.}
//.if (typeof(servicehelper_template) == "function") {
//..servicehelper_template();
//.}
.if (typeof(onload_cmore) == "function") {
..onload_cmore();
.}
.if (typeof(SchSug_setcoor) == "function") {
..SchSug_setcoor();
.}
.if (typeof(search_bg_apply) == "function") {
..search_bg_apply();
.}
}

function toppop(url,name,width,height,scrollbars,resizable) {
.msgWindow=window.open(url,name,'scrollbars='+scrollbars+',resizable='+resizable+',width='+width+',height='+height);
.msgWindow.focus();
}

document.domain='daum.net';. // ...... ....

//-->
</script>

...<script type="text/javascript">
var search_bg = new Array();
var search_bg_url = new Array();

search_bg[0] = "http://image.hanmail.net/hanmail/top/200511/051118_cinemabig_19.gif";
search_bg_url[0] = "http://search.daum.net/cgi-bin/nsp/search.cgi?nil_suggest=btn&oldw=tot&sw=tot&q=........";
search_bg[1] = "http://image.hanmail.net/hanmail/top/200511/051125_cafenavigator_19.gif";
search_bg_url[1] = "http://search.daum.net/cgi-bin/nsp/search.cgi?nil_suggest=btn&oldw=tot&sw=tot&q=................";
function search_bg_apply() {
.var search_bg_rand = parseInt(Math.random()*100)%search_bg.length;
.document.search.q.style.background = 'url('+search_bg[search_bg_rand]+') no-repeat #FFFFFF';
.search_bg_targeted = search_bg_rand;
}
</script>
..
</head>
<body onload="onload_func();" onresize="onresize_func();">

<iframe src="http://localad.daum.net/recv?subsiteid=04M" width=0 height=0 frameborder=0></iframe>

<div id="T"><div id="head">
<table border="0" cellpadding="0" cellspacing="0"><tr><td height="47" valign="bottom">
.<a href="http://gomail.daum.net/servlet/Goto?url=%2FMail%2Dbin%2Flogin%5Ff%2Ecgi%3Ferror%3Dlogin&category=hanmail&nil_profile=g&nil_Head=mail"><img src="http://image.hanmail.net/hanmail/top/2005_top/ts_mail.gif" width="25" height="15" title="...." alt="...."></a>
<img src="http://image.hanmail.net/hanmail/top/2005_top/topline1.gif" width="1" height="15" class="line" alt="">
<a href="http://cafe.daum.net/?nil_profile=g&nil_head=cafe"><img src="http://image.hanmail.net/hanmail/top/2005_top/ts_cafe.gif" width="25" height="15" title="...." alt="...."></a>
<img src="http://image.hanmail.net/hanmail/top/2005_top/topline1.gif" width="1" height="15" class="line" alt="">
<a href="http://blog.daum.net/?nil_profile=g&nil_head=blog"><img src="http://image.hanmail.net/hanmail/top/2005_top/ts_blog.gif" width="39" height="15" title="......" alt="......"></a>
<img src="http://image.hanmail.net/hanmail/top/2005_top/topline1.gif" width="1" height="15" class="line" alt="">
<a href="http://planet.daum.net/?nil_profile=g&nil_head=planet"><img src="http://image.hanmail.net/hanmail/top/2005_top/ts_planet.gif" width="38" height="15" title="......" alt="......"></a>
<img src="http://image.hanmail.net/hanmail/top/2005_top/topline1.gif" width="1" height="15" class="line" alt="">

</div>
<script type="text/javascript">

</script>
<form name="search" method="get" action="http://search.daum.net/cgi-bin/rewrite/?nil_profile=g&nil_Content=search" onsubmit="return searchsubmit()">
<input type="hidden" name="nil_profile" value="g">
<input type="hidden" name="nil_Search" value="btn">
<div id="S"><div id="SL_bg"></div>
<div id="SL"><a href="http://csevent.search.daum.net/cafe/?&nil_profile=g&nil_SearchPro=5"><img src="http://image.hanmail.net/hanmail/top/200511/051118_left_cafe2_03.gif" width="145" height="60" alt="" title=""></a></div>
<div id="SR"><a href="http://k.daum.net/qna/kin/home/examinee_special.html?boardid=NA&nil_profile=g&nil_SearchPro=6"><img src="http://image.hanmail.net/hanmail/top/200511/051125_02_test.gif" width="102" height="33" alt="" title=""></a></div>

2118

2f3d

</div>
</form>

<div id="L">

<script type="text/javascript">

</script>
<div id="Login_Frame"><div id="L_T_T"></div>
<div id="LoginBox">
<form name="loginform" method="post" autocomplete="off" onsubmit="setAction();">
.<a href="https://register.daum.net/DaumRegister/html"><b>........</b></a> I
.<a href="https://user.daum.net/FindPW/modifyPw1.daum?nil_profile=g&nil_Content=customer">........ ....</a><br /><br clear="all" style="line-height:3px;" />
.<input type="text" name="id" value="" onFocus="loginform_clearbg('id');loginform_bgChange(this,'F')" onblur="loginform_bgChange(this,'B');" onKeydown="javascript:KeyUp1=true;" onMouseDown="javascript:MouseUp1=true;" style="background:url(http://image.hanmail.net/hanmail/top/2005_top/id.gif) no-repeat; background-Color:#558bc7;" tabindex=2 class="input_L">
.<input type="checkbox" name="loginmode" value="ssl" style="margin: -2 0 0 -4;"><a href="javascript:toppop('http://www.daum.net/doc/login_noti.html?nil_profile=g&nil_Content=loginbox','pop','484','420','no','yes');">........</a><br>
.<input type="password" name="pw" maxlength="13" value="" onFocus="loginform_clearbg('pw');loginform_bgChange(this,'F')" onblur="loginform_bgChange(this,'B')" onKeydown="javascript:KeyUp1=true;" onMouseDown="javascript:MouseUp1=true;" style="background:url(http://image.hanmail.net/hanmail/top/2005_top/pass.gif) no-repeat; background-Color:#558bc7;" tabindex=3 class="input_L">
.<input type="image" src="http://image.hanmail.net/hanmail/top/2005_top/bt_login.gif" width="57" height="18" align="absmiddle" alt="......" tabindex=4><br />
</form><br clear="all" style="line-height:5px;">
</div>.
<div id="Login_AD">

<ul><img src="http://image.hanmail.net/hanmail/top/2005_top/ad_login.gif" width="16" height="27" alt="AD" align="left" hspace="0" style="margin-right:7px;">
<script type="text/javascript">

</script>
</ul>
</div><div id="L_T_B"></div>
</div>.

</div><br clear="all" style="line-height:1px;">
<script type="text/javascript">

</script>

<div style="margin:5 0 0 10;">
<img src="http://image.hanmail.net/hanmail/top/2005_top/ad_today.gif" width="17" height="10" align="left" hspace="0" style="margin-right:5px;">
<script type="text/javascript">

</script>
</div></div>.
</div>
</div><br clear="all" style="line-height:4px;">

<div id="Mwrap"><div id="LM">.

<div id="AD_TXT"><div id="PremiumText1"></div></div>
.
<div id="zoom_media" class="zoom">
<div id="Inv_TIT">
.<p><a href="http://news.media.daum.net/edition/entertain/?&nil_profile=g&nil_NewsTitle=1">....</a> I <a href="http://sports.media.daum.net/?&nil_profile=g&nil_NewsTitle=2">......</a> I <a href="http://agora.media.daum.net/?&nil_profile=g&nil_NewsTitle=3">......</a> I <a href="http://tv.media.daum.net/?&nil_profile=g&nil_NewsTitle=4">....</a> I <a href="http://worldn.media.daum.net/?&nil_profile=g&nil_NewsTitle=5">......n</a> I <a href="http://wired.daum.net/?&nil_profile=g&nil_NewsTitle=6">........</a>.</p>
.<font color="#545454" style="padding:3 0 0 60;font-size:11px;height:14px;">12.02 (..)</font>
.<span><a href="http://media.daum.net/?&nil_profile=g&nil_NewsTitle=1"><img src="http://image.hanmail.net/hanmail/top/2005_top/tns_media.gif" width="55" height="14" alt="......" title="......"></a></span><br>
</div><div id="Inv_TIT_Line"></div>
<script type="text/javascript">
.var scrollerheight=100;..// .......... ....
.var html,total_area=0
.var scroll_interval;
.
.var scrollspeed = 1;..// Scrolling ....
.var waitingtime = 3000;..// ...... ....
.var s_tmp = 0, s_amount = 20;
.var startPanel=0, n_panel=0, i=0;
.var scroll_img_view_check = 0;

.function startscroll()
.{ // ...... ....
..i=0;
..for (i in scroll_content)
...n_panel++;
...
..n_panel = n_panel -1 ;
..startPanel = Math.round(Math.random()*n_panel);
..if(startPanel == 0)
..{
...i=0;
...for (i in scroll_content)
....insert_area(total_area, total_area++); // area ....
..}
..else if(startPanel == n_panel)
..{
...insert_area(startPanel, total_area);
...total_area++;
...for (i=0; i<startPanel; i++)
...{
....insert_area(i, total_area); // area ....
....total_area++;
...}
..}
..else if((startPanel > 0) || (startPanel < n_panel))
..{
...insert_area(startPanel, total_area);
...total_area++;
...for (i=startPanel+1; i<=n_panel; i++)
...{
....insert_area(i, total_area); // area ....
....total_area++;
...}
...for (i=0; i<startPanel; i++)
...{
....insert_area(i, total_area); // area ....
....total_area++;
...}
..}
..scroll_interval = setInterval("scrolling()", waitingtime);
.}
.function scrolling(){ // ...... ...... .... ....
..if (scroll_content_act)
..{
...for (i=0;i<total_area;i++){
....tmp = document.getElementById('scroll_area'+i).style;
....tmp.top = parseInt(tmp.top)-scrollspeed;
....if (parseInt(tmp.top) <= -scrollerheight){
.....tmp.top = scrollerheight*(total_area-1);
....}
...}
...if (s_tmp++ >= (s_amount - 1)){
....scroll_img_view_check++;
....if (scroll_img_view_check%2 == 0)
.....set_media_img();
....clearInterval(scroll_interval);
....s_tmp = 0;
....scroll_interval = setInterval("scrolling()", waitingtime);
....return;
...}
..}
..clearInterval(scroll_interval);
..scroll_interval = setInterval("scrolling()", 1);
.}

.function scrolling_next(){ // ...... ...... .... ....
..for (i=0;i<total_area;i++){
...tmp = document.getElementById('scroll_area'+i).style;
...var start = tmp.top;
...if (parseInt(tmp.top) <= 0) {
....tmp.top = scrollerheight*(total_area - 1);
...} else {
....if (parseInt(tmp.top)%scrollerheight == 0)
.....tmp.top = parseInt(parseInt(tmp.top)/scrollerheight - 1)*scrollerheight;
....else
.....tmp.top = parseInt(parseInt(tmp.top)/scrollerheight)*scrollerheight;
...}
..}
..clearInterval(scroll_interval);
..s_tmp = 0;
..scroll_interval = setInterval("scrolling()", waitingtime);
.}

.function insert_area(idx, n){ // area ....
..html='<ul style="left: 0px; position: absolute; top: '+(scrollerheight*n)+'px" id="scroll_area'+n+'" class="circle">\n';
..html+=scroll_content[idx]+'\n';
..html+='</ul>\n';
..document.write(html);
.}
</script>
<script type="text/javascript">
<!--
var cur_scroll_content = 0;
var scroll_content_act = true;
var cur_scroll_img = 0;
var scroll_img_act = true;

function next_view() {
.scrolling_next();
.set_media_img();
}

function set_media_img()
{
.++cur_scroll_img;
.if (cur_scroll_img >= scroll_img.length)
..cur_scroll_img = 0;
.document.getElementById("A_Media_img").innerHTML = scroll_img[cur_scroll_img];
}

1fd4

.
<script type="text/javascript">

</script>.
<div id="LM_N" style="margin-bottom:6px;">
.<div id="A_Media_img" onmouseover="scroll_img_act=false;" onmouseout="scroll_img_act=true;">
..<script type="text/javascript">
.. .cur_scroll_img = Math.round(Math.random()*(scroll_img.length-1));
...document.write(scroll_img[cur_scroll_img]);
..</script>
.</div>
.<span id="Media_more">
..<a href="javascript:next_view();"><img src="http://image.hanmail.net/hanmail/top/2005_top/media_next.gif" width="34" height="15" alt="...." title="...." onmouseover="scroll_content_act=false;scroll_img_act=false;" onmouseout="scroll_content_act=true;scroll_img_act=true;"></a><br />
.</span>
.<div id="A_Media" onmouseover="scroll_content_act=false;" onmouseout="scroll_content_act=true;">
..<script type="text/javascript">startscroll();.</script>
.</div>
</div><br clear="all" style="line-height:1px;"><p id="hr">
<div id="LM_N_M" style="margin:7 0 11 0;">
<a href="http://agora.media.daum.net/?nil_profile=g&nil_Content=agora"><img src="http://image.hanmail.net/hanmail/top/2005_top/i_agora.gif" width="33" height="16" align="absmiddle" alt="......" title="......" vspace="2"></a>
<a href="http://agora.media.daum.net/debate/?&nil_profile=g&nil_NewsAgora=1">.... ........ .. '.... ......'</a>
<a href="http://tv.media.daum.net/?nil_profile=g&nil_Content=tv"><img src="http://image.hanmail.net/hanmail/top/2005_top/i_tv1.gif" width="33" height="16" align="absmiddle" alt="...." title="...." vspace="2"></a>
<a href="http://tv.media.daum.net/talk/?&nil_profile=g&nil_NewsTV=1"><b>...... .......... ........</b></a><br />
<a href="http://sports.media.daum.net/?nil_profile=g&nil_Content=sports"><img src="http://image.hanmail.net/hanmail/top/2005_top/i_sport.gif" width="33" height="16" align="absmiddle" alt="......" title="......" vspace="2"></a>
<a href="http://sports.media.daum.net/eurosoccer/?&nil_profile=g&nil_NewsSports=1">...... ...., ........ ....!</a>.
<a href="http://worldn.media.daum.net/?nil_profile=g&nil_Content=worldn"><img src="http://image.hanmail.net/hanmail/top/2005_top/i_worldn.gif" width="33" height="16" align="absmiddle" alt="......n" title="......n" vspace="2"></a>
<a href="http://worldn.media.daum.net/photo/?&nil_profile=g&nil_NewsWorldn=1">....TV MC ........ .... ....!</a>.
</div>
</div>

<div id="AD_TXT"><div id="PremiumText2">
<img src="http://image.hanmail.net/hanmail/top/2005_top/ad_media.gif" width="18" height="38" alt="ad" style="margin-right:5px;">
<script type="text/javascript">

</script><img src="http://image.hanmail.net/hanmail/top/2005_top/dot_mediaad.gif" width="1" height="38" style="margin-right:8px;">
<script type="text/javascript">

</script>
</div></div><br clear="all" style="line-height:5px;">

.
<div id="zoom_stock" class="zoom"><div id="Stock_Frame">
<p>
.<a href="http://stock.finance.daum.net/?&nil_profile=g&nil_EstateTitle=1" alt="....">....</a> I <a href="http://loan.finance.daum.net/?&nil_profile=g&nil_EstateTitle=2" alt="....">....</a> I <a href="http://insurance.finance.daum.net/?&nil_profile=g&nil_EstateTitle=3" alt="....">....</a> I <a href="http://direct1.daum.net/?&nil_profile=g&nil_EstateTitle=4" alt="..................">..................</a>
</p>
<form name="sise" action="http://estate.daum.net/js/sise.jsp?nil_profile=g&nil_Fin=estatebtn" target="_top">
.<a href="http://estate.daum.net/?nil_profile=g&nil_Fin=estate"><b>......</b></a>
.<input type="text" name="dong" value="......" onclick="document.sise.dong.value='';" style="width:90px;" class="input_S">
.<input type=image src="http://image.hanmail.net/hanmail/top/2005_top/estate_bt.gif" width="50" height="20" alt="........" id=image1 name=image1 align="absmiddle">
</form>
<div id="Stock">
.<img src="http://image.hanmail.net/hanmail/top/2005_top/gray01.gif" width="4" height="10" alt="" title="" align="absmiddle"> <a href="http://stock.finance.daum.net/media/news/total/industry/200512/02/mk/v20178093.html?&nil_profile=g&nil_EstateNews=EstateNews3">.... .... .. ..........</a> 
.<img src="http://image.hanmail.net/hanmail/top/2005_top/gray01.gif" width="4" height="10" alt="" title="" align="absmiddle"> <a href="http://event.finance.daum.net/stock/trading/etrade/?&nil_profile=g&nil_EstateNews=EstateNews4">.... ........ ........ .... ...... ....?</a>
</div>

</div></div>

<style type="text/css">
#WeekCon li { background:url(http://image.hanmail.net/hanmail/top/200507/weekbg_52p.gif) 0 7px no-repeat; padding:0 0 0 6px; line-height:150%; }
#Week li a { color:; }
</style>
<div id="Week" style="background:url(http://image.hanmail.net/hanmail/top/200512/051202_m_weekend.gif) no-repeat; width:415px; height:135px; position:relative;"><div id="WeekCon" style="position:absolute; top:71px; left:160px;">
<ul>
<li><a href="http://movie.daum.net/community/photo_scan/griffin/Photodo/read?bbsId=photo1&articleId=4500&pageIndex=1&searchKey=&searchValue=&...">.... ......, ........ ........ ....</a><br><li><a href="http://movie.daum.net/community/photo_scan/griffin/Photodo/read?bbsId=photo1&articleId=4519&pageIndex=9&searchKey=&searchValue=&...">.......... ......, ........ .. ......?</a><br><li><a href="http://movie.daum.net/community/photo_scan/griffin/Photodo/read?bbsId=photo1&articleId=4387&pageIndex=15&searchKey=&searchValue=...">...... .......... .... .... ...... ....</a><br>
</ul>
</div></div><br clear="all" style="line-height:15px;">

28e5

Forums:

자유 게시판

이거 말고 HTML을 기본으로 서버 클라이언트 기능 그리고 서버 사이드

글쓴이: 다크슈테펜 / 작성시간: 금, 2005/12/02 - 11:21오후

이거 말고 HTML을 기본으로 서버 클라이언트 기능 그리고 서버 사이드 스크립트등등을 배우셔야 할것입니다.여기 이거는 자바 스크립트와 파싱된 HTML일겁니다.(제 예상으로) 즉 로그인이나 그런것에 관한거는 만약 소스 보기로 보셨다면 안나옵니다.꾸벅

인생이란게 다 그런게 아니겠어요....? 뭘(?)
http://schutepen.egloos.com

이거 거의 테러 수준인데요...?

글쓴이: jachin / 작성시간: 금, 2005/12/02 - 11:27오후

HTML 코드와 JavaScript, CSS 만 배우셔도 알 거에용. 키힝~

질문은 질답란에...

코드는 한 화면에 나오게... 쿨럭... 좌우 스크롤은 제일 싫어하는 부분...

(1600x1200해상도에서도 스크롤이 나오게 하시다니...)

부 메뉴

웹프로그램 여기 있는 소스 코드를 분석하려면

이거 말고 HTML을 기본으로 서버 클라이언트 기능 그리고 서버 사이드

이거 거의 테러 수준인데요...?

주 메뉴

둘러보기

부 메뉴

현재 위치

웹프로그램 여기 있는 소스 코드를 분석하려면

이거 말고 HTML을 기본으로 서버 클라이언트 기능 그리고 서버 사이드

이거 거의 테러 수준인데요...?

주 메뉴

검색 폼

둘러보기

사용자 로그인

Oauth2 Login :