Ajuda com codigo HTML
16/03/2021
0
Problemas com execução, Galera gostaria de auxilio em minha pagina html onde tenho um alerta que não aparece de forma alguma em minha pagina.
esse é meu codigo:
o mesmo deveria assim que iniciado abrir um alerta para inserção de dados para se conectar ao servidor.
desde ja agradeço a atenção e possivel ajuda
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Pagina de teste</title>
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/transitions.css" />
<link rel="stylesheet" href="css/node-screen.css" />
<script src="js/jquery-2.0.2.min.js"></script>
<script type="text/javascript" src="js/jquery.transit.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/jquery.validate.bootstrap.js"></script>
<script type="text/javascript" src="js/node-screen.js"></script>
</head>
<body>
<div id="splash-screen" class="fullscreen center">
<div id="status-splash" class="center-elm">
teste
</div>
</div>
<div class="page-alert hide" id="page-alert">
<div class="alert" id="alert"></div>
</div>
<div id="registration-screen" class="fullscreen center hide form-horizontal" style="display: none;">
<form method="POST" class="form-horizontal center-elm" id="settingsForm">
<fieldset>
<legend>Registro de Tela</legend>
<div class="control-group">
<label class="control-label" for="inputServerAddress">Endereço do Servidor</label>
<div class="controls">
<input type="url" id="inputServerAddress" class="large-input" placeholder="http://exemplo.com" required="required" />
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputUniqueName">Nome da Tela</label>
<div class="controls">
<input type="text" id="inputUniqueName" class="large-input" placeholder="Unique Screen Name" minlength="1" required="required" />
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputServerPassword">Senha do Servidor</label>
<div class="controls">
<input type="password" id="inputServerPassword" class="large-input" placeholder="Senha do Servidor" minlength="1" required="required" />
</div>
</div>
<button type="submit" id="btn-register" class="btn btn-large btn-primary pull-right">Registrar</button>
</fieldset>
</form>
</div>
<div id="layout-screen" class="fullscreen">
<div class="playing_layout fullscreen"></div>
<div class="preload_layout fullscreen"></div>
</div>
<div id="status" class="fullscreen hide center" style="opacity:0">
<div id="status-box" class="center-elm">
<h4>Status</h4>
<div id="status-message"></div>
<center style="margin-top:15px;">
<div class="progress progress-striped active" style="margin-left:20px;margin-right:20px;">
<label id="jukebox-progress-label" style="position:absolute;display:block;padding-left:5px;width: 350px;overflow: hidden;"></label>
<div id="jukebox-progress-bar" class="bar" style="width:0%;"></div>
</div>
</center>
<div><strong>(x)</strong> Close, <strong>(c)</strong> Clear data, <strong>(r)</strong> Reload, <strong>(^)</strong> Clear all Data</div>
<div id="download_details">
<div id="layout_download"><span class="icon-film"></span> <label class="amount">0</label></div>
<div id="audio_download"><span class="icon-music"></span> <label class="amount">0</label></div>
</div>
</div>
</div>
<audio id="jukebox_player"></audio>
<script type="text/javascript" src="js/module/prototypes.js"></script>
<script type="text/javascript" src="js/module/general.js"></script>
<script type="text/javascript" src="js/module/files.js"></script>
<script type="text/javascript" src="js/module/status.js"></script>
<script type="text/javascript" src="js/module/db.js"></script>
<script type="text/javascript" src="js/module/layouts.js"></script>
<script type="text/javascript" src="js/module/jukebox.js"></script>
<script type="text/javascript" src="js/module/registration.js"></script>
<script type="text/javascript" src="js/module/update.js"></script>
</body>
</html>
esse é meu codigo:
o mesmo deveria assim que iniciado abrir um alerta para inserção de dados para se conectar ao servidor.
desde ja agradeço a atenção e possivel ajuda
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Pagina de teste</title>
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/transitions.css" />
<link rel="stylesheet" href="css/node-screen.css" />
<script src="js/jquery-2.0.2.min.js"></script>
<script type="text/javascript" src="js/jquery.transit.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/jquery.validate.bootstrap.js"></script>
<script type="text/javascript" src="js/node-screen.js"></script>
</head>
<body>
<div id="splash-screen" class="fullscreen center">
<div id="status-splash" class="center-elm">
teste
</div>
</div>
<div class="page-alert hide" id="page-alert">
<div class="alert" id="alert"></div>
</div>
<div id="registration-screen" class="fullscreen center hide form-horizontal" style="display: none;">
<form method="POST" class="form-horizontal center-elm" id="settingsForm">
<fieldset>
<legend>Registro de Tela</legend>
<div class="control-group">
<label class="control-label" for="inputServerAddress">Endereço do Servidor</label>
<div class="controls">
<input type="url" id="inputServerAddress" class="large-input" placeholder="http://exemplo.com" required="required" />
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputUniqueName">Nome da Tela</label>
<div class="controls">
<input type="text" id="inputUniqueName" class="large-input" placeholder="Unique Screen Name" minlength="1" required="required" />
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputServerPassword">Senha do Servidor</label>
<div class="controls">
<input type="password" id="inputServerPassword" class="large-input" placeholder="Senha do Servidor" minlength="1" required="required" />
</div>
</div>
<button type="submit" id="btn-register" class="btn btn-large btn-primary pull-right">Registrar</button>
</fieldset>
</form>
</div>
<div id="layout-screen" class="fullscreen">
<div class="playing_layout fullscreen"></div>
<div class="preload_layout fullscreen"></div>
</div>
<div id="status" class="fullscreen hide center" style="opacity:0">
<div id="status-box" class="center-elm">
<h4>Status</h4>
<div id="status-message"></div>
<center style="margin-top:15px;">
<div class="progress progress-striped active" style="margin-left:20px;margin-right:20px;">
<label id="jukebox-progress-label" style="position:absolute;display:block;padding-left:5px;width: 350px;overflow: hidden;"></label>
<div id="jukebox-progress-bar" class="bar" style="width:0%;"></div>
</div>
</center>
<div><strong>(x)</strong> Close, <strong>(c)</strong> Clear data, <strong>(r)</strong> Reload, <strong>(^)</strong> Clear all Data</div>
<div id="download_details">
<div id="layout_download"><span class="icon-film"></span> <label class="amount">0</label></div>
<div id="audio_download"><span class="icon-music"></span> <label class="amount">0</label></div>
</div>
</div>
</div>
<audio id="jukebox_player"></audio>
<script type="text/javascript" src="js/module/prototypes.js"></script>
<script type="text/javascript" src="js/module/general.js"></script>
<script type="text/javascript" src="js/module/files.js"></script>
<script type="text/javascript" src="js/module/status.js"></script>
<script type="text/javascript" src="js/module/db.js"></script>
<script type="text/javascript" src="js/module/layouts.js"></script>
<script type="text/javascript" src="js/module/jukebox.js"></script>
<script type="text/javascript" src="js/module/registration.js"></script>
<script type="text/javascript" src="js/module/update.js"></script>
</body>
</html>
Paulo Cesar
Curtir tópico
+ 0
Responder
Posts
16/03/2021
Heraldo Araujo
Olá, Paulo!
Olha, vc está querendo usar um 'alert', que é uma declaração de javascript, para receber algum dado. Mas, o 'alert' só serve para exibir mensagem e deve ser usado dentro de um script;
Existe duas formas de receber dados:
1) Via html pela tag <input ...> do html;
2) Via javascript pelo comando "prompt"
Veja um exemplo de como receber dados via javascript:
<!DOCTYPE html>
<html>
<head>
<title>Curso JavaScript Progressivo</title>
<script type="text/javascript">
var nome = prompt("Digite seu nome: ")
document.write("Bem vindo, ", nome);
</script>
</head>
</html>
Olha, vc está querendo usar um 'alert', que é uma declaração de javascript, para receber algum dado. Mas, o 'alert' só serve para exibir mensagem e deve ser usado dentro de um script;
Existe duas formas de receber dados:
1) Via html pela tag <input ...> do html;
2) Via javascript pelo comando "prompt"
Veja um exemplo de como receber dados via javascript:
<!DOCTYPE html>
<html>
<head>
<title>Curso JavaScript Progressivo</title>
<script type="text/javascript">
var nome = prompt("Digite seu nome: ")
document.write("Bem vindo, ", nome);
</script>
</head>
</html>
Responder
16/03/2021
Paulo Cesar
ainda não consegui entender:
a pagina de alerta serviria para inserir os dados do endereço do servidor, nome, e senha do servidor.
tentei retirar a função de alerta para que fosse mostrado diretamente na pagina mais não obtive sucesso;
a ideia é chamar uma pagina de cadastro!
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Pagina de teste</title>
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/transitions.css" />
<link rel="stylesheet" href="css/node-screen.css" />
<script src="js/jquery-2.0.2.min.js"></script>
<script type="text/javascript" src="js/jquery.transit.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/jquery.validate.bootstrap.js"></script>
<script type="text/javascript" src="js/node-screen.js"></script>
</head>
<body>
<div id="splash-screen" class="fullscreen center">
<div id="status-splash" class="center-elm">
teste
</div>
</div>
<div id="registration-screen" class="fullscreen center hide form-horizontal" style="display: none;">
<form method="POST" class="form-horizontal center-elm" id="settingsForm">
<fieldset>
<legend>Registro de Tela</legend>
<div class="control-group">
<label class="control-label" for="inputServerAddress">Endereço do Servidor</label>
<div class="controls">
<input type="url" id="inputServerAddress" class="large-input" placeholder="http://exemplo.com" required="required" />
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputUniqueName">Nome da Tela</label>
<div class="controls">
<input type="text" id="inputUniqueName" class="large-input" placeholder="Unique Screen Name" minlength="1" required="required" />
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputServerPassword">Senha do Servidor</label>
<div class="controls">
<input type="password" id="inputServerPassword" class="large-input" placeholder="Senha do Servidor" minlength="1" required="required" />
</div>
</div>
<button type="submit" id="btn-register" class="btn btn-large btn-primary pull-right">Registrar</button>
</fieldset>
</form>
</div>
<div id="layout-screen" class="fullscreen">
<div class="playing_layout fullscreen"></div>
<div class="preload_layout fullscreen"></div>
</div>
<div id="status" class="fullscreen hide center" style="opacity:0">
<div id="status-box" class="center-elm">
<h4>Status</h4>
<div id="status-message"></div>
<center style="margin-top:15px;">
<div class="progress progress-striped active" style="margin-left:20px;margin-right:20px;">
<label id="jukebox-progress-label" style="position:absolute;display:block;padding-left:5px;width: 350px;overflow: hidden;"></label>
<div id="jukebox-progress-bar" class="bar" style="width:0%;"></div>
</div>
</center>
<div><strong>(x)</strong> Close, <strong>(c)</strong> Clear data, <strong>(r)</strong> Reload, <strong>(^)</strong> Clear all Data</div>
<div id="download_details">
<div id="layout_download"><span class="icon-film"></span> <label class="amount">0</label></div>
<div id="audio_download"><span class="icon-music"></span> <label class="amount">0</label></div>
</div>
</div>
</div>
<audio id="jukebox_player"></audio>
<script type="text/javascript" src="js/module/prototypes.js"></script>
<script type="text/javascript" src="js/module/general.js"></script>
<script type="text/javascript" src="js/module/files.js"></script>
<script type="text/javascript" src="js/module/status.js"></script>
<script type="text/javascript" src="js/module/db.js"></script>
<script type="text/javascript" src="js/module/layouts.js"></script>
<script type="text/javascript" src="js/module/jukebox.js"></script>
<script type="text/javascript" src="js/module/registration.js"></script>
<script type="text/javascript" src="js/module/update.js"></script>
</body>
</html>
a pagina de alerta serviria para inserir os dados do endereço do servidor, nome, e senha do servidor.
tentei retirar a função de alerta para que fosse mostrado diretamente na pagina mais não obtive sucesso;
a ideia é chamar uma pagina de cadastro!
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Pagina de teste</title>
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/transitions.css" />
<link rel="stylesheet" href="css/node-screen.css" />
<script src="js/jquery-2.0.2.min.js"></script>
<script type="text/javascript" src="js/jquery.transit.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/jquery.validate.bootstrap.js"></script>
<script type="text/javascript" src="js/node-screen.js"></script>
</head>
<body>
<div id="splash-screen" class="fullscreen center">
<div id="status-splash" class="center-elm">
teste
</div>
</div>
<div id="registration-screen" class="fullscreen center hide form-horizontal" style="display: none;">
<form method="POST" class="form-horizontal center-elm" id="settingsForm">
<fieldset>
<legend>Registro de Tela</legend>
<div class="control-group">
<label class="control-label" for="inputServerAddress">Endereço do Servidor</label>
<div class="controls">
<input type="url" id="inputServerAddress" class="large-input" placeholder="http://exemplo.com" required="required" />
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputUniqueName">Nome da Tela</label>
<div class="controls">
<input type="text" id="inputUniqueName" class="large-input" placeholder="Unique Screen Name" minlength="1" required="required" />
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputServerPassword">Senha do Servidor</label>
<div class="controls">
<input type="password" id="inputServerPassword" class="large-input" placeholder="Senha do Servidor" minlength="1" required="required" />
</div>
</div>
<button type="submit" id="btn-register" class="btn btn-large btn-primary pull-right">Registrar</button>
</fieldset>
</form>
</div>
<div id="layout-screen" class="fullscreen">
<div class="playing_layout fullscreen"></div>
<div class="preload_layout fullscreen"></div>
</div>
<div id="status" class="fullscreen hide center" style="opacity:0">
<div id="status-box" class="center-elm">
<h4>Status</h4>
<div id="status-message"></div>
<center style="margin-top:15px;">
<div class="progress progress-striped active" style="margin-left:20px;margin-right:20px;">
<label id="jukebox-progress-label" style="position:absolute;display:block;padding-left:5px;width: 350px;overflow: hidden;"></label>
<div id="jukebox-progress-bar" class="bar" style="width:0%;"></div>
</div>
</center>
<div><strong>(x)</strong> Close, <strong>(c)</strong> Clear data, <strong>(r)</strong> Reload, <strong>(^)</strong> Clear all Data</div>
<div id="download_details">
<div id="layout_download"><span class="icon-film"></span> <label class="amount">0</label></div>
<div id="audio_download"><span class="icon-music"></span> <label class="amount">0</label></div>
</div>
</div>
</div>
<audio id="jukebox_player"></audio>
<script type="text/javascript" src="js/module/prototypes.js"></script>
<script type="text/javascript" src="js/module/general.js"></script>
<script type="text/javascript" src="js/module/files.js"></script>
<script type="text/javascript" src="js/module/status.js"></script>
<script type="text/javascript" src="js/module/db.js"></script>
<script type="text/javascript" src="js/module/layouts.js"></script>
<script type="text/javascript" src="js/module/jukebox.js"></script>
<script type="text/javascript" src="js/module/registration.js"></script>
<script type="text/javascript" src="js/module/update.js"></script>
</body>
</html>
Responder
16/03/2021
Paulo Cesar
Erros apresentados no console.
Uncaught TypeError: Cannot read property ''init'' of undefined
at Object.init (general.js:3)
at Object.init (node-screen.js:9)
at HTMLDocument.<anonymous> (node-screen.js:125)
at l (jquery-2.0.2.min.js:4)
at Object.fireWith [as resolveWith] (jquery-2.0.2.min.js:4)
at Function.ready (jquery-2.0.2.min.js:4)
at HTMLDocument.S (jquery-2.0.2.min.js:4)
Uncaught TypeError: Cannot read property ''init'' of undefined
at Object.init (general.js:3)
at Object.init (node-screen.js:9)
at HTMLDocument.<anonymous> (node-screen.js:125)
at l (jquery-2.0.2.min.js:4)
at Object.fireWith [as resolveWith] (jquery-2.0.2.min.js:4)
at Function.ready (jquery-2.0.2.min.js:4)
at HTMLDocument.S (jquery-2.0.2.min.js:4)
Responder
16/03/2021
Heraldo Araujo
Vc colocou um "style=display: none;" numa <div> que envolve todo formulário. Desse jeito, não vai aparecar nada nunca. Quebrei a cabeça pra encontrar isso. Quem fez essa traquinagem?!?!
(risos)
Valeu?
(risos)
Valeu?
Responder
16/03/2021
Paulo Cesar
Vc colocou um "style=display: none;" numa <div> que envolve todo formulário. Desse jeito, não vai aparecar nada nunca. Quebrei a cabeça pra encontrar isso. Quem fez essa traquinagem?!?!
(risos)
Valeu?
(risos)
Valeu?
desculpa o erro, porem ja retirei e ainda não aparace absulutamente nada.
e apresenta os seguintes erros;
Uncaught TypeError: Cannot read property ''init'' of undefined
at Object.init (general.js:3)
at Object.init (node-screen.js:9)
at HTMLDocument.<anonymous> (node-screen.js:125)
at l (jquery-2.0.2.min.js:4)
at Object.fireWith [as resolveWith] (jquery-2.0.2.min.js:4)
at Function.ready (jquery-2.0.2.min.js:4)
at HTMLDocument.S (jquery-2.0.2.min.js:4)
Responder
17/03/2021
Heraldo Araujo
Agora, o erro já é outro: são erros de javascrit.
Para se retirar erros de javascript(ou qquer outro), vc tem que exibir o programa javascript, caso contrário, não conseguiremos ver qual o erro.
Para se retirar erros de javascript(ou qquer outro), vc tem que exibir o programa javascript, caso contrário, não conseguiremos ver qual o erro.
Responder
17/03/2021
Paulo Cesar
Agora, o erro já é outro: são erros de javascrit.
Para se retirar erros de javascript(ou qquer outro), vc tem que exibir o programa javascript, caso contrário, não conseguiremos ver qual o erro.
Para se retirar erros de javascript(ou qquer outro), vc tem que exibir o programa javascript, caso contrário, não conseguiremos ver qual o erro.
resolvi reescrever o html sanando o erro que mencionei de inicio:
o script me acasiona o erro é esse :
var general = {
init: function () {
general.filePrefix = ' ';
general.reload = function() { location.reload() };
general[nodeScreen.client_type].init();
},
//node-webkit general functions
nodewebkit: {
init: function () {
general.nodePath = require('path');
general.nodeOS = require('os');
general.nwGUI = require('nw.gui');
general.win = general.nwGUI.Window.get();
general.filePrefix = 'file://';
general.seperator = general.nodePath.sep;
general.assetPath = general.nwGUI.App.dataPath + general.seperator + 'assets' + general.seperator;
general.songPath = general.nwGUI.App.dataPath + general.seperator + 'songs' + general.seperator;
//load the http node module
general.http = require('http');
//load filesystem node module
general.fs = require('fs');
general.argv = general.nwGUI.App.argv;
}
},
//android functions
android: {
init: function () {
general.nodeOS = { 'totalmem': function () { return nodescreen_bridge.total_memory(); }, 'freemem': function () { return nodescreen_bridge.free_memory(); } };
general.seperator = '/';
general.fullPath = nodescreen_bridge.getStorage();
general.assetPath = general.fullPath + 'assets' + general.seperator;
general.songPath = general.fullPath + 'songs' + general.seperator;
general.argv = '';
window.callback = function (id, isOk, result) {
window.callbacks[id][isOk](result);
};
window.callbacks = {}
},
},
//winJS functions
winjs: {
init: function () {
var ViewManagement = Windows.UI.ViewManagement;
var ApplicationViewWindowingMode = ViewManagement.ApplicationViewWindowingMode;
var ApplicationView = ViewManagement.ApplicationView;
WinJS.UI.processAll();
ApplicationView.preferredLaunchWindowingMode = ApplicationViewWindowingMode.fullScreen;
general.nodeOS = { 'totalmem': function () { return 10000; }, 'freemem': function () { return 5000; } };
general.seperator = '/';
general.storageFolder = Windows.Storage.StorageFolder;
general.fullPath = 'ms-appdata:///local/';
general.assetPath = general.fullPath + 'assets' + general.seperator;
general.songPath = general.fullPath + 'songs' + general.seperator;
general.argv = '';
general.reload = function() { location.href('ms-appx-web:///index.html') };
},
},
//android callback functions
newCallBack: function (onComplete, onFail) {
var id = general.getCallbackID();
window.callbacks[id] = {};
//failed callback
window.callbacks[id][0] = function (result) {
if ($.isFunction(onFail)) { onFail(result); }
delete window.callbacks[id];
};
//complete callback
window.callbacks[id][1] = function (result) {
onComplete(result);
delete window.callbacks[id];
};
return id;
},
getCallbackID: function () {
var x = 0;
while (window.callbacks[x] !== undefined) { x = x + 1; }
return x;
}
};
Responder
17/03/2021
Heraldo Araujo
Por experiência, tá parecendo que esse código html foi copiado e colado e esqueceram de tirar esses javascripts,não?
Responder
Clique aqui para fazer login e interagir na Comunidade :)