Axkit :: XSP :: °ø¿¬

AXKIT :: XSP :: ¼öÇàÀº º¹ÀâÇÑ ¾ç½ÄÀ» ½±°Ô ¸¸µå´Â XSP TaglibÀÔ´Ï´Ù.
Áö±Ý ´Ù¿î·Îµå

Axkit :: XSP :: °ø¿¬ ¼øÀ§ ¹× ¿ä¾à

±¤°í

  • Rating:
  • ƯÇã:
  • Perl Artistic License
  • °¡°Ý:
  • FREE
  • °Ô½ÃÀÚ À̸§:
  • Matt Sergeant
  • °Ô½ÃÀÚ À¥»çÀÌÆ®:
  • http://search.cpan.org/~msergeant/

Axkit :: XSP :: °ø¿¬ ű×


Axkit :: XSP :: °ø¿¬ ¼³¸í

AXKIT :: XSP :: ¼öÇàÀº º¹ÀâÇÑ ¾ç½ÄÀ» ½±°Ô ¸¸µå´Â XSP TaglibÀÔ´Ï´Ù. axkit :: xsp :: ¼öÇàÀº º¹ÀâÇÑ ¾ç½ÄÀ» ÀÛ¼ºÇϱâÀ§ÇÑ XSP TaglibÀÔ´Ï´Ù. Synopsis axaddxsptaglib axkit :: xsp :: performerformÀº ´ëÇü ¹× º¹ÀâÇÑ HTML, WML ¶Ç´Â ±âŸ À¯ÇüÀÇ µ¥ÀÌÅ͸¦ »ý¼ºÇÏ´Â Axkit XSPÀÇ °æ¿ì Å©°í º¹ÀâÇÑ TaglibÀÔ´Ï´Ù. - ÇüÅÂ. ¾ç½Ä µ¥ÀÌÅÍ°¡ DBI ¶Ç´Â XML°ú °°Àº ´Ù¸¥ µ¥ÀÌÅÍ ¼Ò½º¿¡¼­ ¿À´Â °æ¿ì »îÀ» ½±°ÔÇϱâ À§ÇØ »îÀ» ´õ ½±°Ô ÇÒ ¼ö ÀÖ½À´Ï´Ù. XSP ű׷ΠÀÛµ¿ÇÏ´Â °æ¿ì XSP ÆäÀÌÁö¿¡ »ç¿ëÀÚ Á¤ÀÇ XML ű׸¦ Ãß°¡Çϱ⠸¸ÇϸéµË´Ï´Ù. ³ª¸ÓÁö. ±Û½ê, °ÅÀÇ ... ÄݹéÀ¸·Î ÀÛÇ°À» ¼öÇàÇÕ´Ï´Ù. ÄݹéÀ¸·Î ÀÛµ¿ÇÕ´Ï´Ù. ¿ÜºÎ XSP ¹× ³×ÀÓ ½ºÆäÀ̽º ¼±¾ðÀ» ¹æ½ÄÀ¸·Î Ç¥½ÃÇϸé Á¢µÎ»ç "F"°¡ ³×ÀÓ ½ºÆäÀ̽º ¼öÇà¿¡ ¹ÙÀεùµÈ´Ù°í °¡Á¤ÇÕ´Ï´Ù. À̸§ :
¼º ¸¶Áö¸· À̸§ :
ÀÌÁ¦´Â ÀÌ°ÍÀÌ ÀÌ°ÍÀÌ ÇüÅ ÀÏ»ÓÀ̸ç, È¥ÀÚ ¾µ¸ð°¡ ¾ø´Ù´Â °ÍÀ» ¸í½ÉÇÏ´Â °ÍÀÌ Áß¿äÇÕ´Ï´Ù. ¶ÇÇÑ ÄݹéÀ» Ãß°¡ÇؾßÇÕ´Ï´Ù. $ CTXT °´Ã¼¸¦¹Þ´Â °¢ ÄݹéÀ» °¢°¢ ¾Ë·Á µå¸®°Ú½À´Ï´Ù. ÀÌ°ÍÀº Äݹ鿡¼­ »óŸ¦ À¯ÁöÇϱâ À§ÇØ Äݹ鿡¼­ »ç¿ëÇÒ ¼öÀÖ´Â ºó HASH-REFÀÔ´Ï´Ù. ½ÇÁ¦·Î "empty"´Â Á¦°ÅµË´Ï´Ù. Áï, Ç×»ó µÎ °³ÀÇ Ç׸ñÀÌ Æ÷ÇԵǾî ÀÖ½À´Ï´Ù : ¾ç½Ä ¹× Apache. "¾ç½Ä"Àº ´Ü¼øÈ÷ ¾ç½ÄÀÇ Ç׸ñÀÇ Çؽø¦ ÇؽÃÇÕ´Ï´Ù (½ÇÁ¦·Î ¸ÖƼ °ª ¸Å°³ º¯¼ö¸¦ Áö¿øÇÒ ¼öÀÖ´Â Apache :: Table °´Ã¼). ¿¹¸¦ µé¾î ¾Æ·¡ À̸§Àº $ ctxt- {form} {firstname}>ÀÔ´Ï´Ù. "Apache"´Â URI ¶Ç´Â Çì´õ¿¡ ¾×¼¼½ºÇÏ´Â µ¥ À¯¿ëÇÑ ÇöÀç ¿äû¿¡ ´ëÇÑ $ R Apache ¿äû °³Ã¼ÀÔ´Ï´Ù. sub validate_firstname {my ($ ctxt, $ value) = @_; $ value = ~ s / ^ s * //; $ value = ~ s / s * $ //; $ °ªÀÌ ¾Æ´Ï¶ó¸é "°¡Ä¡ ¾øÀ½"À» Á×½À´Ï´Ù. "À߸øµÈ FirstName - ºñ ¿öµå ¹®ÀÚ°¡ Çã¿ëµÇÁö ¾ÊÀ½"($ Value = ~ / w /; } Sub Validate_lastName {return validate_firstname (@_); } sub submit_save {my ($ ctxt) = @_; # µ¥ÀÌÅͺ£À̽º °æ°í ( "user :", $ ctxt -> {form} {firstname}, "", $ ctxt -> {form} {lastname}, "n")À» µ¥ÀÌÅͺ£À̽º¿¡ ÀúÀåÇÕ´Ï´Ù. } ÀÌÁ¦ XSP ÆäÀÌÁöÀÇ ±âº» Çڵ鷯 ·çƾ ³»¿¡¼­ "Æó¼â"°¡ ¾Æ´Ñ XSP ÆäÀÌÁö¿¡ GlobalÀ̾î¾ßÇÕ´Ï´Ù. ¾î¶»°Ô ±×°É ¾î¶»°ÔÇմϱî? ±Û½ê °£´ÜÇÕ´Ï´Ù. »ç¿ëÀÚ Á¤ÀÇ ÅÂ±× Àü¿¡ ¼½¼Ç¿¡ ³ÖÀ¸½Ê½Ã¿À. ¿¹¸¦ µé¾î XSP ÆäÀÌÁö°¡ XHTMLÀ» ±âº» Çü½Ä (¸¹ÀÌ ¼öÇàÇÏ´Â °Í)À¸·Î »ç¿ëÇÏ´Â °æ¿ì ÆäÀÌÁö°¡ ´ÙÀ½°ú °°ÀÌ ±¸¼º µÉ ¼ö ÀÖ½À´Ï´Ù (Brevity¸¦ À§ÇØ »ý·« µÈ ³×ÀÓ ½ºÆäÀ̽º ¼±¾ð) : .. . ¿©±â¿¡ÀÖ´Â ³í¸® ¾ç½Ä ... <title/> <head/> <body> <h1> ¿¹Á¦ ¾ç½Ä <h1/> <f : Æû> ... ¿©±â¿¡¼­ ¾ç½Ä Á¤ÀÇ ... <f : ¾ç½Ä/> <body/> <html/> <xsp : ÆäÀÌÁö/> ¿ä±¸ »çÇ× : ¡¤ Perl. </p> <div class="clearfix"></div> <br/> <p class="c-title fl"><span> Axkit :: XSP :: °ø¿¬ °ü·Ã ¼ÒÇÁÆ®¿þ¾î</span></p> <div class="clearfix"></div> </div> <div class="clearfix"></div> <div class="new-post"> <article class="app-list sb clearfix"> <figure class="figure fl"> <a class="thumbnail" href="/Linux/download-PDL-%3A%3A-Transform-%3A%3A-Cortography.-10026171.htm"> <img class="img-cover br" src="https://icon.softwaresea.com/48x48/5/57/1028228.42d758c0185c126114fa40424c3fc409.gif"/> </a> </figure> <div class="content fl"> <h2 class="title ellipsis"><a href="/Linux/download-PDL-%3A%3A-Transform-%3A%3A-Cortography.-10026171.htm"> PDL :: Transform :: Cortography. </a></h2> <p class="intro ellipsis"> PDL :: Transform :: Castography Perl ¸ðµâ¿¡´Â À¯¿ëÇÑ Áöµµ»ó Åõ¿µÀÌ Æ÷ÇԵǾî ÀÖ½À´Ï´Ù. ...</p> <p class="data clearfix"> <time class="time fl"> <i class="fa fa-calendar"></i>N/A</time> <span class="view fl hidden-sm-md-lg"><i class="fa fa-download"></i>254</span> <span class="view"><i class="fa fa-save"></i></span> </p> </div> <p class="btn fr"><a rel="nofollow" class="download transition br" href="/Linux/download-PDL-%3A%3A-Transform-%3A%3A-Cortography.-10026171.htm"><i class="fa fa-download"></i> ´Ù¿î·Îµå</a></p> </article> <article class="app-list sb clearfix"> <figure class="figure fl"> <a class="thumbnail" href="/Linux/download-%C5%AC%B7%A1%BD%BA-%3A%3A-DispatchToall.-10026172.htm"> <img class="img-cover br" src="https://icon.softwaresea.com/48x48/5/57/1028344.c7af6364ed87ec41dcb9709588a093be.gif"/> </a> </figure> <div class="content fl"> <h2 class="title ellipsis"><a href="/Linux/download-%C5%AC%B7%A1%BD%BA-%3A%3A-DispatchToall.-10026172.htm"> Ŭ·¡½º :: DispatchToall. </a></h2> <p class="intro ellipsis"> Ŭ·¡½º :: DispatchToAll Perl ¸ðµâÀº ¸ðµç »ó¼Ó µÈ ¸Þ¼Òµå¿¡ ´ëÇÑ ¸Þ¼Òµå È£ÃâÀ» ÆÄ°ß ÇÒ ¼ö ÀÖ½À´Ï´Ù. ...</p> <p class="data clearfix"> <time class="time fl"> <i class="fa fa-calendar"></i>N/A</time> <span class="view fl hidden-sm-md-lg"><i class="fa fa-download"></i>132</span> <span class="view"><i class="fa fa-save"></i></span> </p> </div> <p class="btn fr"><a rel="nofollow" class="download transition br" href="/Linux/download-%C5%AC%B7%A1%BD%BA-%3A%3A-DispatchToall.-10026172.htm"><i class="fa fa-download"></i> ´Ù¿î·Îµå</a></p> </article> <article class="app-list sb clearfix"> <figure class="figure fl"> <a class="thumbnail" href="/Linux/download-%BC%F6%C7%D0-%3A%3A-%BF%B0%B1%E2-10026191.htm"> <img class="img-cover br" src="https://icon.softwaresea.com/48x48/5/57/1028249.6133b5e20947947d3b4f1c26a6b397bc.gif"/> </a> </figure> <div class="content fl"> <h2 class="title ellipsis"><a href="/Linux/download-%BC%F6%C7%D0-%3A%3A-%BF%B0%B1%E2-10026191.htm"> ¼öÇÐ :: ¿°±â </a></h2> <p class="intro ellipsis"> Math :: Basearith´Â È¥ÇÕº£À̽º ¹øÈ£ Ç¥Çö (¿¹ : APL ÀÎÄÚµù / µðÄÚµå)À»À§ÇÑ Perl È®ÀåÀÚÀÔ´Ï´Ù. ...</p> <p class="data clearfix"> <time class="time fl"> <i class="fa fa-calendar"></i>N/A</time> <span class="view fl hidden-sm-md-lg"><i class="fa fa-download"></i>169</span> <span class="view"><i class="fa fa-save"></i></span> </p> </div> <p class="btn fr"><a rel="nofollow" class="download transition br" href="/Linux/download-%BC%F6%C7%D0-%3A%3A-%BF%B0%B1%E2-10026191.htm"><i class="fa fa-download"></i> ´Ù¿î·Îµå</a></p> </article> <article class="app-list sb clearfix"> <figure class="figure fl"> <a class="thumbnail" href="/Linux/download-%BC%F6%C7%D0-%3A%3A-Cephes-%3A%3A-Matrix.-10026192.htm"> <img class="img-cover br" src="https://icon.softwaresea.com/48x48/5/57/1028363.1e80d9602b41c1c27d184895741781aa.gif"/> </a> </figure> <div class="content fl"> <h2 class="title ellipsis"><a href="/Linux/download-%BC%F6%C7%D0-%3A%3A-Cephes-%3A%3A-Matrix.-10026192.htm"> ¼öÇÐ :: Cephes :: Matrix. </a></h2> <p class="intro ellipsis"> ¼öÇÐ :: Cephes :: Matrix´Â Cephes Matrix ·çƾ¿¡ ´ëÇÑ Perl ÀÎÅÍÆäÀ̽ºÀÔ´Ï´Ù. ...</p> <p class="data clearfix"> <time class="time fl"> <i class="fa fa-calendar"></i>N/A</time> <span class="view fl hidden-sm-md-lg"><i class="fa fa-download"></i>186</span> <span class="view"><i class="fa fa-save"></i></span> </p> </div> <p class="btn fr"><a rel="nofollow" class="download transition br" href="/Linux/download-%BC%F6%C7%D0-%3A%3A-Cephes-%3A%3A-Matrix.-10026192.htm"><i class="fa fa-download"></i> ´Ù¿î·Îµå</a></p> </article> <article class="app-list sb clearfix"> <figure class="figure fl"> <a class="thumbnail" href="/Linux/download-CGI-%3A%3A-AppBuilder-%3A%3A-%C7%A5-10026211.htm"> <img class="img-cover br" src="https://icon.softwaresea.com/48x48/5/57/1028269.e8f6bef509dc48f8626f579612d8a8cb.gif"/> </a> </figure> <div class="content fl"> <h2 class="title ellipsis"><a href="/Linux/download-CGI-%3A%3A-AppBuilder-%3A%3A-%C7%A5-10026211.htm"> CGI :: AppBuilder :: Ç¥ </a></h2> <p class="intro ellipsis"> CGI :: AppBuilder :: Table Module ±¸¼º ÃʱâÈ­ ÀåÄ¡°¡ µé¾î ÀÖ½À´Ï´Ù. ...</p> <p class="data clearfix"> <time class="time fl"> <i class="fa fa-calendar"></i>N/A</time> <span class="view fl hidden-sm-md-lg"><i class="fa fa-download"></i>191</span> <span class="view"><i class="fa fa-save"></i></span> </p> </div> <p class="btn fr"><a rel="nofollow" class="download transition br" href="/Linux/download-CGI-%3A%3A-AppBuilder-%3A%3A-%C7%A5-10026211.htm"><i class="fa fa-download"></i> ´Ù¿î·Îµå</a></p> </article> </div> </section> <aside id="sidebar" class="hidden-sm-md-lg fr"> <div class="theiaStickySidebar"> <section id="aside_qr" class="widget widget_aside_qr sb br mb"> <div class="widget-content aside_qr"> <p class="c-title mb10"><span>±¤°í</span></p> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1875324564741199" crossorigin="anonymous"></script> <!-- new-250*250 --> <ins class="adsbygoogle" style="display:inline-block;width:250px;height:250px" data-ad-client="ca-pub-1875324564741199" data-ad-slot="9242900742"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </section> <section id="aside_hot_comment" class="widget widget_aside_hot_comment sb br mb"> <p class="c-title mb10"><span class="name">°ü·Ã ¼ÒÇÁÆ®¿þ¾î</span></p> <ul class="widget-content aside_hot_comment"> <li class="list clearfix"> <a href="/Linux/download-%BE%CB%B0%ED%B8%AE%C1%F2-%3A%3A-%B0%E1%C7%D5%B1%E2-10026212.htm"> <span class="img-wrap fl"><img class="img-cover br lazyload" src="https://icon.softwaresea.com/48x48/5/57/1028380.19d6bf277f6aa41097fc1427930ece22.gif"></span> <div class="new-text"> <p class="title ellipsis"> ¾Ë°í¸®Áò :: °áÇÕ±â </p> <div class="info"> <font color="888888"><i class="fa fa-download"></i> 240</font> </div> </div> </a> </li> <li class="list clearfix"> <a href="/Linux/download-%BC%F6%C7%D0-%3A%3A-ZAP-%3A%3A-%BB%E7%B0%A2%C7%FC-10026231.htm"> <span class="img-wrap fl"><img class="img-cover br lazyload" src="https://icon.softwaresea.com/48x48/5/57/1028283.2ca5e56832097bf983695dccc8bfeb7f.gif"></span> <div class="new-text"> <p class="title ellipsis"> ¼öÇÐ :: ZAP :: »ç°¢Çü </p> <div class="info"> <font color="888888"><i class="fa fa-download"></i> 190</font> </div> </div> </a> </li> <li class="list clearfix"> <a href="/Linux/download-MARC-%3A%3A-XML.-10026232.htm"> <span class="img-wrap fl"><img class="img-cover br lazyload" src="https://icon.softwaresea.com/48x48/5/57/1028396.36e46dd9b6deaec99928c7fdad295a15.gif"></span> <div class="new-text"> <p class="title ellipsis"> MARC :: XML. </p> <div class="info"> <font color="888888"><i class="fa fa-download"></i> 254</font> </div> </div> </a> </li> <li class="list clearfix"> <a href="/Linux/download-Bio-%3A%3A-Sage-%3A%3A-%BA%F1%B1%B3-10026252.htm"> <span class="img-wrap fl"><img class="img-cover br lazyload" src="https://icon.softwaresea.com/48x48/5/57/1028410.4eaba98dabb14df5220e4b75ad261981.gif"></span> <div class="new-text"> <p class="title ellipsis"> Bio :: Sage :: ºñ±³ </p> <div class="info"> <font color="888888"><i class="fa fa-download"></i> 213</font> </div> </div> </a> </li> <li class="list clearfix"> <a href="/Linux/download-%BC%F6%C7%D0-%3A%3A-%BC%FD%C0%DA-10026274.htm"> <span class="img-wrap fl"><img class="img-cover br lazyload" src="https://icon.softwaresea.com/48x48/5/50/1024609.2a509d89cb0e8ff41d591af643fa6ba1.gif"></span> <div class="new-text"> <p class="title ellipsis"> ¼öÇÐ :: ¼ýÀÚ </p> <div class="info"> <font color="888888"><i class="fa fa-download"></i> 208</font> </div> </div> </a> </li> <li class="list clearfix"> <a href="/Linux/download-Apache2-%3A%3A-ASP-%3A%3A-Server.-10026294.htm"> <span class="img-wrap fl"><img class="img-cover br lazyload" src="https://icon.softwaresea.com/48x48/5/50/1024630.c92ea9f4a9f554e998f106332db87bcc.gif"></span> <div class="new-text"> <p class="title ellipsis"> Apache2 :: ASP :: Server. </p> <div class="info"> <font color="888888"><i class="fa fa-download"></i> 278</font> </div> </div> </a> </li> <li class="list clearfix"> <a href="/Linux/download-MARC-%3A%3A-DOC-%3A%3A-%C6%A9%C5%E4%B8%AE%BE%F3-10026314.htm"> <span class="img-wrap fl"><img class="img-cover br lazyload" src="https://icon.softwaresea.com/48x48/5/50/1024650.3f08ca0c6b340c19f73b981a1d2186df.gif"></span> <div class="new-text"> <p class="title ellipsis"> MARC :: DOC :: Æ©Å丮¾ó </p> <div class="info"> <font color="888888"><i class="fa fa-download"></i> 233</font> </div> </div> </a> </li> <li class="list clearfix"> <a href="/Linux/download-PDL-%3A%3A-%BA%B4%B7%C4-%3A%3A-MPI.-10026334.htm"> <span class="img-wrap fl"><img class="img-cover br lazyload" src="https://icon.softwaresea.com/48x48/5/50/1024673.41bb94b25054a4bcd04e53d7ff17c905.gif"></span> <div class="new-text"> <p class="title ellipsis"> PDL :: º´·Ä :: MPI. </p> <div class="info"> <font color="888888"><i class="fa fa-download"></i> 177</font> </div> </div> </a> </li> <li class="list clearfix"> <a href="/Linux/download-%B9%F8%C8%A3-%3A%3A-%BA%B8%B0%FC%C7%D4-10026354.htm"> <span class="img-wrap fl"><img class="img-cover br lazyload" src="https://icon.softwaresea.com/48x48/5/50/1024691.1f98cddbd3751b0d5f5a6b5c08123c04.gif"></span> <div class="new-text"> <p class="title ellipsis"> ¹øÈ£ :: º¸°üÇÔ </p> <div class="info"> <font color="888888"><i class="fa fa-download"></i> 130</font> </div> </div> </a> </li> <li class="list clearfix"> <a href="/Linux/download-Toad-C-GUI-%B6%F3%C0%CC%BA%EA%B7%AF%B8%AE-10026374.htm"> <span class="img-wrap fl"><img class="img-cover br lazyload" src="https://icon.softwaresea.com/48x48/5/50/1024711.7838ba52c1d8422fff5d309293905a8f.gif"></span> <div class="new-text"> <p class="title ellipsis"> Toad C ++ GUI ¶óÀ̺귯¸® </p> <div class="info"> <font color="888888"><i class="fa fa-download"></i> 148</font> </div> </div> </a> </li> <li class="list clearfix"> <a href="/Linux/download-Boehm-Demers-Weiser-%BA%B8%BC%F6-%C0%DA-%BA%B8%BC%F6%C1%D6%C0%C7-%B0%A1%BA%F1%C1%F6-%BC%F6%C1%FD%B0%A1-10026394.htm"> <span class="img-wrap fl"><img class="img-cover br lazyload" src="https://icon.softwaresea.com/48x48/5/50/1024732.cf4ef1e3bb9039d5e7931107b49faa48.gif"></span> <div class="new-text"> <p class="title ellipsis"> Boehm-Demers-Weiser º¸¼ö ÀÚ º¸¼öÁÖÀÇ °¡ºñÁö ¼öÁý°¡ </p> <div class="info"> <font color="888888"><i class="fa fa-download"></i> 192</font> </div> </div> </a> </li> </ul> </section> </div> </aside> </div> </div> <div class="flink sb br mb"> <p class="c-title">ȸ»ç ¼Ò°³</p> <ul id="flink" class="f-list clearfix"> softwaresea.comÀº ÄÄÇ»ÅÍ ¼ÒÇÁÆ®¿þ¾î, »ç°ú ÀÀ¿ë ÇÁ·Î±×·¥, Android ÀÀ¿ë ÇÁ·Î±×·¥ ¹× ±âŸ ¹«·á ÄÄÇ»ÅÍ ¸ð¹ÙÀÏ ¼ÒÇÁÆ®¿þ¾î ´Ù¿î·Îµå¸¦ Æ÷ÇÔÇÏ¿© ±¹³»¿Ü ÃֽŠģȯ°æ ¹«·á ¼ÒÇÁÆ®¿þ¾î ´Ù¿î·Îµå ¼¾Å͸¦ Á¦°øÇÕ´Ï´Ù. ģȯ°æ ¹«·á ¼ÒÇÁÆ®¿þ¾î¿¡ ´ëÇØ ÀÚ¼¼È÷ ¾Ë¾Æº¸·Á¸é softwaresea.com¿¡¼­ ´Ù¿î·ÎµåÇϽʽÿÀ! </ul> </div> <footer class="footer"> <div class="main container"> <div class="f-about"> <p> 2009 softwaresea.com All rights reserved. <a href="/privacy.html" rel="nofollow">°³ÀÎ Á¤º¸ Á¤Ã¥</a> | <a href="mailto:softwareseasite@gmail.com">¿ì¸®¿Í ÇÔ²² È«º¸ÇÏ´Ù</a> | <a rel="nofollow" href="https://www.softwaresea.com/submit_software.php?soft_type=lc">¼ÒÇÁÆ®¿þ¾î Á¦Ãâ</a> </p> </div> </div> <div id="toolbar" class="toolbar"> <div id="totop" class="btn hidden br transition"><i class="fa fa-arrow-up"></i></div> </div> </footer> <div id="mask-hidden" class="mask-hidden transition"></div> <script src="/images/common.js"></script> <script src="/images/headroom.min.js"></script> <script type="text/javascript"> $(document).ready(function(e) { $(".table_card .tab li").click(function() { $(".table_card .tab li").eq($(this).index()).addClass("active").siblings().removeClass("active"); $(".table_card .tabCon ul").hide().eq($(this).index()).show(); }) }); </script> </body> </html>