내 사이트 상단에서 "연락처"를 클릭하면 팝업 양식이 나타나려고합니다. 내 사이트 URL은 http://www.integritydesigns.com입니다.시작하는 방법 : 별도의 링크를 클릭 할 때 마우스 오버 하시겠습니까?
지금 내 사이트 상단의 연락처 링크는 페이지 하단의 ID (#contact)에 연결됩니다. 문의 양식은 현재 페이지 오른쪽 하단에있는 CONTACT US div (.dropdown) 위로 마우스를 가져 가면 나타납니다. 상단 탐색 메뉴에서 "CONTACT (연락처)"를 클릭 할 때 나타나는 양식을 원합니다.
Javascript로 처리 할 수 있다고 확신하지만 어디서부터 시작해야할지 모르겠습니다. 어떤 도움을 주시면 감사하겠습니다. 감사!
CONTACT 클릭 핸들러에서 팝업을 표시합니다. 아마, 거기에 어떤 CSS 클래스를 할당하여.
별도의 위치에서 "마우스 오버"를 시작하려는 것은 그리 많지 않습니다. 두 개의 다른 트리거를 사용하여 "div 표시"를하고 싶다는 것입니다.
마우스를 가져 가면 <div> "연락처"를 표시하는 데 사용하는 코드를 살펴보십시오. 링크와 함께 동일한 종류의 조리법을 사용할 수 있지만 "onhover"방아쇠 대신 "onclick"을 사용하십시오. 링크의 "href"속성을 "#"로 설정할 수 있습니다. 상위 메뉴 링크에서
내가 좋아하는 뭔가를 넣어 것이 당신이 사용자가 스크롤 또는 외부를 클릭하면이 사라지게하려면 물론
(form 양식을 포함하여 ul에 주어진 ID입니다) onclick="document.getElementById("form").style.display='block'" 그것의 설정해야합니다. (희망을 갖고 다른 사람들은 나 자신이 나에게 가장 좋은 방법이 무엇인지 궁금해하고 있기 때문에 그것에 대한 제안을 할 것이다.)
나는 그것이 더 시원하다고 생각한다. 그러나 "메시지"텍스트 영역을 드래그 할 수 있고 연락처 컨테이너 바깥으로 나가기 때문에 절대 크기로 설정해야합니다. –
감사합니다. Alex! 나는 그것을 잠시 후에 생각했지만 그것을 시작하는 것을 완전히 무시했다. 크기를 조정하는 대신 resize : none; CSS를 사용합니다. 다시 한 번 감사드립니다! – Travis