달력

32024  이전 다음

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31

ajax 볼것....

DHTML/AJAX 2005. 6. 28. 14:38
Posted by tornado
|

http://webfx.eae.net/dhtml/

 

탐색기만 있는줄 알았는데 ... 다양하네 ㅎㅎㅎ

'DHTML' 카테고리의 다른 글

스크립트 잘만든곳...  (0) 2005.07.04
브라우저별로 테스트할때...  (0) 2005.07.01
[펌] tab 만들기.. 링크..  (0) 2005.04.28
테이블 마진  (0) 2005.04.26
[펌]MSN 친구추가하기...  (0) 2005.04.25
Posted by tornado
|

http://www.muhwa.com/!/sample/obxtabpage/

 

PHPSCHOOL 갔다가 퍼옴..

 

난 왜 이생각을 안하고... 손으로 쳤을까 ㅡㅡ;

'DHTML' 카테고리의 다른 글

브라우저별로 테스트할때...  (0) 2005.07.01
[링크] HTML 예제 죽인다...  (0) 2005.04.28
테이블 마진  (0) 2005.04.26
[펌]MSN 친구추가하기...  (0) 2005.04.25
테이블 내에 form 태그 쓸때..  (5) 2005.04.22
Posted by tornado
|

테이블 마진

DHTML 2005. 4. 26. 12:03

<td style="padding: 10 10 10 10">     상하좌우 10 씩 띠라는 말임..

'DHTML' 카테고리의 다른 글

[링크] HTML 예제 죽인다...  (0) 2005.04.28
[펌] tab 만들기.. 링크..  (0) 2005.04.28
[펌]MSN 친구추가하기...  (0) 2005.04.25
테이블 내에 form 태그 쓸때..  (5) 2005.04.22
[펌] HTML 엔티티(Entities)  (0) 2005.03.17
Posted by tornado
|
질문,광고 등록 절대금지! 질문은 Q&A로
글쓴이:람돌이 msn 친구 추가하기조회수:2301


홈페이지를 제작하다가 고객분께서 클릭만 하면 msn아뒤가 친구로 등록될수
있도록 해달라고 하시더라구요 첨엔 당췌 이게 될까 생각했었는데 ㅡㅡ;
이것저곳을 뒤져보니 결국 나오네요
아래 소스 입니다.
출처는 msn홈입니당~

<OBJECT id=MsgrUIA classid=clsid:B69003B3-C55E-4b48-836C-BC5946FC3B28 codeType=application/x-oleobject width=1 height=1></OBJECT>
<SCRIPT language=javascript>
<!--
function addBuddy(buddyEmail)
{
  try
  {
   if ("undefined" == typeof(MsgrUIA)) throw 0;

    if(MsgrUIA.MyStatus == 1)
    {
     MsgrUIA.SignIn(0,'','');
     throw 1;
    }

    MsgrUIA.AddContact(0, buddyEmail);
  }
  catch(e)
  {
    switch(e)
   {
    case 0:
     alert("자동으로 친구 추가를 하지 못했습니다.\n\n다음 MSNID를 수동으로 추가해주세요.\n\n" + buddyEmail);
      break;
    case 1:
     alert("MSN 메신저에 먼저 로그인 해주세요.");
     break;
    default:
     alert("MSN 메신저가 실행되지 않았거나, 친구 추가가 안되는 시스템입니다.");
    }
  }
}
-->
</SCRIPT>

<a href="#" onClick='addBuddy("좋아?@hotmail.com");'>클릭!</a>

지성좋은정보 감사드립니다. 03/08 9:45:59 코멘트 지우기
궁금이좋은 정보입니다. msn home 어디에 있나요03/08 17:35:02 코멘트 지우기
김정훈"MSN 메신저가 실행되지 않았거나, 친구 추가가 안되는 시스템입니다." 얼러트가 뜨는데요 뭐가 문제죠?? msn7.0 쓰고 있습니다.03/09 12:28:58 코멘트 지우기
이런...msn 웹 메신저를 뜯어 보시면 됩니다.
단, 그들의 악랄한 소스 코딩에 분노하실 준비를...
03/10 16:23:20 코멘트 지우기
박규태익스에서만 잘 됩니다.. -_- 좋은 정보 감사드립니다.03/14 16:02:57 코멘트 지우기

Posted by tornado
|

중첩된 테이블 내에서 form 태그를 쓸 때 간격이 벌어지곤 하는데..

 margin 속성을 주니 괘안네..

<form name="x" method="POST" action="/" style="margin:0px">

 

</form>

 

일케 하니 안벌어지네..

왜 몰랐지??

나만 몰랐나??

 

Posted by tornado
|

Latin-1 엔티티(Entities)

아래 표는 Latin-1(ISO-8859-1)의 8비트 문자를 위한 문자 개체 레퍼런스, 10진수 문자 레퍼런스, 16진수 문자 레퍼런스입니다. 또한 사용중인 브라우저에서 어떻게 나타나는 지를 보여줍니다. 문자와 관련된 자세한 정보는 유니코드 협회(Unicode Consortium)의 홈페이지에서 볼 수 있습니다.

브라우저는 10진수 문자 레퍼런스를 가장 잘 지원합니다. 단, 엑센트가 표시된 문자(10진수 192-214, 216-246, 248-255)는 잘 지원되지 않을 수 있습니다.

맥킨토시 브라우저는 14개의 Latin-1 문자를 정확하지 않게 출력할 수 있습니다. 이러한 문자들은 10진수 166, 178, 179, 185, 188, 189, 190, 208, 215, 221, 222, 240, 253, 254입니다. 참조: ISO-8859-1 and the Mac platform


문자개체10진수16진수브라우저 출력결과
개체10진수16진수
띄어쓰기 공간&nbsp;&#160;&#xA0;  &#xA0;
상하반전 느낌표&iexcl;&#161;&#xA1;¡¡&#xA1;
센트(cent) &cent;&#162;&#xA2;¢¢&#xA2;
파운드(pound) &pound;&#163;&#xA3;££&#xA3;
통화(currency) &curren;&#164;&#xA4;¤¤&#xA4;
엔화(yen) &yen;&#165;&#xA5;¥¥&#xA5;
끊어진 세로 막대기&brvbar;&#166;&#xA6;¦¦&#xA6;
섹션(section) 부호&sect;&#167;&#xA7;§§&#xA7;
분음부호(diaeresis)&uml;&#168;&#xA8;¨¨&#xA8;
저작권(copyright) 부호&copy;&#169;&#xA9;©©&#xA9;
여성 표시자&ordf;&#170;&#xAA;ªª&#xAA;
이중 꺽음 좌측 인용부호 &laquo;&#171;&#xAB;««&#xAB;
부호 아님&not;&#172;&#xAC;¬¬&#xAC;
하이픈&shy;&#173;&#xAD;­­&#xAD;
등록 부호&reg;&#174;&#xAE;®®&#xAE;
윗 줄 &macr;&#175;&#xAF;¯¯&#xAF;
도(degree) &deg;&#176;&#xB0;°°&#xB0;
플러스 마이너스 부호&plusmn;&#177;&#xB1;±±&#xB1;
윗첨자 2 &sup2;&#178;&#xB2;²²&#xB2;
윗첨자 3 &sup3;&#179;&#xB3;³³&#xB3;
고음 악센트&acute;&#180;&#xB4;´´&#xB4;
마이크로&micro;&#181;&#xB5;µµ&#xB5;
단락 표시&para;&#182;&#xB6;&#xB6;
중간점 &middot;&#183;&#xB7;··&#xB7;
갈고리형 부호&cedil;&#184;&#xB8;¸¸&#xB8;
윗첨자 1 &sup1;&#185;&#xB9;¹¹&#xB9;
남성 표시자&ordm;&#186;&#xBA;ºº&#xBA;
이중 꺽음 우측 인용부호&raquo;&#187;&#xBB;»»&#xBB;
1/4&frac14;&#188;&#xBC;¼¼&#xBC;
1/2&frac12;&#189;&#xBD;½½&#xBD;
3/4&frac34;&#190;&#xBE;¾¾&#xBE;
상하반전 물음표&iquest;&#191;&#xBF;¿¿&#xBF;
라틴 대문자 A (저음 악센트)&Agrave;&#192;&#xC0;ÀÀ&#xC0;
라틴 대문자 A (고음 악센트)&Aacute;&#193;&#xC1;ÁÁ&#xC1;
라틴 대문자 A (곡절 악센트)&Acirc;&#194;&#xC2;ÂÂ&#xC2;
라틴 대문자 A (틸데 악센트)&Atilde;&#195;&#xC3;ÃÃ&#xC3;
라틴 대문자 A (분음 부호)&Auml;&#196;&#xC4;ÄÄ&#xC4;
라틴 대문자 A (원 부호)&Aring;&#197;&#xC5;ÅÅ&#xC5;
라틴 대문자 AE &AElig;&#198;&#xC6;ÆÆ&#xC6;
라틴 대문자 C&Ccedil;&#199;&#xC7;ÇÇ&#xC7;
라틴 대문자 E (저음 악센트)&Egrave;&#200;&#xC8;ÈÈ&#xC8;
라틴 대문자 E (고음 악센트)&Eacute;&#201;&#xC9;ÉÉ&#xC9;
라틴 대문자 E (곡절 악센트)&Ecirc;&#202;&#xCA;ÊÊ&#xCA;
라틴 대문자 E (분음 부호)&Euml;&#203;&#xCB;ËË&#xCB;
라틴 대문자 I (저음 악센트)&Igrave;&#204;&#xCC;ÌÌ&#xCC;
라틴 대문자 I (고음 악센트)&Iacute;&#205;&#xCD;ÍÍ&#xCD;
라틴 대문자 I (곡절 악센트)&Icirc;&#206;&#xCE;ÎÎ&#xCE;
라틴 대문자 I (분음 부호)&Iuml;&#207;&#xCF;ÏÏ&#xCF;
라틴 대문자 ETH&ETH;&#208;&#xD0;ÐÐ&#xD0;
라틴 대문자 N (틸데 악센트)&Ntilde;&#209;&#xD1;ÑÑ&#xD1;
라틴 대문자 O (저음 악센트)&Ograve;&#210;&#xD2;ÒÒ&#xD2;
라틴 대문자 O (고음 악센트)&Oacute;&#211;&#xD3;ÓÓ&#xD3;
라틴 대문자 O (곡절 악센트)&Ocirc;&#212;&#xD4;ÔÔ&#xD4;
라틴 대문자 O (틸데 악센트)&Otilde;&#213;&#xD5;ÕÕ&#xD5;
라틴 대문자 O (분음 부호)&Ouml;&#214;&#xD6;ÖÖ&#xD6;
곱셈 부호&times;&#215;&#xD7;××&#xD7;
라틴 대문자 O (슬래쉬)&Oslash;&#216;&#xD8;ØØ&#xD8;
라틴 대문자 U 저음 악센트&Ugrave;&#217;&#xD9;ÙÙ&#xD9;
라틴 대문자 U (고음 악센트)&Uacute;&#218;&#xDA;ÚÚ&#xDA;
라틴 대문자 U (곡절 악센트)&Ucirc;&#219;&#xDB;ÛÛ&#xDB;
라틴 대문자 U (분음 부호)&Uuml;&#220;&#xDC;ÜÜ&#xDC;
라틴 대문자 Y (고음 악센트)&Yacute;&#221;&#xDD;ÝÝ&#xDD;
라틴 대문자 THORN&THORN;&#222;&#xDE;ÞÞ&#xDE;
라틴 소문자 ess-zed&szlig;&#223;&#xDF;ßß&#xDF;
라틴 소문자 a (저음 악센트)&agrave;&#224;&#xE0;àà&#xE0;
라틴 소문자 a (고음 악센트)&aacute;&#225;&#xE1;áá&#xE1;
라틴 소문자 a (곡절 악센트)&acirc;&#226;&#xE2;ââ&#xE2;
라틴 소문자 a (틸데 악센트)&atilde;&#227;&#xE3;ãã&#xE3;
라틴 소문자 a (분음 부호)&auml;&#228;&#xE4;ää&#xE4;
라틴 소문자 a (원 부호) &aring;&#229;&#xE5;åå&#xE5;
라틴 소문자 ae &aelig;&#230;&#xE6;ææ&#xE6;
라틴 소문자 c (갈고리형 부호)&ccedil;&#231;&#xE7;çç&#xE7;
라틴 소문자 e (저음 악센트)&egrave;&#232;&#xE8;èè&#xE8;
라틴 소문자 e (고음 악센트)&eacute;&#233;&#xE9;éé&#xE9;
라틴 소문자 e (곡절 악센트)&ecirc;&#234;&#xEA;êê&#xEA;
라틴 소문자 e (분음 부호)&euml;&#235;&#xEB;ëë&#xEB;
라틴 소문자 i (저음 악센트)&igrave;&#236;&#xEC;ìì&#xEC;
라틴 소문자 i (고음 악센트)&iacute;&#237;&#xED;íí&#xED;
라틴 소문자 i (곡절 악센트)&icirc;&#238;&#xEE;îî&#xEE;
라틴 소문자 i (분음 부호)&iuml;&#239;&#xEF;ïï&#xEF;
라틴 소문자 eth&eth;&#240;&#xF0;ðð&#xF0;
라틴 소문자 n (틸데 악센트)&ntilde;&#241;&#xF1;ññ&#xF1;
라틴 소문자 o (저음 악센트)&ograve;&#242;&#xF2;òò&#xF2;
라틴 소문자 o (고음 악센트)&oacute;&#243;&#xF3;óó&#xF3;
라틴 소문자 o (곡절 악센트)&ocirc;&#244;&#xF4;ôô&#xF4;
라틴 소문자 o (틸데 악센트)&otilde;&#245;&#xF5;õõ&#xF5;
라틴 소문자 o (분음 부호)&ouml;&#246;&#xF6;öö&#xF6;
나눗셈 부호&divide;&#247;&#xF7;÷÷&#xF7;
라틴 소문자 o (슬래쉬) &oslash;&#248;&#xF8;øø&#xF8;
라틴 소문자 u (저음 악센트)&ugrave;&#249;&#xF9;ùù&#xF9;
라틴 소문자 u (고음 악센트)&uacute;&#250;&#xFA;úú&#xFA;
라틴 소문자 u (곡절 악센트)&ucirc;&#251;&#xFB;ûû&#xFB;
라틴 소문자 u (분음 부호)&uuml;&#252;&#xFC;üü&#xFC;
라틴 소문자 y (고음 악센트)&yacute;&#253;&#xFD;ýý&#xFD;
라틴 소문자 thorn&thorn;&#254;&#xFE;þþ&#xFE;
라틴 소문자 y (분음 부호)&yuml;&#255;&#xFF;ÿÿ&#xFF;

 

심볼 및 그리스 문자 엔티티(Entities)


문자개체10진수16진수브라우저 출력결과
EntityDecimalHex
라틴 소문자 f ( 함수, 플로린 )&fnof;&#402;&#x192;ƒƒ&#x192;
그리스어 대문자 알파&Alpha;&#913;&#x391;ΑΑ&#x391;
그리스어 대문자 베타&Beta;&#914;&#x392;ΒΒ&#x392;
그리스어 대문자 감마&Gamma;&#915;&#x393;ΓΓ&#x393;
그리스어 대문자 델타&Delta;&#916;&#x394;ΔΔ&#x394;
그리스어 대문자 엡실론&Epsilon;&#917;&#x395;ΕΕ&#x395;
그리스어 대문자 제타&Zeta;&#918;&#x396;ΖΖ&#x396;
그리스어 대문자 에타&Eta;&#919;&#x397;ΗΗ&#x397;
그리스어 대문자 세타&Theta;&#920;&#x398;ΘΘ&#x398;
그리스어 대문자 아이오타&Iota;&#921;&#x399;ΙΙ&#x399;
그리스어 대문자 카파&Kappa;&#922;&#x39A;ΚΚ&#x39A;
그리스어 대문자 람다&Lambda;&#923;&#x39B;ΛΛ&#x39B;
그리스어 대문자 뮤&Mu;&#924;&#x39C;ΜΜ&#x39C;
그리스어 대문자 뉴&Nu;&#925;&#x39D;ΝΝ&#x39D;
그리스어 대문자 키&Xi;&#926;&#x39E;ΞΞ&#x39E;
그리스어 대문자 오미크론&Omicron;&#927;&#x39F;ΟΟ&#x39F;
그리스어 대문자 피&Pi;&#928;&#x3A0;ΠΠ&#x3A0;
그리스어 대문자 로&Rho;&#929;&#x3A1;ΡΡ&#x3A1;
그리스어 대문자 시그마&Sigma;&#931;&#x3A3;ΣΣ&#x3A3;
그리스어 대문자 타우&Tau;&#932;&#x3A4;ΤΤ&#x3A4;
그리스어 대문자 입실론&Upsilon;&#933;&#x3A5;ΥΥ&#x3A5;
그리스어 대문자 파이&Phi;&#934;&#x3A6;ΦΦ&#x3A6;
그리스어 대문자 카이&Chi;&#935;&#x3A7;ΧΧ&#x3A7;
그리스어 대문자 프사이&Psi;&#936;&#x3A8;ΨΨ&#x3A8;
그리스어 대문자 오메가&Omega;&#937;&#x3A9;ΩΩ&#x3A9;
그리스어 소문자 알파&alpha;&#945;&#x3B1;αα&#x3B1;
그리스어 소문자 베타&beta;&#946;&#x3B2;ββ&#x3B2;
그리스어 소문자 감마&gamma;&#947;&#x3B3;γγ&#x3B3;
그리스어 소문자 델타&delta;&#948;&#x3B4;δδ&#x3B4;
그리스어 소문자 엡실론&epsilon;&#949;&#x3B5;εε&#x3B5;
그리스어 소문자 제타&zeta;&#950;&#x3B6;ζζ&#x3B6;
그리스어 소문자 에타&eta;&#951;&#x3B7;ηη&#x3B7;
그리스어 소문자 세타&theta;&#952;&#x3B8;θθ&#x3B8;
그리스어 소문자 아이오타&iota;&#953;&#x3B9;ιι&#x3B9;
그리스어 소문자 카파&kappa;&#954;&#x3BA;κκ&#x3BA;
그리스어 소문자 람다&lambda;&#955;&#x3BB;λλ&#x3BB;
그리스어 소문자 뮤&mu;&#956;&#x3BC;μμ&#x3BC;
그리스어 소문자 뉴&nu;&#957;&#x3BD;νν&#x3BD;
그리스어 소문자 키&xi;&#958;&#x3BE;ξξ&#x3BE;
그리스어 소문자 오미크론&omicron;&#959;&#x3BF;οο&#x3BF;
그리스어 소문자 파이&pi;&#960;&#x3C0;ππ&#x3C0;
그리스어 소문자 로&rho;&#961;&#x3C1;ρρ&#x3C1;
그리스어 소문자 시그마 (단어 끝)&sigmaf;&#962;&#x3C2;ςς&#x3C2;
그리스어 소문자 시그마&sigma;&#963;&#x3C3;σσ&#x3C3;
그리스어 소문자 타우&tau;&#964;&#x3C4;ττ&#x3C4;
그리스어 소문자 입실론&upsilon;&#965;&#x3C5;υυ&#x3C5;
그리스어 소문자 파이&phi;&#966;&#x3C6;φφ&#x3C6;
그리스어 소문자 키&chi;&#967;&#x3C7;χχ&#x3C7;
그리스어 소문자 프사이&psi;&#968;&#x3C8;ψψ&#x3C8;
그리스어 소문자 오메가&omega;&#969;&#x3C9;ωω&#x3C9;
그리스어 소문자 세타 심볼&thetasym;&#977;&#x3D1;ϑϑ&#x3D1;
그리스어 웁실론 고리형 심볼&upsih;&#978;&#x3D2;ϒϒ&#x3D2;
그리스어 파이 심볼&piv;&#982;&#x3D6;ϖϖ&#x3D6;
불렛(bullet) = 검정색 작은 원&bull;&#8226;&#x2022;&#x2022;
수평점&hellip;&#8230;&#x2026;&#x2026;
프라임 (분, 피트)&prime;&#8242;&#x2032;&#x2032;
이중 프라임 (초, 인치)&Prime;&#8243;&#x2033;&#x2033;
윗 선&oline;&#8254;&#x203E;&#x203E;
슬래쉬 (분수)&frasl;&#8260;&#x2044;&#x2044;
대문자 서체 P &weierp;&#8472;&#x2118;&#x2118;
대문자 블랙활자 I &image;&#8465;&#x2111;&#x2111;
대문자 블랙활자 R &real;&#8476;&#x211C;&#x211C;
트레이드 마크 (trade mark)&trade;&#8482;&#x2122;&#x2122;
알레프(alef) 심볼&alefsym;&#8501;&#x2135;&#x2135;
좌향 화살표&larr;&#8592;&#x2190;&#x2190;
상향 화살표&uarr;&#8593;&#x2191;&#x2191;
우향 화살표&rarr;&#8594;&#x2192;&#x2192;
하향 화살표&darr;&#8595;&#x2193;&#x2193;
좌우향 화살표&harr;&#8596;&#x2194;&#x2194;
꺽인 화살표&crarr;&#8629;&#x21B5;&#x21B5;
큰 좌향 화살표&lArr;&#8656;&#x21D0;&#x21D0;
큰 상향 화살표&uArr;&#8657;&#x21D1;&#x21D1;
큰 우향 화살표&rArr;&#8658;&#x21D2;&#x21D2;
큰 하향 화살표&dArr;&#8659;&#x21D3;&#x21D3;
큰 좌우향 화살표&hArr;&#8660;&#x21D4;&#x21D4;
전체에게&forall;&#8704;&#x2200;&#x2200;
부분적 차이&part;&#8706;&#x2202;&#x2202;
그곳에 있음&exist;&#8707;&#x2203;&#x2203;
비었음&empty;&#8709;&#x2205;&#x2205;
나블라(nabla)&nabla;&#8711;&#x2207;&#x2207;
~ 에 속함&isin;&#8712;&#x2208;&#x2208;
~ 에 속하지 않음&notin;&#8713;&#x2209;&#x2209;
포함함&ni;&#8715;&#x220B;&#x220B;
프로덕트&prod;&#8719;&#x220F;&#x220F;
합계&sum;&#8721;&#x2211;&#x2211;
뺄셈 부호&minus;&#8722;&#x2212;&#x2212;
애스터리스크(asterisk)&lowast;&#8727;&#x2217;&#x2217;
제곱근(square root)&radic;&#8730;&#x221A;&#x221A;
~ 에 비례&prop;&#8733;&#x221D;&#x221D;
무한&infin;&#8734;&#x221E;&#x221E;
각도&ang;&#8736;&#x2220;&#x2220;
논리 부호 and &and;&#8743;&#x2227;&#x2227;
논리 부호 or &or;&#8744;&#x2228;&#x2228;
교집(cap)&cap;&#8745;&#x2229;&#x2229;
합집(cup)&cup;&#8746;&#x222A;&#x222A;
인테그랄(integral)&int;&#8747;&#x222B;&#x222B;
그러므로&there4;&#8756;&#x2234;&#x2234;
틸데 연산자&sim;&#8764;&#x223C;&#x223C;
대략 같음&cong;&#8773;&#x2245;&#x2245;
거의 같음&asymp;&#8776;&#x2248;&#x2248;
같지 않음&ne;&#8800;&#x2260;&#x2260;
동일함&equiv;&#8801;&#x2261;&#x2261;
적거나 같음&le;&#8804;&#x2264;&#x2264;
크거나 같음&ge;&#8805;&#x2265;&#x2265;
~ 의 부분집합&sub;&#8834;&#x2282;&#x2282;
~ 의 상위집합&sup;&#8835;&#x2283;&#x2283;
~ 의 부분집합이 아님&nsub;&#8836;&#x2284;&#x2284;
부분집합이거나 같음&sube;&#8838;&#x2286;&#x2286;
상위집합이거나 같음&supe;&#8839;&#x2287;&#x2287;
원형 덧셈부호(circled plus)&oplus;&#8853;&#x2295;&#x2295;
원형 곱셉부호(circled times)&otimes;&#8855;&#x2297;&#x2297;
수직&perp;&#8869;&#x22A5;&#x22A5;
점 연산자&sdot;&#8901;&#x22C5;&#x22C5;
레프트 실링(left ceiling)&lceil;&#8968;&#x2308;&#x2308;
라이트 실링(right ceiling)&rceil;&#8969;&#x2309;&#x2309;
레프트 플로어(left floor) = APL downstile&lfloor;&#8970;&#x230A;&#x230A;
라이트 플로어(right floor)&rfloor;&#8971;&#x230B;&#x230B;
좌측 꺽인 괄호&lang;&#9001;&#x2329;&#x2329;
우측 꺽인 괄호&rang;&#9002;&#x232A;&#x232A;
마름모&loz;&#9674;&#x25CA;&#x25CA;
블랙 스페이드&spades;&#9824;&#x2660;&#x2660;
블랙 클럽&clubs;&#9827;&#x2663;&#x2663;
블랙 하트&hearts;&#9829;&#x2665;&#x2665;
블랙 다이아몬드&diams;&#9830;&#x2666;&#x2666;

 

특수 엔티티(Entities)


문자개체10진수16진수브라우저 출력결과
개체10진수16진수
인용부호 (프로그램 인용부호)&quot;&#34;&#x22;""&#x22;
앰퍼샌드 (ampersand)&amp;&#38;&#x26;&&&#x26;
부등호(작음)&lt;&#60;&#x3C;<<&#x3C;
부등호(큼)&gt;&#62;&#x3E;>>&#x3E;
라틴 대문자 OE&OElig;&#338;&#x152;ŒŒ&#x152;
라틴 소문자 oe&oelig;&#339;&#x153;œœ&#x153;
라틴 대문자 S (캐론 악센트)&Scaron;&#352;&#x160;ŠŠ&#x160;
라틴 소문자 s (캐론 악센트)&scaron;&#353;&#x161;šš&#x161;
라틴 대문자 Y (분음부호)&Yuml;&#376;&#x178;ÿŸ&#x178;
곡절 악센트&circ;&#710;&#x2C6;ˆˆ&#x2C6;
틸데 악센트&tilde;&#732;&#x2DC;˜˜&#x2DC;
엔 스페이스&ensp;&#8194;&#x2002;&#x2002;
엠 스페이스&emsp;&#8195;&#x2003;&#x2003;
씬 스페이스&thinsp;&#8201;&#x2009;&#x2009;
비결합자&zwnj;&#8204;&#x200C;&#x200C;
결합자&zwj;&#8205;&#x200D;&#x200D;
우향 표시&lrm;&#8206;&#x200E;&#x200E;
좌향 표시&rlm;&#8207;&#x200F;&#x200F;
엔 대시&ndash;&#8211;&#x2013;&#x2013;
엠 대시&mdash;&#8212;&#x2014;&#x2014;
작은 따옴표 (좌)&lsquo;&#8216;&#x2018;&#x2018;
작은 따옴표 (우)&rsquo;&#8217;&#x2019;&#x2019;
낮은 인용부호 (소)&sbquo;&#8218;&#x201A;&#x201A;
큰 따옴표 (좌)&ldquo;&#8220;&#x201C;&#x201C;
큰 따옴표 (우)&rdquo;&#8221;&#x201D;&#x201D;
낮은 인용부호 (대)&bdquo;&#8222;&#x201E;&#x201E;
대거(dagger)&dagger;&#8224;&#x2020;&#x2020;
이중 대거(double dagger)&Dagger;&#8225;&#x2021;&#x2021;
퍼밀 부호 (per mille sign)&permil;&#8240;&#x2030;&#x2030;
좌측 꺽음 인용부호&lsaquo;&#8249;&#x2039;&#x2039;
우측 꺽음 인용부호&rsaquo;&#8250;&#x203A;&#x203A;
유로화&euro;&#8364;&#x20AC;&#x20AC;

 

 

Posted by tornado
|
글쓴이:후니 마지막으로 그림자 레이어, 사이즈 조절도 가능조회수:3004


<link href="http://www.scriptasylum.com/scripts.css" rel="stylesheet" type="text/css">

<SCRIPT LANGUAGE="JavaScript">
<!--
// Popup Windows - V 3.0
// Author: Brian Gosselin
// Site URL: http://scriptasylum.com
//
// Browser compatibility:
// IE4+, NS4+, NS6+ (with limited functionality in pre 5.0 browsers)
//
// Supported Features:
// > Seperate Drag and Drop (both can be disabled), minimize/restore/close, drag resize, and
//   fonts/colors/dimensions/placement for each popup.
// > Allows any number of popups per page limited only by browser/computer performance.
// > Popups are created after page runtime allowing for truly dynamic windows.
// > Popups can be created in their "closed" state and then opened via javascript function if desired.
// > Degrades gracefully in older browsers by creating normal browser windows.

var W3C=(document.getElementById)? true: false;
var IE5=(W3C && document.all)? true : false;
var NS6=(W3C && (navigator.appName=="Netscape"))? true: false;
currIDb=null; xoff=0; yoff=0;
currRS=null; rsxoff=0; rsyoff=0;
oldac=null; newac=null; zdx=1; mx=0; my=0;

var idlist=new Array();
idlist.btns=new Array();
idlist.btns[0]=new Image(); idlist.btns[0].src="http://www.scriptasylum.com/min.gif";
idlist.btns[1]=new Image(); idlist.btns[1].src="http://www.scriptasylum.com/max.gif";
idlist.btns[2]=new Image(); idlist.btns[2].src="http://www.scriptasylum.com/close.gif";
idlist.btns[3]=new Image(); idlist.btns[3].src="http://www.scriptasylum.com/resize.gif";

function hidebox(id){
if(W3C){
document.getElementById(id+'_b').style.display='none';
document.getElementById(id+'_s').style.display='none';
}}

function showbox(id){
if(W3C){
var bx=document.getElementById(id+'_b').style;
var sh=document.getElementById(id+'_s').style;
bx.display='block';
sh.display='block';
sh.zIndex=++zdx;
bx.zIndex=++zdx;
}}

function minimize(){
if(W3C){
this.IDS[0].style.height=(IE5)? '28px':'24px';
this.IDS[3].style.height='28px';
this.IDS[2].style.display='none';
this.IDS[4].style.display='none';
setTimeout('NS6bugfix()',100);
}}

function restore(){
if(W3C){
var h=this.IDS[10];
this.IDS[0].style.height=h+'px'; //box
this.IDS[3].style.height=(IE5)? h+'px':h+5+'px'; //shd
this.IDS[2].style.display='block';
this.IDS[4].style.display='block';
setTimeout('NS6bugfix()',100);
}}

function NS6bugfix(){
self.resizeBy(0,1);
self.resizeBy(0,-1);
}

function trackmouse(evt){
mx=(IE5)?event.clientX+document.body.scrollLeft:evt.pageX;
my=(IE5)?event.clientY+document.body.scrollTop:evt.pageY;
if(!NS6)movepopup();
if((currIDb!=null)||(currRS!=null))return false;
}

function movepopup(){
if((currIDb!=null)&&W3C){
var x=mx+xoff;
var y=my+yoff;
currIDb.style.left=x+'px';
currIDs.style.left=x+8+'px';
currIDb.style.top=y+'px';
currIDs.style.top=y+8+'px';
}
if((currRS!=null)&&W3C){
var rx=mx+rsxoff;
var ry=my+rsyoff;
var c=currRS;
c.style.left=Math.max(rx,((NS6)?92:88))+'px';
c.style.top=Math.max(ry,((NS6)?72:68))+'px';
c.IDS[0].style.width=Math.max(rx+((NS6)?8:12),100)+'px';
c.IDS[0].style.height=Math.max(ry+((NS6)?8:12),80)+'px';
c.IDS[1].style.width=Math.max(rx+((NS6)?3:4),((NS6)?95:92))+'px';
c.IDS[5].style.left=parseInt(c.IDS[1].style.width)-48+'px';
c.IDS[3].style.width=Math.max(rx+12,((NS6)?104:100))+'px';
c.IDS[3].style.height=Math.max(ry+((NS6)?13:12),((NS6)?86:80))+'px';
c.IDS[2].style.width=Math.max(rx-((NS6)?5:-5),((NS6)?87:92))+'px';
c.IDS[2].style.height=Math.max(ry-((NS6)?28:24),44)+'px';
c.IDS[10]=parseInt(c.IDS[0].style.height);
}}

function startRS(evt){
var ex=(IE5)?event.clientX+document.body.scrollLeft:evt.pageX;
var ey=(IE5)?event.clientY+document.body.scrollTop:evt.pageY;
rsxoff=parseInt(this.style.left)-ex;
rsyoff=parseInt(this.style.top)-ey;
currRS=this;
if(NS6)this.IDS[2].style.overflow='hidden';
return false;
}

function stopdrag(){
currIDb=null;
NS6bugfix();
}

function grab_id(evt){
var ex=(IE5)?event.clientX+document.body.scrollLeft:evt.pageX;
var ey=(IE5)?event.clientY+document.body.scrollTop:evt.pageY;
xoff=parseInt(this.IDS[0].style.left)-ex;
yoff=parseInt(this.IDS[0].style.top)-ey;
currIDb=this.IDS[0];
currIDs=this.IDS[3];
return false;
}

function subBox(x,y,w,h,bgc,id){
var v=document.createElement('div');
v.setAttribute('id',id);
v.style.position='absolute';
v.style.left=x+'px';
v.style.top=y+'px';
v.style.width=w+'px';
v.style.height=h+'px';
v.style.backgroundColor=bgc;
v.style.visibility='visible';
v.style.padding='0px 0px 0px 0px';
return v;
}

function popUp(x,y,w,h,cid,text,bgcolor,textcolor,fontstyleset,title,titlecolor,titletextcolor,bordercolor,scrollcolor,shadowcolor,showonstart,isdrag,isresize,doold){
if(W3C){
var tw, th;
w=Math.max(w,100);
h=Math.max(h,80);
var rdiv=new subBox(w-((IE5)?12:8),h-((IE5)?12:8),7,7,'',cid+'_rs');
if(isresize){
rdiv.innerHTML='<img src="http://www.scriptasylum.com/resize.gif" width="7" height="7">';
rdiv.style.cursor='move';
}
tw=(IE5)?w:w+4;
th=(IE5)?h:h+6;
var shadow=new subBox(x+8,y+8,tw,th,shadowcolor,cid+'_s');
if(IE5)shadow.style.filter="alpha(opacity=50)";
if(NS6)shadow.style.MozOpacity=.5;
shadow.style.zIndex=++zdx;
var tw,th;
var outerdiv=new subBox(x,y,w,h,bordercolor,cid+'_b');
outerdiv.style.borderStyle="outset";
outerdiv.style.borderWidth="2px";
outerdiv.style.borderColor=bordercolor;
outerdiv.style.zIndex=++zdx;
tw=(IE5)?w-8:w-5;
th=(IE5)?h+4:h-4;
var titlebar=new subBox(2,2,tw,20,titlecolor,cid+'_t');
titlebar.style.overflow="hidden";
titlebar.style.cursor="default";
titlebar.innerHTML='<span style="position:absolute; left:3px; top:1px; font:bold 10pt sans-serif; color:'+titletextcolor+'; height:18px; overflow:hidden; clip-height:16px;">'+title+'</span><span id="'+cid+'_btt" style="position:absolute; width:48px; height:16px; left:'+(tw-48)+'px; top:2px;"><img src="http://www.scriptasylum.com/min.gif" width="16" height="16" id="'+cid+'_min"><img src="http://www.scriptasylum.com/max.gif" width="16" height="16" id="'+cid+'_max"><img src="http://www.scriptasylum.com/close.gif" width="16" height="16" id="'+cid+'_cls"></span>';
tw=(IE5)?w-7:w-13;
th=(IE5)?h-36:h-36;
var content=new subBox(2,24,tw,th,bgcolor,cid+'_c');
content.style.borderColor=bordercolor;
content.style.borderStyle="inset";
content.style.borderWidth="2px";
content.style.overflow="auto";
content.style.padding="0px 2px 0px 4px";
content.style.font=fontstyleset;
content.style.color=textcolor;
if(IE5)content.style.scrollbarBaseColor=scrollcolor;
content.innerHTML=text;
outerdiv.appendChild(titlebar);
outerdiv.appendChild(content);
outerdiv.appendChild(rdiv);
document.body.appendChild(shadow);
document.body.appendChild(outerdiv);
if(!showonstart)hidebox(cid);
var IDS=new Array();
IDS[0]=document.getElementById(cid+'_b');
IDS[1]=document.getElementById(cid+'_t');
IDS[2]=document.getElementById(cid+'_c');
IDS[3]=document.getElementById(cid+'_s');
IDS[4]=document.getElementById(cid+'_rs');
IDS[5]=document.getElementById(cid+'_btt');
IDS[6]=document.getElementById(cid+'_min');
IDS[7]=document.getElementById(cid+'_max');
IDS[8]=document.getElementById(cid+'_cls');
IDS[9]=cid;
IDS[10]=h;
this.IDb=IDS[0]; this.IDb.IDS=IDS;
this.IDt=IDS[1]; this.IDt.IDS=IDS;
this.IDc=IDS[2]; this.IDc.IDS=IDS;
this.IDs=IDS[3]; this.IDs.IDS=IDS;
this.IDrs=IDS[4]; this.IDrs.IDS=IDS;
this.IDbtt=IDS[5]; this.IDbtt.IDS=IDS;
this.IDmin=IDS[6]; this.IDmin.IDS=IDS;
this.IDmax=IDS[7]; this.IDmax.IDS=IDS;
this.IDcls=IDS[8]; this.IDcls.IDS=IDS;
this.IDb.activecolor=titlecolor;
this.IDb.inactivecolor=scrollcolor;
if(oldac!=null)oldac.IDS[1].style.backgroundColor=oldac.inactivecolor;
oldac=this.IDb;
this.IDcls.onclick=new Function("hidebox('"+cid+"');");
if(isresize){
this.IDmin.onclick=minimize;
this.IDmax.onclick=restore;
this.IDrs.onmousedown=startRS;
this.IDrs.onmouseup=new Function("currRS=null");
}
this.IDb.onmousedown=function(){
if(oldac!=null){
//if(NS6)oldac.IDS[2].style.overflow='hidden';
oldac.IDS[1].style.backgroundColor=oldac.inactivecolor;
}
if(NS6)this.IDS[2].style.overflow='auto';
oldac=this;
this.IDS[1].style.backgroundColor=this.activecolor;
this.IDS[3].style.zIndex=++zdx;
this.style.zIndex=++zdx;
}
if(isdrag){
this.IDt.onmousedown=grab_id;
this.IDt.onmouseup=stopdrag;
}
}else{
if(doold){
var ctr=new Date();
ctr=ctr.getTime();
var win=window.open("" , "abc"+ctr , "status=no,menubar=no,width="+w+",height="+h+",resizable=yes,scrollbars=yes");
var t='<html><head><title>'+title+'</title></head><body bgcolor="'+bgcolor+'"><font style="font:'+fontstyleset+'; color:'+textcolor+'">'+text+'</font></body></html>';
win.document.write(t);
win.document.close();
}}}

if(NS6)setInterval('movepopup()',40);

if(W3C){
document.onmousemove=trackmouse;
document.onmouseup=new Function("currRS=null");
}

//-->
</SCRIPT>
<script language="javascript">
window.onload=function(){

new popUp(390, 10, 310, 190, "Div", "업무때문에 서핑하다가 찾은 소스입니다.어딘가에 그림자 레이어에 대한 내용을 본것도 같은데...유용하게 사용하세요Ex) 공지사항, 알림, 메시지, 쪽지등...기능도 다양합니다. 줄이기, 키우기, 닫기, 사이즈조절까지", "#D9D9D9", "black", "9pt verdana", "공지사항.....", "#00385c", "white", "#006bae", "#00436e", "black",true,true,true,false);

}
</script>

후니<link href="http://www.scriptasylum.com/scripts.css" rel="stylesheet" type="text/css">

<SCRIPT LANGUAGE="JavaScript">
<!--
// Popup Windows - V 3.0
// Author: Brian Gosselin
// Site URL: http://scriptasylum.com
//
// Browser compatibility:
// IE4+, NS4+, NS6+ (with limited functionality in pre 5.0 browsers)
//
// Supported Features:
// > Seperate Drag and Drop (both can be disabled), minimize/restore/close, drag resize, and
//&nbsp;&nbsp; fonts/colors/dimensions/placement for each popup.
// > Allows any number of popups per page limited only by browser/computer performance.
// > Popups are created after page runtime allowing for truly dynamic windows.
// > Popups can be created in their "closed" state and then opened via javascript function if desired.
// > Degrades gracefully in older browsers by creating normal browser windows.

var W3C=(document.getElementById)? true: false;
var IE5=(W3C && document.all)? true : false;
var NS6=(W3C && (navigator.appName=="Netscape"))? true: false;
currIDb=null; xoff=0; yoff=0;
currRS=null; rsxoff=0; rsyoff=0;
oldac=null; newac=null; zdx=1; mx=0; my=0;

var idlist=new Array();
idlist.btns=new Array();
idlist.btns[0]=new Image(); idlist.btns[0].src="http://www.scriptasylum.com/min.gif";
idlist.btns[1]=new Image(); idlist.btns[1].src="http://www.scriptasylum.com/max.gif";
idlist.btns[2]=new Image(); idlist.btns[2].src="http://www.scriptasylum.com/close.gif";
idlist.btns[3]=new Image(); idlist.btns[3].src="http://www.scriptasylum.com/resize.gif";

function hidebox(id){
if(W3C){
document.getElementById(id+'_b').style.display='none';
document.getElementById(id+'_s').style.display='none';
}}

function showbox(id){
if(W3C){
var bx=document.getElementById(id+'_b').style;
var sh=document.getElementById(id+'_s').style;
bx.display='block';
sh.display='block';
sh.zIndex=++zdx;
bx.zIndex=++zdx;
}}

function minimize(){
if(W3C){
this.IDS[0].style.height=(IE5)? '28px':'24px';
this.IDS[3].style.height='28px';
this.IDS[2].style.display='none';
this.IDS[4].style.display='none';
setTimeout('NS6bugfix()',100);
}}

function restore(){
if(W3C){
var h=this.IDS[10];
this.IDS[0].style.height=h+'px'; //box
this.IDS[3].style.height=(IE5)? h+'px':h+5+'px'; //shd
this.IDS[2].style.display='block';
this.IDS[4].style.display='block';
setTimeout('NS6bugfix()',100);
}}

function NS6bugfix(){
self.resizeBy(0,1);
self.resizeBy(0,-1);
}

function trackmouse(evt){
mx=(IE5)?event.clientX+document.body.scrollLeft:evt.pageX;
my=(IE5)?event.clientY+document.body.scrollTop:evt.pageY;
if(!NS6)movepopup();
if((currIDb!=null)||(currRS!=null))return false;
}

function movepopup(){
if((currIDb!=null)&&W3C){
var x=mx+xoff;
var y=my+yoff;
currIDb.style.left=x+'px';
currIDs.style.left=x+8+'px';
currIDb.style.top=y+'px';
currIDs.style.top=y+8+'px';
}
if((currRS!=null)&&W3C){
var rx=mx+rsxoff;
var ry=my+rsyoff;
var c=currRS;
c.style.left=Math.max(rx,((NS6)?92:88))+'px';
c.style.top=Math.max(ry,((NS6)?72:68))+'px';
c.IDS[0].style.width=Math.max(rx+((NS6)?8:12),100)+'px';
c.IDS[0].style.height=Math.max(ry+((NS6)?8:12),80)+'px';
c.IDS[1].style.width=Math.max(rx+((NS6)?3:4),((NS6)?95:92))+'px';
c.IDS[5].style.left=parseInt(c.IDS[1].style.width)-48+'px';
c.IDS[3].style.width=Math.max(rx+12,((NS6)?104:100))+'px';
c.IDS[3].style.height=Math.max(ry+((NS6)?13:12),((NS6)?86:80))+'px';
c.IDS[2].style.width=Math.max(rx-((NS6)?5:-5),((NS6)?87:92))+'px';
c.IDS[2].style.height=Math.max(ry-((NS6)?28:24),44)+'px';
c.IDS[10]=parseInt(c.IDS[0].style.height);
}}

function startRS(evt){
var ex=(IE5)?event.clientX+document.body.scrollLeft:evt.pageX;
var ey=(IE5)?event.clientY+document.body.scrollTop:evt.pageY;
rsxoff=parseInt(this.style.left)-ex;
rsyoff=parseInt(this.style.top)-ey;
currRS=this;
if(NS6)this.IDS[2].style.overflow='hidden';
return false;
}

function stopdrag(){
currIDb=null;
NS6bugfix();
}

function grab_id(evt){
var ex=(IE5)?event.clientX+document.body.scrollLeft:evt.pageX;
var ey=(IE5)?event.clientY+document.body.scrollTop:evt.pageY;
xoff=parseInt(this.IDS[0].style.left)-ex;
yoff=parseInt(this.IDS[0].style.top)-ey;
currIDb=this.IDS[0];
currIDs=this.IDS[3];
return false;
}

function subBox(x,y,w,h,bgc,id){
var v=document.createElement('div');
v.setAttribute('id',id);
v.style.position='absolute';
v.style.left=x+'px';
v.style.top=y+'px';
v.style.width=w+'px';
v.style.height=h+'px';
v.style.backgroundColor=bgc;
v.style.visibility='visible';
v.style.padding='0px 0px 0px 0px';
return v;
}

function popUp(x,y,w,h,cid,text,bgcolor,textcolor,fontstyleset,title,titlecolor,titletextcolor,bordercolor,scrollcolor,shadowcolor,showonstart,isdrag,isresize,doold){
if(W3C){
var tw, th;
w=Math.max(w,100);
h=Math.max(h,80);
var rdiv=new subBox(w-((IE5)?12:8),h-((IE5)?12:8),7,7,'',cid+'_rs');
if(isresize){
rdiv.innerHTML='<img src="http://www.scriptasylum.com/resize.gif" width="7" height="7">';
rdiv.style.cursor='move';
}
tw=(IE5)?w:w+4;
th=(IE5)?h:h+6;
var shadow=new subBox(x+8,y+8,tw,th,shadowcolor,cid+'_s');
if(IE5)shadow.style.filter="alpha(opacity=50)";
if(NS6)shadow.style.MozOpacity=.5;
shadow.style.zIndex=++zdx;
var tw,th;
var outerdiv=new subBox(x,y,w,h,bordercolor,cid+'_b');
outerdiv.style.borderStyle="outset";
outerdiv.style.borderWidth="2px";
outerdiv.style.borderColor=bordercolor;
outerdiv.style.zIndex=++zdx;
tw=(IE5)?w-8:w-5;
th=(IE5)?h+4:h-4;
var titlebar=new subBox(2,2,tw,20,titlecolor,cid+'_t');
titlebar.style.overflow="hidden";
titlebar.style.cursor="default";
titlebar.innerHTML='<span style="position:absolute; left:3px; top:1px; font:bold 10pt sans-serif; color:'+titletextcolor+'; height:18px; overflow:hidden; clip-height:16px;">'+title+'</span><span id="'+cid+'_btt" style="position:absolute; width:48px; height:16px; left:'+(tw-48)+'px; top:2px;"><img src="http://www.scriptasylum.com/min.gif" width="16" height="16" id="'+cid+'_min"><img src="http://www.scriptasylum.com/max.gif" width="16" height="16" id="'+cid+'_max"><img src="http://www.scriptasylum.com/close.gif" width="16" height="16" id="'+cid+'_cls"></span>';
tw=(IE5)?w-7:w-13;
th=(IE5)?h-36:h-36;
var content=new subBox(2,24,tw,th,bgcolor,cid+'_c');
content.style.borderColor=bordercolor;
content.style.borderStyle="inset";
content.style.borderWidth="2px";
content.style.overflow="auto";
content.style.padding="0px 2px 0px 4px";
content.style.font=fontstyleset;
content.style.color=textcolor;
if(IE5)content.style.scrollbarBaseColor=scrollcolor;
content.innerHTML=text;
outerdiv.appendChild(titlebar);
outerdiv.appendChild(content);
outerdiv.appendChild(rdiv);
document.body.appendChild(shadow);
document.body.appendChild(outerdiv);
if(!showonstart)hidebox(cid);
var IDS=new Array();
IDS[0]=document.getElementById(cid+'_b');
IDS[1]=document.getElementById(cid+'_t');
IDS[2]=document.getElementById(cid+'_c');
IDS[3]=document.getElementById(cid+'_s');
IDS[4]=document.getElementById(cid+'_rs');
IDS[5]=document.getElementById(cid+'_btt');
IDS[6]=document.getElementById(cid+'_min');
IDS[7]=document.getElementById(cid+'_max');
IDS[8]=document.getElementById(cid+'_cls');
IDS[9]=cid;
IDS[10]=h;
this.IDb=IDS[0]; this.IDb.IDS=IDS;
this.IDt=IDS[1]; this.IDt.IDS=IDS;
this.IDc=IDS[2]; this.IDc.IDS=IDS;
this.IDs=IDS[3]; this.IDs.IDS=IDS;
this.IDrs=IDS[4]; this.IDrs.IDS=IDS;
this.IDbtt=IDS[5]; this.IDbtt.IDS=IDS;
this.IDmin=IDS[6]; this.IDmin.IDS=IDS;
this.IDmax=IDS[7]; this.IDmax.IDS=IDS;
this.IDcls=IDS[8]; this.IDcls.IDS=IDS;
this.IDb.activecolor=titlecolor;
this.IDb.inactivecolor=scrollcolor;
if(oldac!=null)oldac.IDS[1].style.backgroundColor=oldac.inactivecolor;
oldac=this.IDb;
this.IDcls.onclick=new Function("hidebox('"+cid+"');");
if(isresize){
this.IDmin.onclick=minimize;
this.IDmax.onclick=restore;
this.IDrs.onmousedown=startRS;
this.IDrs.onmouseup=new Function("currRS=null");
}
this.IDb.onmousedown=function(){
if(oldac!=null){
//if(NS6)oldac.IDS[2].style.overflow='hidden';
oldac.IDS[1].style.backgroundColor=oldac.inactivecolor;
}
if(NS6)this.IDS[2].style.overflow='auto';
oldac=this;
this.IDS[1].style.backgroundColor=this.activecolor;
this.IDS[3].style.zIndex=++zdx;
this.style.zIndex=++zdx;
}
if(isdrag){
this.IDt.onmousedown=grab_id;
this.IDt.onmouseup=stopdrag;
}
}else{
if(doold){
var ctr=new Date();
ctr=ctr.getTime();
var win=window.open("" , "abc"+ctr , "status=no,menubar=no,width="+w+",height="+h+",resizable=yes,scrollbars=yes");
var t='<html><head><title>'+title+'</title></head><body bgcolor="'+bgcolor+'"><font style="font:'+fontstyleset+'; color:'+textcolor+'">'+text+'</font></body></html>';
win.document.write(t);
win.document.close();
}}}

if(NS6)setInterval('movepopup()',40);

if(W3C){
document.onmousemove=trackmouse;
document.onmouseup=new Function("currRS=null");
}

//-->
</SCRIPT>
<script language="javascript">
window.onload=function(){

new popUp(390, 10, 310, 190, "Div", "업무때문에 서핑하다가 찾은 소스입니다.<br>어딘가에 그림자 레이어에 대한 내용을 본것도 같은데...<br>유용하게 사용하세요<br>Ex) 공지사항, 알림, 메시지, 쪽지등...<br><br>기능도 다양합니다. 줄이기, 키우기, 닫기, 사이즈조절까지", "#D9D9D9", "black", "9pt verdana", "공지사항.....", "#00385c", "white", "#006bae", "#00436e", "black",true,true,true,false);

}
</script>
03/10 16:33:46 코멘트 지우기
후니귀찮아서 스타일을 끌어다 셨더니 이런일이...
여하튼 유용하게 쓰세요.
이 소스에 표시된 URL에 보시면 유용한 팁이 많습니다.
03/10 17:01:41 코멘트 지우기
kkun멋진스크립트 공개해주셔서 감사합니다.03/10 20:51:55 코멘트 지우기
스쿨바보들..존나 느리네..이런거 왜쓴담?03/10 22:23:33 코멘트 지우기
TheHP소스길이가 장난이 아니군요 ㅡㅡ
03/10 23:16:47 코멘트 지우기
행복한고니존나 느린 것은 바보님의 컴퓨터가 존나 느리기 때문입니다.
자바스크립트거든요.
03/11 2:33:47 코멘트 지우기
@@아 어지러워~~ @@?03/11 4:40:12 코멘트 지우기
Nobody행복한고니// You Win!!!03/11 8:52:48 코멘트 지우기
ㅋㅋ행복한 고니 님 윈 에 한표ㅋㅋㅋ04/30 15:39:31 코멘트 지우기

Posted by tornado
|
@@<iframe id=innerFrame src="board.php" width=700 height=400 frameborder=0 scrolling=0>

// iframe에 들어갈페이지 최하단
<script>
parent.document.all.innerFrame.width = document.body.scrollWidth;
parent.document.all.innerFrame.height = document.body.scrollHeight;
</script>
-----------------------------------------------
tip&tech 잘찾아보시면 있습니다.
Posted by tornado
|
질문,광고 등록 절대금지! 질문은 Q&A로
글쓴이:거친마루 iframe 크기조절 - be more dynamic조회수:4042

http://example.debugs.co.kr/html/example/iframeheight/frame.html
http://example.debugs.co.kr/html/example/iframeheight/content.html

재미난 내용인거같아 저도한번 올려봅니다.
ie 5.0 이상부터 제공되기 시작한 css지시자 expression 또는 setExpression 메소드를 이용하면 좀더 심플하게, 동적으로 변화를 감지할 수 있습니다.

예제를 보시려면 링크#1을 클릭해보세요
setTimeout 없이도 내용의 변화가 즉각 반영되는것을 알 수 있습니다.

expression 을 이용해서 로그인박스 처리나 게시판 입력항목같은 좀더 재미난 부분에 응용이 가능한데.. 그 부분은 나중에 시간이 나면 예제와 함께 소개해 보겠습니다 : )

[소스: frame.html]
<script>
        function syncHeight(el) {
                el = typeof el == 'string' ? document.getElementById(el) : el;
                el.setExpression('height','contentWindow.document.body.scrollHeight+5');
        }
</script>
<iframe name="test" id="test" src="content.html" onLoad="syncHeight(this)"></iframe>
[/소스]

[소스:content.html]
...
이것은 iframe 내용입니다.<br>
이것은 iframe 내용입니다.<br>
이것은 iframe 내용입니다.<br>
이것은 iframe 내용입니다.<br>
<button onClick="this.outerHTML='이것은 추가된내용입니다<br>'+this.outerHTML">누르면 내용이 추가됩니다</button>
[/소스]

@see http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dndude/html/dude061198.asp

----
나랏님들때문에 일이 손에 안잡히는 날이네요.. 우울합니다.

폐국음...
굿!
역시~
03/12 16:55:11 코멘트 지우기
ㅠ.ㅠ엑세스가 거부되었습니다. 라고 떠요 ㅠ.ㅠ03/12 17:55:43 코멘트 지우기
하이도와 이런것이 있었다니.. 대단합니다..
전에 동적으로 iframe 사이즈 만든다고..
td height * 결과 개수 해서 opener.iframe.height..
어쩌구 하고.. 개노가다 했던.. 아픈 추억이 스칩니다..
03/12 18:00:28 코멘트 지우기
012거친마루// 거친마루님 도데체 자바스크립트를 체계적으로 공부할수 있는 최선의 방법이 무엇이라고 생각하십니까? 마땅한 책도 없고 그렇다고 영어를 잘하는것도 아니라...03/12 18:07:32 코멘트 지우기
하이도만약에 html에 아무 문자도 없을 때 iframe 사이즈를 0으로 하여
아예 안보이도록 할수는 없을까요..?
03/12 18:08:25 코멘트 지우기
익명언제나 좋은정보 감사드립니다.03/12 20:21:10 코멘트 지우기
muti이쪽경력이 되다보면 스크립트가 가장 싫죠.... 해도 표안나고...
약방에 감초처럼 꼭 필요하고... 디버깅은 또 왜그리 안되는지...
혹시 스쿨 들오시는 분들중에 스크립트 짤때 비결같은거 올려주실 분들 없나요? 특히 디버깅요....
03/13 0:40:12 코멘트 지우기
하이도아사날님.. 감사합니다..03/13 1:57:22 코멘트 지우기
스크?治첨?/TD>담배 한갑 정도는 우습게 잡아 먹어 버리는 자바스크립트..
부하가 좀 가더라도 php로 돌려 막기가 가능하면 정신건강과 육체적 건강을 위해.... 아.. 머리빠져..
03/13 2:23:53 코멘트 지우기
아사날하이도님 이렇게 해야됩니다 ㅡㅡ;

function syncHeight(el) {
el = typeof el == 'string' ? document.getElementById(el) : el;
if(el.contentWindow.document.body.innerHTML.length != 0) el.setExpression('height','contentWindow.document.body.scrollHeight+5');
else el.style.height=0;
}
03/13 9:43:43 코멘트 지우기
박수형5.01 버젼에서 작동 하나요?
음 아이프레임 자체의 크기가 늘어나는것인지 그 안의 페이지 크기만 늘어나서 스크롤이 늘어나는것인지 잘 모르겠네요;
03/13 20:19:41 코멘트 지우기
박수형6.0 설치해보니 되는군요. 5.5 이상부터 되는듯 해요 ^^;03/14 15:08:20 코멘트 지우기
슈퍼개발굿~ 퍼갑니다. mytechnic.com03/15 9:40:00 코멘트 지우기
하이도아사날님..
iframe의 소스로 내부 페이지는 잘되는데..
외부 즉 http://phpschool.com 같은 외부 url을 src로 넣을 시는 안되네요.. 이럴경우에도 할 수 있는 방법 없을까요..

그리고 브라우저를 타나요? ..
실 서비스에 올려도 될른지..
03/15 14:06:55 코멘트 지우기
답답해죽겠네표를 2단 분리한 후에 위쪽은 메뉴 아래쪽은 게시판으로 테스트 해보았는데요 메뉴에 링크걸고 타겟을 아이프레임 이름으로 하면 리사이즈가 안되네요
iframe 안의 게시판에 글을 길게 쓰면 잘려 나오는데 해결방법 없을까요?
03/15 15:42:26 코멘트 지우기
BigS개체가 필요합니다 라는 자보스크립트 오류가 나는데, 저만 그런가요? 어떤개체인지도 안나오구요. 라인은 1라인입니다.03/16 11:33:30 코멘트 지우기
아사날//하이도
도메인이 틀리면 당연히 에러가 납니다..
보안상 .. 다른도메인에 있는문서의 정보를 가져올수 없습니다.


http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/iframe.asp
03/16 16:50:47 코멘트 지우기
...새로고침하면 에러나네요04/07 1:32:39 코멘트 지우기
...새로고침하면 에러나네요04/07 1:32:40 코멘트 지우기
이궁..개채가 없다는데;;

Posted by tornado
|
비록 인터넷 익스플로러에서만 동작하긴 하지만 브라우저의 "인쇄 미리 보
기"와 "페이지 설정" 메뉴를 프로그래밍적으로 실행시킬 수 있는 방법이 있
다. 우선 아래 버튼을 클릭한 후 어떤 결과가 나오는지 확인해 보기 바란다.
(인터넷 익스플로러 4 이상에서 동작한다.)


위 예제와 같은 결과를 얻으려면 브라우저 컨트롤에 접근할 수 있어야 한다.
이제 실제 소스 코드를 보면서 분석해 보도록 하자.

<script language="javascript">
function ieExecWB( intOLEcmd, intOLEparam )
{
// 웹 브라우저 컨트롤 생성
var WebBrowser = '<OBJECT ID="WebBrowser1" WIDTH=0 HEIGHT=0
CLASSID="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></OBJECT>';

// 웹 페이지에 객체 삽입
document.body.insertAdjacentHTML('beforeEnd', WebBrowser);

// if intOLEparam이 정의되어 있지 않으면 디폴트 값 설정
if ( ( ! intOLEparam ) || ( intOLEparam < -1 )  || (intOLEparam > 1 ) )
        intOLEparam = 1;

// ExexWB 메쏘드 실행
WebBrowser1.ExecWB( intOLEcmd, intOLEparam );

// 객체 해제
WebBrowser1.outerHTML = "";
}

</script>

<input type=button value="인쇄 미리 보기" onclick="window.ieExecWB(7)"> 
<input type=button value="페이지 설정" onclick="window.ieExecWB(8)"> 
<input type=button value="인쇄하기(대화상자 표시)"
onclick="window.ieExecWB(6)"> 
<input type=button value="인쇄 바로 하기" onclick="window.ieExecWB(6, -
1)">


위의 소스 코드에서 웹 브라우저 컨트롤에 접근하기 위해 <object> 태그를 사
용하였다. 이 때 웹 브라우저 컨트롤의 고유 클래스 ID인 "8856F961-340A-
11D0-A96B-00C04FD705A2"를 사용하였다. ActiveX 프로그래밍을 해본 사람이라
면 이게 무엇을 의미하는지 쉽게 알 수 있겠지만 잘 모르는 사람도 이 기능을
사용하는데는 큰 문제가 없다. 다만 궁금한 사람들은 레지스트리의
HKEY_CURRENT_USER의 CLSID 부분에서 {8856F961-340A-11D0-A96B-00C04FD705A2}
을 찾아보기 바란다. 이렇게 레지스트리에 등록되어 있는 고유 ID를 <object>
태그를 통해 접근함으로써 해당 컨트롤의 기능을 이용할 수 있는 것이다.

웹 브라우저 컨트롤은 ExecWB란 메쏘드를 가지고 있다. 이 메쏘드를 통하여 브
라우저 메뉴를 접근할 수가 있다. ExecWb 메쏘드의 파라미터로 intOLEcmd와
intOLEparam을 사용하는데 intOLEcmd가 7이면 인쇄 미리 보기, 8이면 페이지
설정, 6이면 인쇄하기이다. 인쇄하기 경우 intOLEparam이 -1이면 대화 상자 없
이 바로 인쇄를 한다. 여기서 ExecWB 메쏘드는 WebBrowser1을 통해 접근하였는
데 이는 <object> 태그 안에서 웹 브라우저 컨트롤에 대한 이름으로
WebBrowser1을 사용했기 때문이다. 이 이름은 사용자가 임의로 지정해 주면 된
다.

만일 인쇄하기와 관련된 전형적인 방법을 알고 싶은 사람은 다음 글을 참조 하
기 바란다.

모든 브라우저에서 인쇄 대화 상자 띄우는 방법
이 외에도 브라우저의 메뉴를 실행시킬 수 있는 방법으로 execCommand 메쏘드
가 있는데 이와 관련된 글을 읽고 싶다면 다음 글을 참조하기 바란다.
Posted by tornado
|

뚱가의 한마디에 한번에 ㅡㅡ

 

<!-- FileName :  iframe3-1.html -->
<div id="contents">
Iframe 내부 문서 입니다.
</div>

 

 

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

<!-- FileName : iframe3-2.html -->
<script>
<!--

 function getContents(frmName){
  var contents = frames[frmName].document.getElementById("contents").innerHTML;  
  document.getElementById("a").innerHTML = contents;
 }

//-->
</script>


<iframe name="t" src="iframe3-1.html" style="display:none"></iframe>

<div id="a" style="border:1 solid; height:100; width=300;">
여기에 IFrame 의 내용이 ....
</div>


<BR><a href="#" onclick="getContents('t')">누르면 IFrame 내부의 DIV 내용을 가져옵니다</a>

Posted by tornado
|
글쓴이:거친마루 css로 겔러리 리스팅하기조회수:771

http://x.debugs.co.kr/testcode/css_gallery.htm

게시판을 새로 짜다가
겔러리를 따로 만들어야 하나.. 곰곰히 고민하다가 재미난 생각을 했습니다.

막강한 css를 이용해서 겔러리처럼 적당한 갯수로 끊어 보이도록 하는겁니다.

<style>
div.item {
border: 1px solid #8cacbb;
width: 21%;
min-width: 14em;
margin: 0px 0px 8px 2%;
padding: 0px;
float: left;
}
</style>

비밀은 float: left 와, width: 21% 인데요..
왼쪽에서부터 레이어가 흐르도록 하고, 4개를 더해서 100%가 조금 안되게 비율을 적당히 조절하면.. 5개째 자동으로 다음 라인으로 넘어가게 됩니다.

디자이너와 함께 일하다보면.. css만으로 표현하기 애매한 도트라인이나 그라데이션이 들어가게 될경우 사용하기는 좀 힘들것도 같은데
일반적인 겔러리 뷰를 표시할적에는, 몇개씩 끊어 표시하는 로직을 php에서 따로 만들지 않아도 되지 않을까 하는 생각에서 올려봅니다 : )

 

 

 

 


Posted by tornado
|

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>First letter Test</TITLE>

<Style>

  P:first-letter {float:left; font-size:48pt; margin-top:30px; }

</Style>
</HEAD>

<BODY>

<table border="1" align="left" width="300" >
  <tr>
    <td>

<P>
와우저 여러분 안녕하십니까
상용화 개시 시점에서의 접속 폭주로 인하여 게임 로그인 및 결제 장애를 겪고 있습니다. 불편을 끼쳐 드려서 대단히 죄송합니다.
현재 벌어지고 있는 문제에 대한 보상으로 개인 사용자는 하루, PC방에는 100시간을 일괄적으로 추가해드릴 것입니다.
또한 로그인 장애에 관한 문제는 조속히 해결하도록 최선의 노력을 다하겠습니다.

이 보상정책은 예약 결제자 및 18일까지 결제하시는 모든 개인 및 PC방에 적용됩니다.

월드 오브 워크래프트팀

</P>

    </td>
  </tr>
</table>


</BODY>
</HTML>

 

와우를 못하는 관계로 ... 결재가 안되네 떠그럴.. ;;

Posted by tornado
|

[link] dhtml

DHTML 2004. 12. 3. 16:08
Posted by tornado
|

   document.dailyReport.encoding = "multipart/form-data";
   document.dailyReport.action  =  "<%= request.getContextPath() %>/Report/DailyReportWrite.GND";
   document.dailyReport.submit();

 

 

첫째줄 처럼 FormName.encoding =  하고 지정하니 되네여 ^^

Posted by tornado
|
질문,광고 등록 절대금지! 질문은 Q&A로
글쓴이:슈퍼개발 완전 로딩후 페이지 보여주기 (onreadystatechange)조회수:926

http://www.mytechnic.com
http://msdn.microsoft.com/library/default.asp?url=/workshop/browser/mshtml/reference/ifaces/document2/get_readystate.asp

최근에 완전로딩후에 페이지를 보는 방법에 대한 팁이 자주 보고,  아래에 어떤 분이 readystate에 대한 언급을 해 주셔서, 한번 만들어 보았습니다. 내용은 아주 간단합니다.

lib.php ------------------------------------
<?php
function loadding()
{
    echo ("
        <div ID='waitingDiv' style='position:absolute; overflow:hidden; border:0px; z-index:1;'>
        <table width='880' height='500' border='0' cellpadding='0' cellspacing='0'>
        <tr>
            <td align='center'>
                <table border='0' cellpadding='0' cellspacing='0'>
                <tr>
                    <td>
                        <table width='500' border='0' cellpadding='10' cellspacing='1' bgcolor='#D0D0D0'>
                        <tr bgcolor='#F5F5F5'>
                            <td align='center'>
                                <table width='400' border='0' cellpadding='0' cellspacing='0'>
                                <tr>
                                    <td><font style='font-size:9pt;' color='#FF0000'>처리중입니다.</font></td>
                                </tr>
                                <tr>
                                    <td><font style='font-size:9pt;' color='#6600FF'>잠시 기다려 주세요.</font></td>
                                </tr>
                                <tr height='50'>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td><img src='http://www.mytechnic.com/_logo/logo.gif' width='126' height='39' border='0'></td>
                                </tr>
                                </table>                        
                            </td>
                        </tr>
                        </table>
                    </td>
                </tr>
                </table>
            </td>
        </tr>
        </table>
        </div>

        <SCRIPT LANGUAGE='JavaScript'>
        <!--
        document.onreadystatechange = fnStartInit;
        function fnStartInit()
        {
           if (document.readyState=='complete')
           {
                if (document.all['waitingDiv']) {
                    document.all['waitingDiv'].style.visibility = 'hidden';
                }
           }
        }
        //-->
        </SCRIPT>");
        flush();
}
?>

demo.php ------------------------------------
<?php
include("lib.php");
loadding();

// PHP 코딩 시작하세요.



?>

Posted by tornado
|
오른쪽 마우스단추 누름 금지 에서는 오른쪽 단추를 누를 경우
경고 메시지가 떴지만, 여기서는 경고메시지도 뜨지 않고,
텍스트영역을 선택할 수 없게 할 수도 있습니다.

body 태그안에 <body oncontextmenu="return false">
라고 쓰면 되지여.

또한
마우스로 텍스트영역 선택도 할 수도 없게 하려면
ondragstart="return false" onselectstart="return false" 를 더 추가해서
<body oncontextmenu="return false" ondragstart="return false" onselectstart="return false">
이렇게 하시면 됩니다.



Posted by tornado
|

fieldset를 이용하면 테두리를 여러모로 유용하게 이용할 수 있습니다.
겉보기에는 테이블과 별 차이가 없어 보이지만 약간 다릅니다.
한 칸으로 구성된 박스를 만들 때 테이블을 사용하면 tr 이나 td 도 따로 넣어야 하는 수고가 따르지만,
fieldset 은 그런 번거로움이 없습니다.
제목을 박스 위의 테두리에 걸치게 할 수 있는것도 특이하죠.

제목내용

<fieldset><legend align="center">제목</legend>내용</fieldset>
 

제목field 크기 정하기

<fieldset style="width:300; height:100">크기 정하기</fieldset>
 

제목두께, 모양, 색 바꾸기

<fieldset style="border:1 solid #9FB6FF">두께, 모양, 색 바꾸기</fieldset>

제목여백 넣기

<fieldset style="padding:15">여백 넣기</fieldset>

응용하면 아래와 같은 모양으로 발전(?)시킬 수 있습니다.
여어자우리가 산다는 것은
누군가에게 빚지며 사는 것
그 누군가 나를 향해 미소 지을 때
그때야 비로소 내가 살아 있는 것
우리가 산다는 것은
누군가에게 진 빚 되 갚으며 사는 것
그 누군가가 나를 향해 내민 손의 온기
또 다른 누군가에게 전해 주며 사는 것

<fieldset style="border:1 solid navy; background: url(bg.gif) no-repeat right bottom; width:300; height:200; padding:20">
<legend align="center">제목</legend>내용</fieldset>

1은 테두리 굵기, navy는 테두리 색, bg.gif는 배경그림의 경로 및 이름
300은 박스의 가로 크기, 200은 박스의 세로 크기, 20은 박스 내부의 여백


Posted by tornado
|

 

 

 /**
 * 문자 사이의 공백을 제거한다.
 * @param str  공백제거할 문자열
 * @return  공백제거된 문자열
 */
 function removeBlank(str){ 
  str = str.replace(/\s/g,'');

  return str;

 }

 

 

Posted by tornado
|