원래 프로젝트는 자바스크립트로 버튼 클릭시 함수로 window.open() 을 걸어 팝업창을 띄웠었는데

오늘은 하이퍼링크를 이용한 팝업창 띄우기를 도전해봤다.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<html>        
    <head></head>
    <body>
    <table>
        <tr>
            <td align=right colspan=7>
                <a href="MemberServlet.do">[전체목록]</a>
                
                <!-- 회원가입 링크를 새 창(팝업창)으로 열기 -->-->
                <a href="memberInsert_form.html"
                    onclick="window.name='MemberServlet.do';window.open(this.href, 'insert',
                    'width=450,height=320,resizable=no,scrollbars=no,status=no');return false;">[회원가입]</a>
            </td>
        </tr>
    </table>
    </body>
</html>
cs

 

href에 링크로 연결될 페이지를 입력하고 onclick에는 원래 버튼을 누르면 연결될

자바스크립트 함수 안에 들어있던 소스를 그대로 붙여넣었다.

'FrontEnd > CSS & HTML' 카테고리의 다른 글

CSS : 부트스트랩(Bootstrap) 사용시 class container 요소의 위치 차이 비교  (0) 2016.10.14
HTML :: <pre>  (0) 2016.04.02
HTML :: select optgroup  (0) 2016.03.10
HTML :: id vs name  (0) 2016.03.01

+ Recent posts