html 2010. 6. 1. 10:04

TABLE 세로 스크롤 생성

<div style="width:100%;height:502px;overflow-y:auto;overflow-x:hidden">
   <table>
      <tr><td>가나다라마바사</td></tr?
      <tr><td>가나다라마바사</td></tr?
      <tr><td>가나다라마바사</td></tr?
      <tr><td>가나다라마바사</td></tr?
      <tr><td>가나다라마바사</td></tr?
      <tr><td>가나다라마바사</td></tr?
   </table>
</div>

'html' 카테고리의 다른 글

페이지를 벗어날때 경고창 띄우기.  (6) 2010.06.02
IFRAME을 사용하여 스크롤을 사용할 때  (0) 2010.06.01
html 2010. 6. 1. 10:02

IFRAME을 사용하여 스크롤을 사용할 때

<iframe id="symbolListIframe" name="symbolListIframe" src="#" frameborder="0" scrolling="auto" marginwidth="0" marginheight="0"></iframe>

위와 같이 사용하고, 저기 src에 들어가는 페이지에서 아래와 같이 스타일을 주자.

<style>
html,body {overflow:hidden;}
</style>

'html' 카테고리의 다른 글

페이지를 벗어날때 경고창 띄우기.  (6) 2010.06.02
TABLE 세로 스크롤 생성  (0) 2010.06.01
jquery 2010. 6. 1. 09:18

Table에 append를 사용하여 Row(tr)을 추가

$('.work_calendar_datacommon').remove(); //테이블의 row

var s = "<tr><td>가나다라마바사</td></tr>";

select.append(s);

아래와 같은 경우 안된다. [TABLE에서만 그런거 같은데 -0-] 아마도 태그 하나의 기능을 분리해서 쓸수 없게끔 해서 그런거 같다.

$('.work_calendar_datacommon').remove(); //테이블의 row

select.append("<tr>");
select.append("<td");
select.append("가나다라");
select.append("<td");
select.append("</r>");