Lancer une modale sans click

Eléphanteau du PHP | 33 Messages

02 nov. 2019, 20:32

Bonjour,

J'ai une page PHP sur laquelle je fais des vérifications, si l'utilisateurs par exemple a bien cocher des cases et je voudrais afficher une fenêtre modale.

j'ai récupérer un exemple sympa
le CSS est le suivant
h1{
			text-align: center;
		}
		#modalCheck{
			display: none;
		}
		.modalLayer{
			display: none;
			position: fixed;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			background-color: rgba(0, 0, 0, 0.5);
		}
		#modalCheck:checked + .modalLayer, #modalContent:target{
			display: block;
		}
		.popup_block{
			background: #fff;
			padding: 20px;
			border: 10px solid #ddd;
			position: relative;
			margin: 10% auto;
			width: 30%;
			box-shadow: 0px 0px 20px #000;
			border-radius: 10px;
		}
		img.btn_close {
			float: right;
			margin: -55px -55px 0 0;
			cursor: pointer;
		}
		.button{
			cursor: pointer;
			color: blue;
			text-decoration: underline;
		}
et le code qui verifie les cases et ..devrait initialiser ma popup
if (empty($_POST['sel'][0])){
			echo "	<div>
					<label class=button for=modalCheck>Voir la fenêtre modale</label>
					<input type=checkbox id=modalCheck />
						<div class=modalLayer>
							<div class=popup_block>
								<label for=modalCheck><img alt=Fermer title=Fermer la fenêtre class=btn_close src=../images/close_pop.png></label>
								<img style=float:right; margin: 0 0 0 10px;  alt=Lil bomb dude src=../images/bomber.gif width=15% height=15%>
								<h2>Attention...</h2>
									<br />
									<p>Vous devez sélectionner au moins 1 commande à basculer. </p>

							</div>
						</div>
					</div>";
mais je voudrais que ma popup soit lancée si aucune case n'est cochée, dans l'exemple ci-dessus cela me créé un lien, et si je click dessus en effet cela me lance ma fenetre.
Je voudrais qu elle soit lancée si aucune case de cochée sans lien bien evidement.

J'ai essayé avec onload mais cela n'a pas marché.
Si vous avez une idée.
Merci, bonne soirée.