Tratamento com Javascript

Murillo Maciel de Arruda · Maio 25, 2016

Prezados, boa noite.

Eu vou postar um modelo simples do que é um Javascript bem maior.

A questão é a seguinte, o usuário preencheo o formulário e clica em Gerar, através de um innetHTML ele ve o que digitou

Estou com uma dificuldade de ARMAZENAR estes dados localmente, e IMPORTA-LOS para que possam ser editados novamente.

Tenho que utilizar apenas o Javascript, sem nenhuma base de dados

Basicamente quero preencher o formulário, salva-lo, e poder importa-lo (já preenchendo o formulario com os dados antigos) para poder alterar e saçvar novamente.

Já pesquisei muito, e fiz varios testes, não sei se é possível. Queri saber se alguém com mais experiencia possa me dar uma luz/guia.

Desde já agradeço a atenção.

Segue o código. Obrigado desde já pela atençãp!

<!DOCTYPE HTML>
<html>
<head>
  <title>Avaliação do paciente</title>

 <style type="text/css">
	.element	{ position:fixed; top:50px; left:620px; right:20px; padding:10px; }
	.rodape 	{ margin: auto; width: 100%; bottom: ; position: fixed; background-color: #ffffff; }
	.cabecalho 	{ margin: auto; width: 100%; top: ; position: fixed; background-color: #ffffff; }
</style>

</head>
<body>

<FONT FACE="CALIBRI" SIZE="1" COLOR="BLACK">
<FORM NAME="" ACTION="" METHOD="post">
<div class="cabecalho"><h1><b>Avaliação do Paciente</b></h1><hr></div>

<br><br><br><br>



<!-- SSVV // INICIO -->
<font face="verdana" size="2"><b>SINAIS VITAIS</b></font>
<br>
<table>
<tr align="center">
	<td><input type="text" name="pas" value="" style=width:50px placeholder="mmHg"></td>
	<td></td><td></td><td></td>
	<td><input type="text" name="pad" value="" style=width:50px placeholder="mmHg"></td>
	<td></td><td></td><td></td>
	<td><input type="text" name="pam" value="" style=width:50px placeholder="mmHg"></td>
	<td></td><td></td><td></td>
	<td><input type="text" name="fc" value="" style=width:50px placeholder="BPM"></td>
	<td></td><td></td><td></td>
	<td><input type="text" name="fr" value="" style=width:50px placeholder="IRPM"></td>
	<td></td><td></td><td></td>
	<td><input type="text" name="sat" value="" style=width:50px placeholder="%SatO²"></td>
	<td></td><td></td><td></td>
	<td><input type="text" name="temp" value="" style=width:50px placeholder="ºC"></td>
	<td></td><td></td><td></td>
	<td><input type="text" name="hgt" value="" style=width:50px placeholder="mg/dL"></td>
</tr>
<!-- SSVV // FIM-->


<hr align="left" size="2px" width="600px" noshade>




<div class="element">
<INPUT TYPE="button" NAME="button" id="anotacao" Value="Gerar Evolução" onClick="BotaoGerar(this.form)">
<br><br>
<font face="calibri" size="1"><p id="TextoFinal" align=justify></p></div></font>

<br><br>


<SCRIPT LANGUAGE="JavaScript">

function BotaoGerar (form) {

var pas = form.pas.value;
var pad = form.pad.value;
var pam = form.pam.value;
var fc = form.fc.value;
var fr = form.fr.value;
var sat = form.sat.value;
var temp = form.temp.value;
var hgt = form.hgt.value;
var sinais = "<b>- SSVV:</b> " + "PA: " + pas+"X"+pad+" ("+pam+") mmHg; " + "FC: "+fc+" BPM; " + "FR: "+fr+" IRPM; " + "SatO²: "+sat+"%; " + "TEMP: "+temp+" ºC. " + "HGT: " + hgt + " mg/dL ";
if (pas<"0") {var SSVV ="";} else {var SSVV = sinais;}


var final = "SINAIS VITAIS <BR><BR>" + SSVV
    document.getElementById("TextoFinal").innerHTML = final.toUpperCase();
		
}
</SCRIPT>



<div class="rodape"><hr>
<h3><b>Versão Beta</b></h3>
</div>

</FONT>
</BODY>
</HTML>

Stoma · Junho 3, 2016

Olá.

Você pode armazenar as informações no localStorage usando JavaScript, e depois recarregá-la:

http://blog.thiagobelem.net/armazenando-informacoes-no-computador-do-visitante-com-localstorage-e-sessionstorage

Entrar

Tratamento com Javascript

Pergunta

Murillo Maciel de Arruda

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

Stoma

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades