검색창 ㅡㅡ;; 히안한 기능의 프로젝트가 들어 와서요 정보
검색창 ㅡㅡ;; 히안한 기능의 프로젝트가 들어 와서요
본문
기존 검색 창에서 마우스를 검색창에 클릭하면 펼쳐져서 4개의 버튼이 나옵니다.
그리고 검색창에 보면 리셋하는 기능도 들어 갔구요. 일반 아이폰 검색 기능을 보고
웹에서 될꺼라 생각 했나 봐요. ㅡㅡ;;; 이거 난애 한데 조금만이라고 힌드 주시는분께
포인트 드릴께요 ㅡㅡ 포인트가 머 중요하겠냐만서도.....
예를 들어 검색창에 마우스 클릭하고 펼쳐져서 버튼 나오게 해야는건 어떤 태그를 써야는지
ㅡㅡ;;; 그 이후 검색창은 아이폰하고 검색창하고 똑같이 생겨야는데 ㅡㅡ;;; 이건 제가 대충 생각은
하고 있는데 그리도 좀 쉬운 방법이 있다면 힌트만 주십시요 ㅜㅜ
대충이라도 코드 알려주시는 분은 정말 감사 ㅜㅜ
댓글 전체
자바스크립트로 해야겠네요!
헉 ㅡㅡ;;;;
클릭하면 팝업뜨는 레이어 메뉴 스크립트소스 많으니 그걸 활용해 보세요 ㅡ,.ㅡ;;
js와 js를 이용한 가상키보드에 디자인을 하시면 비슷하게 나오겠지만 저 키보드 터치로 작동이 되어져야 하는건 아니죠?
------------------------------------------------------------------------
글을 이렇게 읽다보니 제가 바보니...모바일은 걍 터치가 되쟎아요???ㅎㅎㅎㅎㅎ
그럼 뭐 쉽다고 봐야 하네요. 가상키보드 하나 웹에 올려서 그쪽은 해결보세요!
------------------------------------------------------------------------
글을 이렇게 읽다보니 제가 바보니...모바일은 걍 터치가 되쟎아요???ㅎㅎㅎㅎㅎ
그럼 뭐 쉽다고 봐야 하네요. 가상키보드 하나 웹에 올려서 그쪽은 해결보세요!
검색창 배경에 이미지 넣고 마우스 ON 시에
검색창 하단에 검색관련 버튼이 나타나게 만들어야 겠네요...^^
검색 펼침 메뉴만 따로 불러 이미지로 만들어 사용 하시면 될듯 하네요.
키보드는 아이폰 자체 키보드 같네요....^^
검색창 하단에 검색관련 버튼이 나타나게 만들어야 겠네요...^^
검색 펼침 메뉴만 따로 불러 이미지로 만들어 사용 하시면 될듯 하네요.
키보드는 아이폰 자체 키보드 같네요....^^
키보드는 아이폰 키보드 맞구요. 할려고 하는거는 검색창에 마우스온하면 검색창 밑으로 버튼 3개 뜨게 하고 옆에도 취소버튼, 그리고 검색창 안에는 리셋기능버튼 까지 포함해야 합니다. 머 검색창은 머 input을 싸고 있는 td에 이미지를 끼워서 비슷하게 만들 수 있을꺼 같은 리셋버튼까지 포함해서 문제는 마우스온할시에 밑으로 3개 옆으로 1개 검색창도 바꿔야하고 하는거예요 팝업형태로 레이어 띄우는거 아닙니다. 기존 리스트 사이에 띄워야 합니다. document.all.id.innerHTML = "내용";으로 해볼려는데 ㅡㅡ 마우스 포커스를 억지로 맞춰도 계속 잃고 있네요 ㅜㅜ
http://www.nghtv.net/non2.htm
-----------------------------------------------------------------------------------------
<script type="text/javascript">
function newsearch()
{
var indat = "";
indat = "<input type='search' name='queryid' id='queryid'> <input type='submit' onclick=setflse();><br><input type='submit'>";
indat = indat + "<input type='submit'><input type='submit'>";
document.all.old.innerHTML=indat;
document.getElementById('queryid').focus();
}
function setflse()
{
document.all.old.innerHTML = "<input type='text' name='oldsearch' OnFocus=newsearch();>";
}
</script>
<table border="1">
<tr>
<td width=300 id="old">
<input type="text" name="oldsearch" OnFocus=newsearch();>
</td>
</tr>
<tr><td>리스트 리스트 리스트 리스트 </td></tr>
<tr><td>리스트 리스트 리스트 리스트 </td></tr>
<tr><td>리스트 리스트 리스트 리스트 </td></tr>
<tr><td>리스트 리스트 리스트 리스트 </td></tr>
<tr><td>리스트 리스트 리스트 리스트 </td></tr>
<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>
------------------------------------------------------------------
요렇게 제가 생각을 했었는데 ㅡㅡ;;; 문제는
document.all.old.innerHTML 여기에 문자열은 계속 붙여서 넣어야기 때문에 내용이 업청 많알 질꺼란것이 문제이긴 하지만 무엇보다.................
마우스 포커스를 잃는다는 것이 문제예요... 억지로 잡아줘도 마우스 포커스는 안맞춰 지네요 ㅜㅜ
-----------------------------------------------------------------------------------------
<script type="text/javascript">
function newsearch()
{
var indat = "";
indat = "<input type='search' name='queryid' id='queryid'> <input type='submit' onclick=setflse();><br><input type='submit'>";
indat = indat + "<input type='submit'><input type='submit'>";
document.all.old.innerHTML=indat;
document.getElementById('queryid').focus();
}
function setflse()
{
document.all.old.innerHTML = "<input type='text' name='oldsearch' OnFocus=newsearch();>";
}
</script>
<table border="1">
<tr>
<td width=300 id="old">
<input type="text" name="oldsearch" OnFocus=newsearch();>
</td>
</tr>
<tr><td>리스트 리스트 리스트 리스트 </td></tr>
<tr><td>리스트 리스트 리스트 리스트 </td></tr>
<tr><td>리스트 리스트 리스트 리스트 </td></tr>
<tr><td>리스트 리스트 리스트 리스트 </td></tr>
<tr><td>리스트 리스트 리스트 리스트 </td></tr>
<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>
------------------------------------------------------------------
요렇게 제가 생각을 했었는데 ㅡㅡ;;; 문제는
document.all.old.innerHTML 여기에 문자열은 계속 붙여서 넣어야기 때문에 내용이 업청 많알 질꺼란것이 문제이긴 하지만 무엇보다.................
마우스 포커스를 잃는다는 것이 문제예요... 억지로 잡아줘도 마우스 포커스는 안맞춰 지네요 ㅜㅜ
jquery 로 구현하긔!
모바일에서 document.all이게 먹나요?
모바일에서 document.all이게 먹나요?
