jQuery addClass example

Change class name on click in jQuery

by megaadriano

HTML

<div id="banner-message">
  <p>Codigo</p>
  <textarea id="codigo" style="width:800px;height:1000px">
    
  </textarea>
</div>

CSS

button {
  background: #0084ff;
  border: none;
  border-radius: 5px;
  padding: 8px 14px;
  font-size: 15px;
  color: #fff;
}

#banner-message.alt {
  background: #0084ff;
  color: #fff;
  margin-top: 40px;
  width: 200px;
}

#banner-message.alt button {
  background: #fff;
  color: #000;
}

JavaScript

var metadados = [['P_TEMPERATURA_OPERACAO_CASCO_C','decimal','10'],
['P_TEMPERATURA_OPERACAO_TUBOS_C','decimal','10'],
['P_PRESSAO_PROJETO_CASCO','decimal','10'],
['P_PRESSAO_PROJETO_TUBOS','decimal','10'],
['P_TEMPERATURA_PROJETO_CASCO_C','decimal','10'],
['P_TEMPERATURA_PROJETO_TUBOS_C','decimal','10'],
['P_PMTA_CASCO','varchar','100'],
['P_PMTA_TUBOS','varchar','100'],
['P_VOLUME_CASCO','decimal','10'],
['P_VOLUME_TUBOS','decimal','10'],
['CODIGO_DE_PROJETO_ANO_DE_EDICAO','varchar','100'],
['P_FLUIDO_CASCO','decimal','10'],
['P_FLUIDO_TUBOS','decimal','10'],
['CATEGORIA','varchar','100'],
['VTACP_PLACA_DE_IDENTIFICACAO','varchar','100'],
['VCP_PLACA_DE_CATEGORIA','varchar','100'],
['PER_VALVULA_OU_OUTRO_DISPOSITIVO_DE_SEGURANCA_CASCO','varchar','100'],
['PER_VALVULA_OU_OUTRO_DISPOSITIVO_DE_SEGURANCA_TUBO','varchar','100'],
['PER_INSTRUMENTO_DEINDICACAO_DE_PRESSAO_CASCO','varchar','100'],
['PER_INSTRUMENTO_DEINDICACAO_DE_PRESSAO_TUBO','varchar','100'],
['VCP_CERTIFICADO_INDICADOR_DE_PRESSAO','varchar','100'],
['VCP_CERTIFICADO_VALVULA_DE_SEGURANCA','varchar','100'],
['VCP_PRONTUARIO_DESENHO','varchar','100'],
['VCP_PRONTUARIO_MEMORIAL_DE_CALCULO','varchar','100'],
['VTACP_PRONTUARIO_REGISTRO_DE_TH','varchar','100'],
['VCP_LIVRO_DE_REGISTRO','varchar','100'],
['VTUCP_DATA_INSPECAO_EXTERNA','varchar','100'],
['DATA_DA_INSPECAO_INTERNA','varchar','100'],
['PRÓXIMA_INSPECAO_EXTERNA','varchar','100'],
['PRÓXIMA_INSPECAO_INTERNA','varchar','10'],
['VTUTAC_TEMPERATURA_OPERACAO_C','decimal','10'],
['VTUTA_FLUIDO','varchar','255'],
['VTUC_PMTA','decimal','10'],
['VTUC_PRESSAO_PROJETO','decimal','10'],
['VTUC_TEMPERATURA_PROJETO_C','decimal','10'],
['VC_INSTRUMENTO_DE_INDICACAO_DE_PRESSAO','varchar','255'],
['TUTA_PLANO_DE_INSPECAO','varchar','255'],
['VTU_PRESSAO_OPERACAO','decimal','10'],
['VC_VALVULA_DISPOSITIVO_SEGURANCA','varchar','255'],
['VC_VOLUME','decimal','10']];
var html = ''
String.prototype.replaceAll = function(search, replacement) {
    var target =...