javascript Alert javascript personalizado

[Murilo_54 0]

Estou desenvolvendo um formulário e quero que apareça uma mensagem quando o cadastro for realizado ou não. Eu consegui fazer o alert padrão do js, mas queria deixar mais bonito, com css.

 

E esse é o código do cadastro_manutencao.php que seria o "action" do formulário 

<?php
include "config/config_sistema.php";

$v1 = htmlentities ($_REQUEST['cliente']);
$v2 = htmlentities ($_REQUEST['titulo']);
$v3= htmlentities ($_REQUEST['data']);
$v4= htmlentities ($_REQUEST['hora']);
$v5 = htmlentities ($_REQUEST['custo']);
$v6 = htmlentities ($_REQUEST['programador']);
$v7= htmlentities ($_REQUEST['status']);
$v8= htmlentities ($_REQUEST['descricao']);
$v9= htmlentities ($_REQUEST['datap']);
$v10= htmlentities ($_REQUEST['horap']);


$Verde = "Finalizada"; 
$Amarelo = "Aberto";
$Vermelho = "Cancelada";

if($v7 == $Verde){
	$Status= "btn btn-success btn-xs";
		
	} 
elseif($v7 == $Amarelo){
	$Status= "btn btn-warning btn-xs";	
	}
elseif($v7 == $Vermelho){
	$Status= "btn btn-danger btn-xs";
	}


$resultado=mysql_query("INSERT INTO manutencao (Id,Id_cliente,Titulo,Data_inicio,Hora_inicio,Custo,Programador,Situacao,Status,Descricao,Data_pedido,Hora_pedido) VALUES ('','$v1','$v2','$v3','$v4','$v5','$v6','$v7','$Status','$v8','$v9','$v10')" ) or die("Erro 1 ...");

// verifica se o usuario foi cadastrado


if($resultado) {
	 echo ("<script type='text/javascript'> alert('Manutenção cadastrada com sucesso!');location.href='historico_manutencao_admin.php';</script>");
	exit;
} else {
	echo ("<script type='text/javascript'> alert('Manutenção não cadastrada!');location.href='nova_manutencao_admin.php';</script>");
	exit;
}

mysql_close($conexao);
	
?>

 

[Matheus Tavares 167]

Para isso você precisa programar essa interface (HTML/CSS) do zero. Não dá pra simplesmente estilizar o alert diretamente.

 

Pelo que eu notei você está usando Bootstrap. Pq não usa uma Modal?

[Murilo_54 0]

mas o modal eu teria que colocar na pagina html certo? como eu faria para aparecer automaticamente assim que verificar se os dados foram cadastrados?

[Matheus Tavares 167]

7 minutos atrás, Murilo_54 disse:

mas o modal eu teria que colocar na pagina html certo?

Sim. Você pode simplesmente trocar o echo 'alert'; que você tem pela estrutura da modal.

 

7 minutos atrás, Murilo_54 disse:

como eu faria para aparecer automaticamente assim que verificar se os dados foram cadastrados?

O primeiro exemplo do manual faz isso, mas aqui tem outro exemplo.

[Murilo_54 0]

o exemplo que você mandou é exatamente o que eu preciso, só que eu não estou conseguindo exibir, se não for pedir muito teria como você fazer um exemplo parecido com o que eu preciso?

 

Pagina Html envia por método post

cadastro_manutencao.php recebe e cadastra os dados, exibe a o modal e redireciona para outra pagina

 

To quebrando a cabeça pra fazer isso, ainda to aprendendo javascript