Sujet Précédent Sujet Suivant

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

Fermé
loradol Messages postés 48 Date d'inscription mardi 29 avril 2014 Statut Membre Dernière intervention 30 mai 2016 - 18 août 2014 à 14:01
loradol Messages postés 48 Date d'inscription mardi 29 avril 2014 Statut Membre Dernière intervention 30 mai 2016 - 21 août 2014 à 09:48
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 dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
19 août 2014 à 20:29
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 mardi 29 avril 2014 Statut Membre Dernière intervention 30 mai 2016
21 août 2014 à 09:48
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 dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
18 août 2014 à 14:24
Salut, il faut utiliser jQuery Dialog
0
loradol
18 août 2014 à 14:45
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 mardi 29 avril 2014 Statut Membre Dernière intervention 30 mai 2016
18 août 2014 à 14:34
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 mardi 29 avril 2014 Statut Membre Dernière intervention 30 mai 2016
19 août 2014 à 09:30
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 mardi 29 avril 2014 Statut Membre Dernière intervention 30 mai 2016
19 août 2014 à 14:47
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 dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
18 août 2014 à 15:00
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 dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
Modifié par Alain_42 le 19/08/2014 à 10:18
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 mardi 29 avril 2014 Statut Membre Dernière intervention 30 mai 2016
19 août 2014 à 12:13
Merci bqqqqqqqqqqqqqqqqqqqqqqqqqqp
c très gentille de votre part
ça marche très bien
0

Discussions similaires

ALERT en php
snoopy -
appkech -

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

4 réponses
Faux mails Interpol Côte d'Ivoire
Idderf -
OUps -

21 réponses
Peut-on retrouver un portable avec un N°IMEI
Curly93 -
Hnn -

30 réponses
localiser un portable éteint? URGENT!
radostin17 -
Xodo -

3 réponses