텍스트 검색창
기존에 검색 마킹시스템에서 검색바를 추가 했습니다.
검색을 종료하고싶을때는 리프레쉬버튼을 클릭하여 페이지를 리로드 합니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
<li class="searchCon"><i class="fas fa-search" style="cursor:pointer;"></i></li>
<li class="searchBar">
<form id="f1" name="f1" action="javascript:void()">
<input type="text" id="t1" name="t1" style="width:60px; font-size:20px; border:1px solid #eee;">
<input type="button" value="검색" id="search_btn" style="font-size:16px; border:1px solid #eee; background-color:pink; padding:5px; color:white; border-radius:5px; cursor:pointer;">
</from>
</li>
<script>
let searchCon = document.querySelector(".searchCon");
let textinput = document.querySelector(".searchBar");
let searchIcob = document.querySelector(".fa-search");
textinput.style.display = "none";
searchCon.onclick = function searchBar(){
if(textinput.style.display == "none" && searchCon.className == "searchCon"){
searchCon.className += " searchOn"
textinput.style.display = "";
searchIcob.className = "fas fa-sync-alt";
} else {
searchCon.className = "searchCon"
textinput.style.display = "none";
history.go(0);
}
}
</script>
|
cs |
댓글 1개
스포츠스타08
3년 전
감사합니다!!
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4399 | ||
| 2604 | 8개월 전 | 673 | ||
| 2603 | 8개월 전 | 732 | ||
| 2602 | 8개월 전 | 647 | ||
| 2601 |
 glitter0gim |
8개월 전 | 670 | |
| 2600 |
glitter0gim |
8개월 전 | 579 | |
| 2599 | 8개월 전 | 808 | ||
| 2598 | 8개월 전 | 601 | ||
| 2597 |
다케미카코
|
8개월 전 | 755 | |
| 2596 | 8개월 전 | 854 | ||
| 2595 |
 위토즈소프트 |
8개월 전 | 444 | |
| 2594 | 8개월 전 | 608 | ||
| 2593 |
만두먹고또먹고
|
8개월 전 | 934 | |
| 2592 | 8개월 전 | 609 | ||
| 2591 | 9개월 전 | 620 | ||
| 2590 | 9개월 전 | 688 | ||
| 2589 |
 팬텀디자인 |
9개월 전 | 757 | |
| 2588 | 9개월 전 | 476 | ||
| 2587 | 9개월 전 | 796 | ||
| 2586 | 9개월 전 | 641 | ||
| 2585 | 9개월 전 | 508 | ||
| 2584 | 9개월 전 | 575 | ||
| 2583 | 9개월 전 | 498 | ||
| 2582 | 9개월 전 | 640 | ||
| 2581 | 9개월 전 | 598 | ||
| 2580 |
만두먹고또먹고
|
9개월 전 | 517 | |
| 2579 |
위토즈소프트 |
9개월 전 | 664 | |
| 2578 | 9개월 전 | 645 | ||
| 2577 | 9개월 전 | 624 | ||
| 2576 | 9개월 전 | 561 | ||
| 2575 |
이슈DEV
|
9개월 전 | 993 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기