Modifeir la police et la couleure d'un msg alert de javascript

loradol Messages postés 48 Date d'inscription   Statut Membre Dernière intervention   -  
loradol Messages postés 48 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
salam
je voux modifier la police et la couleur d'un msg en script

echo"<script> alert(\"Attention , Demande existe déja !\")</script>";

je veux que ce msg s'affiche en couleur rouge et en gras avec une grande police

merci d'avance
A voir également:

7 réponses

Réponse 1 / 7
Alain_42 Messages postés 5361 Date d'inscription   Statut Membre Dernière intervention   894
 
une methode: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

<title>essai Jquery UI dialogue</title>
<!-- tu télécharges le fichier css à l'adresse ci dessous, tu le modifies, l'enregistre sur ton site et modifies le link -->
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/themes/base/jquery-ui.css">

<!-- -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type="text/javascript">
$(function() {
$('#dialog').dialog({
autoOpen: false,
closeText: 'hide',
closeOnEscape: false,
modal: true,
hide:'Clip',
width: 600
});
$("#dialog").dialog("option", "buttons", {
"OK": function() {
$(this).dialog("close");
}
});
//$('#dialog').dialog('open');
});

</script>
</head>
<body>

<!-- ci dessous le contenu de ta boite dialog (masquée par le css et qui apparait grace à $('#dialog').dialog('open'); -->

<div id="dialog" title="Attention !" >
<font color="red" size="8">Aucun champ ne peut rester vide !</font><br /><br />
</div>



<form name="form1" action="" method="post">
<input type="submit" name="envoyer" value="envoyer" />
<input type="submit" name="envoyer_2" value="envoyer 2" />
<input type="submit" name="envoyer_3" value="envoyer 3" />

</form>
<?php
if(isset($_POST['envoyer'])){
//ouverture de la boite dialog
?>
<script type="text/javascript">
$(function() {
$('#dialog').dialog('open');
});
</script>
<?php
}elseif(isset($_POST['envoyer_2'])){

?>
	<script type="text/javascript">
	$(function() {
	//modif du contenu du div dialog
	$('#dialog').html('<font color="green" size="8">Vos infos on été ajoutées avec succès !</font><br /><br />');
	//modif title
	$('#dialog').dialog('option','title','Erreur');

	$('#dialog').dialog('open');
	});
	</script>
<?php
}elseif(isset($_POST['envoyer_3'])){

?>
	<script type="text/javascript">
	$(function() {
	//modif du contenu du div dialog	
	$('#dialog').html('<font color="red" size="8">Demande existe déja ! !</font><br /><br />');
	$('#dialog').dialog('open');
	});
	</script>
<?php
} //etc.....

?>
1
loradol Messages postés 48 Date d'inscription   Statut Membre Dernière intervention  
 
Merci Mr Aline_42 vraiment tu m'aider bqp
ça marche très bien
0
Réponse 2 / 7
Alain_42 Messages postés 5361 Date d'inscription   Statut Membre Dernière intervention   894
 
Salut, il faut utiliser jQuery Dialog
0
loradol
 
S.V.P Alian_42
comment ultiliser jQuery dialog si c'est possible un exemple
0
Réponse 3 / 7
loradol Messages postés 48 Date d'inscription   Statut Membre Dernière intervention  
 
S.V.P Alian_42
comment ultiliser jQuery dialog si c'est possible un exemple
0
Réponse 4 / 7
loradol Messages postés 48 Date d'inscription   Statut Membre Dernière intervention  
 
Bonjour Alian_42
Je trouve pas le code qui me permet de personnaliser la fonction alert
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 7
loradol Messages postés 48 Date d'inscription   Statut Membre Dernière intervention  
 
salut Alian-24
dans ma page j'ai plusieurs msg à afficher selon l'état
mais le probleme c que tous les sont affichés au démarage sans click du boutton envoyer sauf le 1er MSG
voila mon code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

<title>essai Jquery UI dialogue</title>
<!-- tu télécharges le fichier css à l'adresse ci dessous, tu le modifies, l'enregistre sur ton site et modifies le link -->
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/themes/base/jquery-ui.css">

<!-- -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type="text/javascript">
$(function() {
$('#dialog').dialog({
autoOpen: false,
closeText: 'hide',
closeOnEscape: false,
modal: true,
hide:'Clip',
width: 600
});
$("#dialog").dialog("option", "buttons", {
"OK": function() {
$(this).dialog("close");
}
});
//$('#dialog').dialog('open');
});

</script>
</head>
<body>

<!-- ci dessous le contenu de ta boite dialog (masquée par le css et qui apparait grace à $('#dialog').dialog('open'); -->

<div id="dialog" title="Attention !" >
<font color=red size=8>Aucun champs peut rester vide !</font><br /><br />
</div>


<div id="a" name="a" title="Information" >
<font color=green size=8>Vos infos on été ajoutées avec succés !</font><br /><br />
</div>


<div id="b" name="b" title="Attention !" >
<font color=red size=8>Demande existe déja ! !</font><br /><br />
</div>


<div id="c" title="Erreur" >
<font color=red size=8>Attention , Le Nombre de Jours doit etre(30Jour) !</font><br /><br />
</div>


<div id="d" title="Erreur" >
<font color=red size=8>Attention , Le Nombre de Jours doit etre(3Jour) !</font><br /><br />
</div>


<div id="e" title="Erreur" >
<font color=red size=8>Attention , Le Nombre de Jours doit etre Inferieure ou égale au Reliquat($reliquat Jour) !</font><br /><br />
</div>


<div id="f" title="Erreur" >
<font color=red size=8>Vous avez dépassé le délai de saisie de la demande, Votre Demende est Réjetée !</font><br /><br />
</div>

<div id="g" title="Erreur" >
<font color=red size=8>Attention , Le Nombre de Jours doit etre un Nombre Entier !</font><br /><br />
</div>

<form name="form1" action="" method="post">
<input type="submit" name="envoyer" value="envoyer" />
</form>
<?php
if(isset($_POST['envoyer'])){
//ouverture de la boite dialog
?>
<script type="text/javascript">
$(function() {
$('#dialog').dialog('open');
});
</script>
<?php
}

?>
0
Réponse 6 / 7
Alain_42 Messages postés 5361 Date d'inscription   Statut Membre Dernière intervention   894
 
vas voir cette page https://jqueryui.com/dialog/

et pour avoir le code source "view source"

avec du css ensuite tu obtiens le résultat souhaité.
-1
Réponse 7 / 7
Alain_42 Messages postés 5361 Date d'inscription   Statut Membre Dernière intervention   894
 
un petit exemple 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
 
 <title>essai Jquery UI dialogue</title>
  <!-- tu télécharges le fichier css à l'adresse ci dessous, tu le modifies, l'enregistre sur ton site et modifies le link -->
 <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/themes/base/jquery-ui.css">
  <!--   -->
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
 <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 
 <script type="text/javascript">
  $(function() {
  $('#dialog').dialog({     
     autoOpen: false,
     closeText: 'hide',
     closeOnEscape: false,
     modal: true,
     hide:'Clip',
     width: 600
    });
    $("#dialog").dialog("option", "buttons", {
         "OK": function() { 
          $(this).dialog("close");
         } 
       });
    //$('#dialog').dialog('open');   
  });
  
</script>
</head>
<body>

Lorem ipsum dolor sit amet, iusto opes mihi Tyrum reverteretur! 
Ego quod ait Cumque persequatur sic! Natura omnes deo hanc nec benedictus ad nomine sed dominum vidit ad suis.
 Aliquid cottidie florent in rei exultant deo, longa ferri Lorem post iactavit ad per. 
 Videns quia ad quia ad quia quod una, sanguine rursum velum diviti esse deprecor Athenagora secundum.
 Puellae en discipulis unde meae ad nomine Piscatore mihi servitute coniunx efficerer nuptiarum solum puella mihi quidditas! Volvitur ingreditur ad te sed eu fugiens laudo in. Cellam sanctissima coniunx minus huius beneficium peregrina in fuerat.
Modum cura supponere ipsa hospes ut casus tui clericis regnat se ad quia. Tantus nata suum Heu enim formam speciosam at eius ad nomine.
 Casus turbata minim venisse nos filiae gloriam virginis in modo genito in rei finibus veteres hoc.
 Haec vidit tam ubicumque per accipere filia navem Dianae. Apollinem existimas filiam rex Stranguillio eam eos in. 
 Filii in fuerat construeret in deinde vero quo sanctis venias in rei completo litus Ephesum iube meae.

<!--  ci dessous le contenu de ta boite dialog  (masquée par le css et qui apparait grace à $('#dialog').dialog('open'); -->
<div id="dialog" title="S'identifier">
  Pour se connecter au site, vous devez saisir ici les codes qui vous ont été envoyés par mail.<br /><br />
  Si vous souhaitez accéder à l'espace adherent du site , vous devez cliquer sur <span style="background:yellow;">"lien vers......"</span>(en haut à gauche).
</div>



<form name="form1" action="" method="post">
 <input type="submit" name="envoyer" value="envoyer" />
</form>
<?php
if(isset($_POST['envoyer'])){
//ouverture de la boite dialog
?>
 <script type="text/javascript">
  $(function() {
   $('#dialog').dialog('open');
   });
 </script>
<?php
}

?>
-1
loradol Messages postés 48 Date d'inscription   Statut Membre Dernière intervention  
 
Merci bqqqqqqqqqqqqqqqqqqqqqqqqqqp
c très gentille de votre part
ça marche très bien
0

Discussions similaires

Bref. Je cherche la police d'écriture de Bref
Ratus -
Calo mnie -

10 réponses
Police d'écriture Ricard
ponkie -
Mike-31 -

2 réponses
HP Battery ALERT
Gershia -
Gershia -

2 réponses
Code source couleur de fond
Mehdi-Amg -
Techno01 -

9 réponses
Menace "Interpol" après webcam coquine
diego34 -
Panth33ra -

4 réponses