2011-08-02 3 views
0

웹 사이트의 양식에서 텍스트 필드를 숨길 수 있습니까? 텍스트 필드는 현재 숨겨져 있지 않으며 외부 스타일 시트를 오버레이하여보기에서 숨길 수 있다고 들었습니다.외부 웹 사이트 양식에 텍스트 필드가 보이지 않는 경우

편집 : 웹 사이트가 내 것이 아니며 소스 등을 제어 할 수 없기 때문에 코드를 수정하지 않고도이 작업을 수행 할 수 있어야합니다. 우리가 이것을 할 수있는 이유는 입력 된 것을 볼 수있는 컴퓨터 앞에 앉아있는 사람없이 세션 변수 (DTMF 톤과 IVR로 획득 한)로부터이 필드에 신용 카드 번호를 보내는 것입니다.

나는 우리를 위해 일하고 우리의 PC를 통해 액세스하는 모든 사람들에게 그것을 숨기고 싶지 않습니다.

이것이 가능합니까?

감사합니다.

+0

.. 윤리적 인 해킹? 또는 문제를 조금 더 잘 설명 할 수 있습니까? –

+0

누구에게서 숨기시겠습니까? 다른 사람의 웹 사이트를 방문하는 임의의 사람들? No. – Quentin

+0

@John youre는 특정 컴퓨터에서만 텍스트 필드를 숨길 필요가 있다고 말합니까? –

답변

2

예. 다음 CSS 클래스를 추가

display:none; 
+1

나는 nitpick (또는 Do ?!! :))을 의미하지는 않지만 CSS 클래스가 아니며 CSS 클래스를 구성하는 스타일입니다. –

+0

웹 사이트가 내 것이 아니며 소스 등, 나는 자신의 코드를 건드리지 않고 이것을 할 수 있어야합니다. –

+0

왜 당신이 아닌 웹 사이트를 변경하려고합니까? –

0

예는

CSS의 Approch

CSS를 사용 display:none;

또는 사용하는 자바 스크립트

 var child = document.getElementById(childDiv); 
     var parent = document.getElementById(parentDiv); 
     parent.removeChild(child); 
+0

웹 사이트가 내 것이 아니며 소스 등을 제어 할 수 없습니다. 코드를 수정하지 않고도이 작업을 수행 할 수 있어야합니다. –

+0

그런 다음 시스템에서만 변경할 수 있습니다 (도움말 작성 원숭이 (addons)와 같은 스크립트를 사용하여). – nidhin

0

는 당신이 허용되는에 따라 수 그리고이 기계가 그 기계에만 사용되는지 여부 원하는 사이트를 가지고있는 iframe 페이지를 생성하고 필요한 것을 오버레이 할 수 있습니다.

페이지 스크롤, 또는 사용자가 텍스트 등의 크기를 변경할 수있는 경우는 까다로운 일이 될 수도

<iframe src="http://url.to.actual.page"></iframe> 
<div class="distractor">Position me on top of the iframe to hide some content</div> 

iframe{ 
    width:600px; /* as needed */ 
    height:300px; 
    overflow:hidden; 
    z-index:1; 
    position:relative; 
} 

.distractor{ 
    position:absolute; 
    background-color:red; /* color it as the background of the page */ 

    top:80px; /* position it where you need it */ 
    left:100px; 

    width:100px; /* size it as you need it */ 
    height:100px; 

    z-index:1000; 
} 

데모에서 (원인은 내용에 리플 로우) http://jsfiddle.net/gaby/GemC2/1/

위대한 해결책은 아니지만 몇 가지 아이디어를 줄 수 있습니다 ..

당신이 브라우저에 플러그인을 사용할 수있는 경우

또 다른 해결책은, Greasemonkey을 설정하고 당신이 필요로하는 입력을 숨길 사용자 지정 스크립트를 설치하는 것입니다.

또는 Stylish 페이지 스타일을 재정의하기 위해 맞춤 CSS 스타일을 설정하십시오.

관련 문제