index2.html
por portal
—
última modificação
12/12/2025 13h47
index.html
— 17 KB
Conteúdo do arquivo
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap"
rel="stylesheet">
<title>Formulário de Ficha Catalográfica</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Raleway', sans-serif;
}
input {
padding: 12px 20px;
outline: none;
border: 1px solid #ccc;
border-radius: 50px;
}
input[readonly] {
background-color: #f1f1f1;
margin-top: 10px;
}
select {
padding: 12px 20px;
border-radius: 50px;
}
h3 {
margin-bottom: 15px;
}
label {
display: block;
}
.input-group {
margin-bottom: 20px;
}
.input-block {
margin-bottom: 50px;
}
#assuntos {
border: none;
}
#assuntos label {
margin-bottom: 8px;
}
</style>
</head>
<body>
<form action="./index.html" id="dados_ficha" method="GET">
<div class="input-block">
<h3>Informações pessoais</h3>
<div class="input-group">
<label for="nome">Nome</label>
<small style="color: #767676;">Preencher completo exceto o sobrenome. Ex.: João da Silva (caso o seu nomes seja
'João da Silva Santos').</small><br>
<input id="nome" name="nome" type="text" value="" size="62" placeholder="" required>
</div>
<div class="input-group">
<label for="sobrenome">Sobrenome</label>
<small style="color: #767676;">Preencher somente o sobrenome. Ex.: Campos, Campos Neto, Saraiva Filho, Castelo
Branco, Vilas Boas, Villa-Lobos. Ex.: Santos (caso o seu nomes seja 'João da Silva Santos').</small><br>
<input id="sobrenome" name="sobrenome" type="text" value="" size="62" placeholder="" required>
</div>
</div>
<div class="input-block">
<h3>Informações do trabalho</h3>
<div class="input-group">
<label for="titulo">Título</label>
<small style="color: #767676;">Preecher com o título principal.</small><br>
<input id="titulo" name="titulo" type="text" size="62" value="" placeholder="" required>
</div>
<div class="input-group">
<label for="subtitulo">Subtítulo</label>
<small style="color: #767676;">Todas as demais partes que complementam o título (iniciar com letra minuscula).
Se
o subtítulo conter partes, pode-se inserir portuação pertinente, exceto a final.</small><br>
<input id="subtitulo" name="subtitulo" type="text" size="62" value="" placeholder="">
</div>
<div class="input-group">
<label for="cutter">Código cutter</label>
<small style="color: #767676;">Ao clicar em "Gerar código" você será redirecionado à uma página externa a este
site. Após aberta a nova página: 1º Preencha apenas o campo "Autoria da obra" com o sobrenome e, em seguida,
clique em "Gerar código Cutter". 2º Copie o código gerado no site externo e cole neste campo "Código Cutter".
3º
Insira após o código copiado a primeira letra do título do trabalho em letra minúscula. Ex.: H976u
</small><br>
<input id="cutter" name="cutter" type="text" value="" placeholder=""> <a
href="https://cuttersonline.com.br/gerador-automatico-gratuito" target="_blank" required>Gerar código</a>
</div>
<div class="input-group">
<label for="curso">Curso/Programa/Tipo de trabalho</label>
<small style="color: #767676;">Ao selecionar o curso, o programa será automaticamente preenchido.</small><br>
<select id="curso" name="curso" onchange="escolheuCurso()">
</select>
</div>
<div class="input-group">
<label for="programa">Programa</label>
<input id="programa" name="programa" type="text" size="62" value="" placeholder="Nome do programa"
style=" background-color: #f1f1f1; " readonly>
</div>
<div class="input-group">
<label for="trabalho">Tipo do Trabalho</label>
<input id="trabalho" name="trabalho" type="text" size="62" value="" placeholder="Tipo do trabalho de conclusão"
style=" background-color: #f1f1f1; " readonly>
</div>
<div class="input-group">
<label for="cidade">Cidade</label>
<small style="color: #767676;">Informar a localidade a qual o programa é vinculado.</small><br>
<select id="cidade" name="cidade">
<option value="Diamantina">Diamantina</option>
<option value="Janaúba">Janaúba</option>
<option value="Teófilo Otoni">Teófilo Otoni</option>
<option value="Unaí">Unaí</option>
</select>
</div>
<div class="input-group">
<label for="ano_defesa">Ano da defesa</label>
<small style="color: #767676;">Ano em que houve a defesa do trabalho.</small><br>
<input type="number" id="ano_defesa" name="ano_defesa" min="2010" max="2030" value="2020">
</div>
<div class="input-group">
<label for="ano_publicacao">Ano de entrega da versão final</label>
<small style="color: #767676;">Ano de "impressão"/geração do arquivo final do trabalho.</small><br>
<input type="number" id="ano_publicacao" name="ano_publicacao" min="2010" max="2030" value="2020">
</div>
<div class="input-group">
<label for="pags">Nº de páginas</label>
<small style="color: #767676;">Inserir a última página numerada do trabalho. Obs: não considerar a informação de
paginação do leitor do documento digital e sim a inserida no documento.</small><br>
<input id="pags" name="pags" type="number" size="2" min="10" max="1000" placeholder="" required>
</div>
<div class="input-group">
<label for="ilustracao">Possui ilustração</label>
<small style="color: #767676;">Selecionar "Sim" somente se houver ilustração.</small><br>
<select id="ilustracao" name="ilustracao">
<option value="Não">Não</option>
<option value="Sim">Sim</option>
</select>
</div>
<div class="input-group">
<fieldset id="assuntos">
<legend>Assuntos</legend>
<small style="color: #767676;">
Informar até cinco assuntos relacionados ao trabalho. Se
houver subdivisão, separar
o assunto por ( - ), espaço traço espaço. Ex.: "Saúde - Diamantina" ou "Hospitais - Eliminação de
resíduos".
</small><br>
<label for="assunto1">1.
<input id="assunto1" name="assunto1" type="text" size="40" value="" placeholder="" required>
</label>
<label for="assunto2">2.
<input id="assunto2" name="assunto2" type="text" size="40" value="" placeholder="">
</label>
<label for="assunto3">3.
<input id="assunto3" name="assunto3" type="text" size="40" value="" placeholder="">
</label>
<label for="assunto4">4.
<input id="assunto4" name="assunto4" type="text" size="40" value="" placeholder="">
</label>
<label for="assunto5">5.
<input id="assunto5" name="assunto5" type="text" size="40" value="" placeholder="">
</label>
</fieldset>
</div>
</div>
<div class="input-block">
<h3>Informações do orientador</h3>
<div class="input-group">
<label for="nome_ori">Nome do orientador</label>
<small style="color: #767676;">Proceder como na autoria. Ex.: Enzo Pereira (caso o nome do orientador seja 'Enzo
Pereira Costa').</small><br>
<input id="nome_ori" name="nome_ori" type="text" size="62" value="" placeholder="" required>
</div>
<div class="input-group">
<label for="sobrenome_ori">Sobrenome do orientador</label>
<small style="color: #767676;">Proceder como na autoria. Ex.: Costa (caso o nome do orientador seja 'Enzo
Pereira
Costa').</small><br>
<input id="sobrenome_ori" name="sobrenome_ori" type="text" size="25" value="" placeholder="" required>
<input type="checkbox" name="orientadora" value="a"> Orientadora (feminino)
</div>
</div>
<div class="input-block">
<h3>Informações dos coorientadores</h3>
<small style="color: #767676;">Somente se houver formalmente registrado.</small><br>
<br /><br />
<div class="input-group">
<label for="nome_coori_1">Nome do primeiro coorientador</label>
<small style="color: #767676;">Proceder como na autoria. Ex.: Maria Ferreira (caso o nome da coorientadora seja
'Maria Ferreira Alves').</small><br>
<input id="nome_coori_1" name="nome_coori_1" type="text" size="62" value="" placeholder="">
</div>
<div class="input-group">
<label for="sobrenome_coori_1">Sobrenome do primeiro coorientador</label>
<small style="color: #767676;">Proceder como na autoria. Ex.: Alves (caso o nome da coorientadora seja 'Maria
Ferreira Alves').</small><br>
<input id="sobrenome_coori_1" name="sobrenome_coori_1" type="text" size="25" value="" placeholder="">
<input type="checkbox" name="coorientadora_1" value="a"> Orientadora (feminino)
</div>
<div class="input-group">
<label for="nome_coori_2">Nome do segundo coorientador</label>
<small style="color: #767676;">Proceder como na autoria. </small><br>
<input id="nome_coori_2" name="nome_coori_2" type="text" size="62" value="" placeholder="">
</div>
<div class="input-group">
<label for="sobrenome_coori_2">Sobrenome do segundo coorientador</label>
<small style="color: #767676;">Proceder como na autoria. </small><br>
<input id="sobrenome_coori_2" name="sobrenome_coori_2" type="text" size="25" value="" placeholder="">
<input type="checkbox" name="coorientadora_2" value="a"> Orientadora (feminino)
</div>
</div>
<input type="reset" value="Limpar">
<input type="submit" id="input_submit" name="input_submit" value="Gerar">
</form>
</body>
<script>
//====================================================
//Verifica se foi solicitado gerar a ficha
const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString);
var input_submit = urlParams.get("input_submit");
//console.log( input_submit );
if (input_submit === "Gerar") {
var url = "./gerar_ficha.html" + queryString;
//console.log(url);
var newWin = window.open(url, "MsgWindow", "width=800,height=600");
if (!newWin || newWin.closed || typeof newWin.closed == 'undefined') {
alert("Erro ao gerar a ficha catalográfica, por favor habilite o uso de Pop-ups no navegador");
}
}
//====================================================
//preenche os dados de alguns inputs (curso, programa trabalho)
const cursos = {
"- Selecione o curso -": ["", ""],
"Doutorado em Biocombustíveis": ["Tese", "Programa de Pós-Graduação em Biocombustíveis"],
"Doutorado em Ciência Florestal": ["Tese", "Programa de Pós-Graduação em Ciência Florestal"],
"Doutorado em Ciências da Saúde": ["Tese", "Programa de Pós-Graduação em Ciências da Saúde"],
"Doutorado Multicêntrico em Ciências Fisiológicas": ["Tese", "Programa de Pós-Graduação em Multicêntrico em Ciências Fisiológicas"],
"Doutorado em Odontologia": ["Tese", "Programa de Pós-Graduação em Odontologia"],
"Doutorado em Produção Vegetal": ["Tese", "Programa de Pós-Graduação em Produção Vegetal"],
"Doutorado em Química ": ["Tese", "Programa de Pós-Graduação em Química"],
"Doutorado Multicêntrico em Química": ["Tese", "Programa de Pós-Graduação em Multicêntrico em Química de Minas Gerais"],
"Especialização em Didática, Práticas de Ensino e Tecnologias Educacionais": ["Monografia", "Curso de Especialização em Didática, Práticas de Ensino e Tecnologias Educacionais"],
"Especialização em Educação em Direitos Humanos": ["Monografia", "Curso de Especialização em Educação em Direitos Humanos"],
"Especialização em Ensino de Ciências – CIÊNCIA É 10!": ["Monografia", "Programa de Pós-graduação em Ensino de Ciências – CIÊNCIA É 10!"],
"Especialização em Ensino de Filosofia no Ensino Médio": ["Monografia", "Curso de Especialização em Ensino de Filosofia no Ensino Médio"],
"Especialização em Ensino de Geografia": ["Monografia", "Curso de Especialização em Ensino de Geografia"],
"Especialização em Ensino de Sociologia para o Ensino Médio": ["Monografia", "Curso de Especialização em Ensino de Sociologia para o Ensino Médio"],
"Especialização em Fisioterapia na Saúde Coletiva": ["Monografia", "Programa de Residência em Fisioterapia na Saúde Coletiva"],
"Especialização em Gestão Pública Municipal": ["Monografia", "Curso de Especialização em Gestão Pública Municipal"],
"Especialização em Matemática para o Ensino Médio": ["Monografia", "Curso de Especialização em Matemática para o Ensino Médio: Matemática na Prática"],
"Especialização em Ortodontia": ["Monografia", "Curso de Especialização em Ortodontia"],
"Especialização em Residências Médicas": ["Monografia", "Programa de Residências Médicas"],
"Especialização em Saúde do Idoso": ["Monografia", "Programa de Residência Multiprofissional em Saúde do Idoso"],
"Mestrado em Biocombustíveis": ["Dissertação", "Programa de Pós-Graduação em Biocombustíveis"],
"Mestrado em Biologia Animal": ["Dissertação", "Programa de Pós-Graduação em Biologia Animal"],
"Mestrado em Ciência e Tecnologia de Alimentos": ["Dissertação", "Programa de Pós-Graduação em Ciência e Tecnologia de Alimentos"],
"Mestrado em Ciência Florestal": ["Dissertação", "Programa de Pós-Graduação em Ciência Florestal"],
"Mestrado em Ciências da Nutrição": ["Dissertação", "Programa de Pós-Graduação em Ciências da Nutrição"],
"Mestrado em Ciências da Saúde": ["Dissertação", "Programa de Pós-Graduação em Ciências da Saúde"],
"Mestrado em Ciências Farmacêuticas": ["Dissertação", "Programa de Pós-Graduação em Ciências Farmacêuticas"],
"Mestrado em Estudos Rurais": ["Dissertação", "Programa de Pós-Graduação em Estudos Rurais"],
"Mestrado em Geologia": ["Dissertação", "Programa de Pós-Graduação em Geologia"],
"Mestrado em Odontologia": ["Dissertação", "Programa de Pós-Graduação em Odontologia"],
"Mestrado em Produção Vegetal": ["Dissertação", "Programa de Pós-Graduação em Produção Vegetal"],
"Mestrado em Química": ["Dissertação", "Programa de Pós-Graduação em Química"],
"Mestrado em Reabilitação e Desempenho Funcional": ["Dissertação", "Programa de Pós-Graduação em Reabilitação e Desempenho Funcional"],
"Mestrado em Zootecnia": ["Dissertação", "Programa de Pós-Graduação em Zootecnia"],
"Mestrado Multicêntrico em Ciências Fisiológicas": ["Dissertação", "Programa de Pós-Graduação em Multicêntrico em Ciências Fisiológicas"],
"Mestrado Profissional em Administração Pública": ["Dissertação", "Programa de Pós-Graduação em Administração Pública"],
"Mestrado Profissional em Ciências Humanas": ["Dissertação", "Programa de Pós-Graduação em Ciências Humanas"],
"Mestrado Profissional em Educação": ["Dissertação", "Programa de Pós-Graduação em Educação"],
"Mestrado Profissional em Ensino em Saúde": ["Dissertação", "Programa de Pós-Graduação em Ensino em Saúde"],
"Mestrado Profissional em Matemática": ["Dissertação", "Programa de Pós-Graduação em Matemática"],
"Mestrado Profissional em Saúde, Sociedade e Ambiente": ["Dissertação", "Programa de Pós-Graduação em Saúde, Sociedade e Ambiente"],
"Mestrado Profissional em Tecnologia, Ambiente e Sociedade": ["Dissertação", "Programa de Pós-Graduação em Tecnologia, Ambiente e Sociedade"],
"Mestrado Profissional em Educação em Ciências, Matemática e Tecnologia": ["Dissertação", "Programa de Pós-Graduação em Educação em Ciências, Matemática e Tecnologia"]
};
for (let key in cursos) {
const opt = document.createElement('option');
opt.value = key;
opt.innerHTML = key;
document.getElementById('curso').appendChild(opt);
}
function escolheuCurso() {
document.getElementById("programa").value = cursos[curso.value][1];
document.getElementById("trabalho").value = cursos[curso.value][0];
}
document.getElementById("ano_defesa").value = new Date().getFullYear()
document.getElementById("ano_publicacao").value = new Date().getFullYear()
//====================================================
//====================================================
//preenche os dados de alguns inputs com dados da URL
for (let key of urlParams.keys()) {
//console.log(key);
if (document.getElementById(key) != null) {
document.getElementById(key).value = urlParams.get(key);
}
}
//====================================================
</script>
</html>
Todo o conteúdo deste site está publicado sob a licença Creative Commons Atribuição-SemDerivações 3.0 Não Adaptada.