티스토리 뷰
IT tech Coding/Bootstrap
[bootstrap] 화면 상단 장바구니 결재 등 구성하는 소스코드 php html
Coding Life 2022. 11. 3. 07:55반응형
웹사이트 개발하면서 필요한 구간별로 자리 정리할 겸 올려놓는 자료입니다.
간단한 쇼핑몰도 하나 제작중인데 상단에 위와 같이 나타나는 이미지...
부트스트랩을 이용하니 좋네요.
소스코드도 기록해 둬서 다시 관련 프로그램 제작시 사용해야 겠어요
<form class="d-flex">
<button class="btn btn-outline-dark" type="button" onclick="javascript:movetocart();">
<i class="bi-cart-fill me-1"></i>
장바구니
<span id="cartnum" class="badge bg-dark text-white ms-1 rounded-pill"><?=$cartnum?> </span>
</button>
<button class="btn btn-outline-dark" type="button" onclick="javascript:movetodelivery();">
<i class="bi bi-credit-card-fill"></i>
결재상태
</button>
<?
if($user_name=='홍길동')
{
print ' <button class="btn btn-outline-dark" type="button" onclick="javascript:movetolist();">
<i class="bi-tool-fill me-1"></i>
아이템등록
</button> ';?>
<button class="btn btn-outline-dark" type="button" onclick="location.href='admin.php'">
<i class="bi-tool-fill me-1"></i>
자료
</button>
<?
}
?>
</form>
쇼핑몰의 우측상단에 위치하는 간단한 형태의 소스코드입니다.
오늘도 즐거운 코딩하세요~
반응형
'IT tech Coding > Bootstrap' 카테고리의 다른 글
Bootstrap 5: 새로운 시대의 웹 디자인 프레임워크 (0) | 2023.10.08 |
---|---|
bootstrap modal창 위에 또다른 modal창 띄우는 코드 (0) | 2023.03.29 |
modal창 button 중복으로 눌리는 현상, 이거 해결하는데 정말 장난 아님 (0) | 2023.03.09 |
[부트스트랩] 모달 값 전달하는 방법 버튼이나 A테그 사용해서 처리하는 방법 (0) | 2022.09.22 |
[bootstrap] groupbox처럼 구현이 가능할까? (0) | 2022.01.10 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 자바스크립트 한글초성
- Bootstrap 5
- 작업공정에 대한 코드작성
- #파이썬인스톨러
- 효율적코딩방법
- 파이썬코드줄바꿈방법
- #독립실행파일
- sql문장 날짜계산
- #소프트웨어배포
- #NSIS
- .htaccess수정
- 자바스크립트한글입력시반응하도록만드는코드
- chatGPT3.5파이썬버전
- General error: 2031
- 코딩효율성
- #cx_Freeze
- 코딩튜토리얼
- 2분후종료오토핫키
- td요소중에 1행과 1열은 제외
- 스크립트작성기초
- 프로그래머생활
- 테크에능한여성
- 뫄프로그래밍
- #프로그램설치
- 카페24가비아phpinfo수정
- 오토핫키가이드
- #파이썬패키징
- 오토핫키에디터창업데이트금지하기
- #InnoSetup
- #InstallForge
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 30 | 31 |
글 보관함