JavaScript를 사용할 수 없을 때 콘텐츠를 표시하는 방법은 JavaScript를 사용할 수 있고 어느 경우에도 깜박임이 없을 때 숨기십시오.

StackOverflow https://stackoverflow.com/questions/1006798

문제

배송 옵션에 대한 간단한 양식이 있으며 JavaScript를 사용하여 누군가가 드롭 다운 목록에서 새 옵션을 선택할 때 양식을 자동 제출합니다.

JavaScript가없는 브라우저를 지원하려면 양식을 제출할 수있는 버튼도 있습니다. 이 버튼은 JavaScript를 사용하여 숨겨져 있습니다.

그러나 이것은 내 버튼이 짧은 시간 동안 보이고 나머지 콘텐츠가 재구성 될 때 깜박임을 유발할 수 있음을 의미합니다.

누구든지 버튼을 만들 수있는 방법을 제안 할 수 있으므로 숨겨지기 시작하지만 JavaScript를 사용할 수없는 경우에만 표시됩니다. 예를 들어, 디스플레이로 시작하십시오 : 없음; 그리고 마술처럼 표시로 변경 : 블록; JavaScript가없는 경우에만.

도움이 되었습니까?

해결책

그냥 내부에 뭐든지 넣으십시오 <noscript> ... </noscript> 태그는 JavaScript가 활성화되지 않은 경우에만 나타납니다.

다른 팁

숨어있는 방법에 따라 다릅니다. DOM 준비 또는 창 준비를 사용하고 있습니까? Window Ready는 모든 이미지가 다운로드 될 때까지 기다립니다. 일반적으로 너무 길다.

접근성, 이유를 위해 DOM로드에 숨어있을 것입니다. 그러나 나타나지 않도록하려면 노스 스크립트 요소에 넣을 수 있습니다.

<noscript>
    <input type="submit" />
</noscript>

마지막 단락은 JavaScript가 없을 때 그런 일이 발생할 수 없습니다.

눈에 띄지 않는 JavaScript를 작성하십시오. http://icant.co.uk/articles/seven-rules-of-unobtrusive-javascript/.

당신이하는 일은 페이지를 일반 페이지로 작성하는 것입니다. 그런 다음 하단의 코드를 사용하여 JavaScript를 시작한 다음 페이지를 편집하여 대화식으로 편집하십시오. 이것의 아름다움은 JavaScript가 꺼져 있다면 페이지가 정상이지만, 그들이 켜져 있으면 더 많은 기능을 추가 할 수 있다는 것입니다.

나는 필요하지 않은 많은 추가 코드를 다운로드 할 수 있기 때문에 옵션의 큰 팬이 아닙니다.

이 페이지에서 댓글 5를보십시오. 좋은 솔루션은 실제로 표시되기 전에 변경할 수있는 좋은 솔루션을보십시오.http://dean.edwards.name/weblog/2006/06/again/

제출 버튼 전후에 스크립트를 사용하여 숨겨진 div 요소 시작 및 엔드 태그를 작성할 수 있습니다.

한 가지 옵션은 표시된 버튼으로 시작한 다음 JavaScript에서 CSS를 수정하는 것입니다.

<head>
    ...
    <link rel="stylesheet" href="style.css" type="text/css" charset="utf-8">
    <script>
        document.styleSheets[0].addRule(".hideMe", "display:none");
    </script>
    ...
</head>

버튼 대신 스타일 시트를 수정 하고이 코드를 넣으십시오. 밖의 onload)는 버튼을 그려보기 전에 숨겨 지도록합니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top