윅스 (Wix) 코딩 강의 초급 (Beginner) - 축소 확장 폼 만들기 (Collapsing Form) - 데이터 (Data)
강의 내용 요약
다음의 예제는 Wix 윅스 무료 홈페이지 만들기의 자바스크립트 (Javascript) 코딩 기능을 활용할 수 있는 Corvid by Wix (윅스 코딩 - 콜비드) 를 활용하여 만듭니다.
설문 조사등, 웹사이트 내에 드랍 다운 형식의 축소 확장 섹션을 만듭니다.
HOME | show-v2-collapsing-f
www.wix.com
Log In | Wix
Login to Wix.com
users.wix.com
강의 내용 만드는법
만들고자 하는 윅스 사이트에 다음과 같은 구성 요소들이 필요합니다.
- 상자 구성 요소
코드 (Code)
Home
export function searchByPrice_onChange(event) {
if ($w('#searchByPrice').checked)
$w('#collapsingContainer').expand();
else
$w('#collapsingContainer').collapse();
}
Thank you
export function searchByPrice_onChange(event) {
if ($w('#searchByPrice').checked)
$w('#collapsingContainer').expand();
else
$w('#collapsingContainer').collapse();
}
API
$w.Box - Corvid API Reference
Gets an array of the elements that are contained within the element. Some elements, such as pages, headers, footers, and boxes, can contain other elements. This occurs when you drag an element onto a container element and attach it . These attached element
www.wix.com
Corvid by Wix (윅스 코딩 - 콜비드) 개발자 모드/도구 활성화하는 방법
윅스 (Wix) 코딩 - 개발자 도구를 활성화하기 (Wix Code: How to Enable Developer Tools)
윅스 (Wix) 코딩 - 개발자 도구를 활성화하기 (Wix Code: How to Enable Developer Tools)
윅스 (Wix) 코딩 - 개발자 도구를 활성화하기 (Wix Code: How to Enable Developer Tools) 설명) 개발자 도구를 활성화하기 위해서는 1. 에디터를 엽니다. 에디터 맨 위 상단 메뉴에서 코드를 클릭한 다음 개발�
limejuicer.tistory.com
연관된 토픽)
윅스 (Wix) 코딩 초급 (Beginner) - 기본 설문란 만들기 (Basic Form) - 데이터 (Data)
윅스 (Wix) 코딩 강의 초급 (Beginner) - 설문조사 폼 만들기 (Multistage Form) - 데이터 (Data)
윅스 (Wix) 코딩 중급 (Intermediate) - 캐스캐이딩 선택란 만들기 (Cascading Form) - 데이터 (Data)
윅스 홈페이지 만들기 101
윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index
윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index
윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index 윅스 (Wix.com) 윅스 ADI & 템플릿 (Wix ADI & 템플릿) 윅스 웹에디터 (Wix Editor) 윅스 코딩 (Wix Code - Corvid) 윅스 해커톤 (Wix Hackathon)
limejuicer.tistory.com
출처 :
콜비드 - 윅스 코딩 (Corvid - Wix coding)
Collapsing Form | Corvid by Wix Examples | Wix.com
This example demonstrates how to integrate collapsable sections into your forms.
www.wix.com
댓글