Esconder caracterers de senha em javaScript

Question

Galera do bem, essa linguagem nao &eacute; muito a minha praia, porisso gostaria de uma pequena ajuda.
O codigo abaixo &eacute; o resultado de uma convers&atilde;o de um ppt e que acrescentei uma senha de acesso em javascript, e esta funcionando da forma que preciso, exceto  um unico problema, &eacute; que os caracteres da senha aparecem no formulario, quando s&atilde;o digitados.

Como fa&ccedil;o para esconder isso.

[code=JavaScript]

sample iframe with navigation

senha = '123456';
senhadig = prompt(Digite a senha,)
if (senha != senhadig){
alert('Acesso negado!');
top.location.href='erro.htm';
}

var slideIndex = 1;
    var slideCount;

if(window.addEventListener){
        //use postMessage to communicate with iframe to avoid cross-domain denial
        function receiveMessage(event){
            var dataArr = event.data.split(':')
            switch(dataArr[0]){
                case getSlideIndex: 
                    slideIndex = dataArr[1]
                    break;
                case getSlideCount:
                    slideCount = dataArr[1]
                    onSlideIndexChange(slideIndex);
                    break;
                case onSlideIndexChange:
                    onSlideIndexChange(dataArr[1]);
                    break;
            }
        }

window.addEventListener(message, receiveMessage, false);
    }

function callIframe(action){
        var ifr = document.getElementById(ifr).contentWindow;
        var msg //use postMessage to communicate with iframe
        switch(action){
            case 'first':               
                msg = clipActionFirstSlide
                break;
            case 'prev':               
                msg = clipActionPrevSlide
                break;
            case 'prevbuild':               
                msg = stepBackAnimation
                break;
            case 'nextbuild':               
                msg = stepAnimation
                break;
            case 'next':               
                msg = clipActionNextSlide
                break;
            case 'last':               
                msg = clipActionLastSlide
                break;
        }

if(window.addEventListener){
            //if support postMessage
            ifr.postMessage(msg,*);
        }else{
            ifr[msg]() //call iframe function directly for IE6-7
        }
    }

function onSlideIndexChange(newSlideIndex){
        //event called from slidego player
        var ifr = document.getElementById(ifr).contentWindow;   
        slideIndex = newSlideIndex
        document.getElementById(slideCount).innerHTML = slideIndex + / + slideCount;
    }

window.onload = function(){
        //update slideCount
       
        var ifr = document.getElementById(ifr).contentWindow;
        if(window.addEventListener){
            ifr.postMessage(getSlideCount?,*);
        }else{
            slideCount = ifr.getSlideCount()
        }
    }

document.onkeydown = function(ev){
        var keyCode = (ev && 'which' in ev) ? ev.which : event.keyCode;
       
        switch(keyCode){
            case 33: //PgUp               
            case 37: //LEFT
            case 38: //UP
                callIframe('prevbuild');
                break;
            case 34://PgDown
            case 39: //right
            case 40: //down   
                callIframe('nextbuild');           
                break;           
        }
    }

|&lt;
  &lt;&lt;
  &lt;
  &gt;
  &gt;&gt;
  &gt;|

[/code]

Answer

Modifiquei o coloquei um formul&aacute;rio + validador javascript

[code=JavaScript]

sample iframe with navigation

function validar()
{
senha = '123456';
//senhadig = prompt(Digite a senha,)
var senha = form1.senhaf.value;
alert (senha);
    return false;
}

Digite a senha:

[/code]

Em todo:

[html]

sample iframe with navigation

function validar()
{
senha = '123456';
//senhadig = prompt(Digite a senha,)
var senha = form1.senhaf.value;
alert (senha);
if (senha != senhadig){
alert('Acesso negado!');
top.location.href='erro.htm';
}

var slideIndex = 1;
    var slideCount;

if(window.addEventListener){
        //use postMessage to communicate with iframe to avoid cross-domain denial
        function receiveMessage(event){
            var dataArr = event.data.split(':')
            switch(dataArr[0]){
                case getSlideIndex:
                    slideIndex = dataArr[1]
                    break;
                case getSlideCount:
                    slideCount = dataArr[1]
                    onSlideIndexChange(slideIndex);
                    break;
                case onSlideIndexChange:
                    onSlideIndexChange(dataArr[1]);
                    break;
            }
        }

window.addEventListener(message, receiveMessage, false);
    }

function callIframe(action){
        var ifr = document.getElementById(ifr).contentWindow;
        var msg //use postMessage to communicate with iframe
        switch(action){
            case 'first':             
                msg = clipActionFirstSlide
                break;
            case 'prev':             
                msg = clipActionPrevSlide
                break;
            case 'prevbuild':             
                msg = stepBackAnimation
                break;
            case 'nextbuild':             
                msg = stepAnimation
                break;
            case 'next':             
                msg = clipActionNextSlide
                break;
            case 'last':             
                msg = clipActionLastSlide
                break;
        }

if(window.addEventListener){
            //if support postMessage
            ifr.postMessage(msg,*);
        }else{
            ifr[msg]() //call iframe function directly for IE6-7
        }
    }

function onSlideIndexChange(newSlideIndex){
        //event called from slidego player
        var ifr = document.getElementById(ifr).contentWindow; 
        slideIndex = newSlideIndex
        document.getElementById(slideCount).innerHTML = slideIndex + / + slideCount;
    }

window.onload = function(){
        //update slideCount
      
        var ifr = document.getElementById(ifr).contentWindow;
        if(window.addEventListener){
            ifr.postMessage(getSlideCount?,*);
        }else{
            slideCount = ifr.getSlideCount()
        }
    }

document.onkeydown = function(ev){
        var keyCode = (ev && 'which' in ev) ? ev.which : event.keyCode;
      
        switch(keyCode){
            case 33: //PgUp             
            case 37: //LEFT
            case 38: //UP
                callIframe('prevbuild');
                break;
            case 34://PgDown
            case 39: //right
            case 40: //down 
                callIframe('nextbuild');         
                break;         
        }
    }
    return false;

}

Digite a senha:

|&lt;
  &lt;&lt;
  &lt;
  &gt;
  &gt;&gt;
  &gt;|

[/html]

Answer

[USER=532625]@Eliseu F A Jr[/USER]  desde ja agrade&ccedil;o por sua resposta.
No meu codigo, quando carregava a pag., abria uma janela (formulario) para inserir a senha, e s&oacute; carregava o restante da pagina, se a senha fosse inserida corretamente caso contrario, carregava uma pagina 'erro.html'.

N&atilde;o teria como fazer desta froma com as suas altera&ccedil;&otilde;es ?

obrigado.

Answer

Infelizmente n&atilde;o, pois o JavaScript n&atilde;o tem uma fun&ccedil;&atilde;o pra caixa de senha. Agora, o que voce poderia - e deve - fazer &eacute; procurar um modo de autentica&ccedil;&atilde;o mais seguro, como em PHP ou usando o Apache. Afinal, basta o usu&aacute;rio abrir sua p&aacute;gina e pressionar Ctrl+U e ele ver&aacute; o c&oacute;digo da sua p&aacute;gina com a senha.

Answer

obrigado [USER=665276]@andremachado[/USER],  na verdade eu nem vou subir esta pagina, ela ser&aacute; carregada somente no navegador na maquina local, que o conteudo &eacute; uma aparesenta&ccedil;&atilde;o de slides (imagens), ent&atilde;o n&atilde;o teria essa preucupa&ccedil;&atilde;o de  autentica&ccedil;&atilde;o mais segura. 
S&oacute; gostaria de saber, ent&atilde;o se n&atilde;o daria para criar nesta mesma pagina, tipo uma encripta&ccedil;&atilde;o e comparar somente a palavra chave (senha) = 123456 encriptada.

Ferramentas

Mover Tópico