Java/JSP QnA

18969 felicity
2012-08-09 07:43:33
이미지 버튼 동적 생성??

아래 질문을 올렸는데 자세하지 않아 다시 올립니다.

이미지 버튼을 동적으로 생성하고 싶습니다. 특정 행위에 의해 생성되고
생성된 이미지의 특정위치에는 쓰고싶은 글을 쓸 수 있도록 하고
각 버튼은 마우스 클릭 이벤트를 받아 특정 행위를 하도록 하고 싶습니다.

이런식의 구현은 어떠한 방식으로 접근을 해야 할까요?
file
  • ajax, div 정도 사용하시면 될 듯 하네요.
  • 8503K5
  • 2012-08-09 08:50:23
  • x
  • 대충 이런건가요?
    설명이 그래도 부족합니다...

    <script>

    function doEvent()
    {
    document.getElementById('buttonArea').innerHTML +=
    [
    "<div style='float:left;position:relative;'><input type='image' onClick='imageEvent();' style='width:100px;' src='이미지주소넣으세요' />"
    ,"<input style='position:absolute;top:20px;left:5px;width:90px;border:0;' type='text' value='클릭후입력'/>"
    ,"<input style='position:absolute;top:60px;left:5px;width:90px;border:0;' type='text' value='클릭후입력'/></div>"
    ]
    .join("");
    }

    function imageEvent()
    {
    alert('나는 이미지다.');
    }

    </script>

    <input type='button' onClick='doEvent();' value="이벤트 발생시키기"/>
    <div id="buttonArea"></div>
  • 12476김문영
  • 2012-08-09 10:03:17
  • x
  • PNG 파일로 버튼 이미지 템플릿을 만드시고요, 커스텀 테그로 버튼 크기와 이름, 클릭했을때 이벤트 함수이름(자바스크립트) 등을 인자로 받으면 그 크기에 맞게 PNG 파일의 이미지 사이즈를 변경해서 서버에 저장을 하시고, 그 파일의 경로를 기반으로 이미지 버튼을 만들도록 하면 됩니다.
  • 15366twinmoon
  • 2012-08-09 11:40:56
  • x
다음글 하이버네이트 join 두번 이상은 안되나요?
>> 60226 이미지 버튼 동적 생성??  [3] felicity 685 2012-08-09 07:43:33
이전글 jsp 동적으로 버튼 그리기