echoing <div class> not working when using PHP die();

StackOverflow https://stackoverflow.com/questions/21787499

  •  11-10-2022
  •  | 
  •  

Question

So I have a form that has some custom made alerts created combined in CSS and PHP, now I call these alerts using echo and I use die() at the end to kill/end the PHP script. Here is the PHP code:

if($pass1 != $pass2){
echo '<div class="alert">Passwords do not match!</div>';
die();
}

and here is the CSS:

.alert {
        background: #fff6bf url(../images/exclamation.png) center no-repeat;
        background-position: 15px 50%; 
        text-align: center;
        padding: 5px 20px 5px 45px;
        border-top: 2px solid #ffd324;
        border-bottom: 2px solid #ffd324;
        }

The problem is when the script is executed without die() then is shows the error properly with the CSS. When die() is implemented then the code shows a blank page that says "Passwords do not match!" without any styling.

What can I do to kill the PHP script but still have styling?

SOLUTION:

So after seeing the answers and realizing that die kills the entire site at that point. I added a simple line to my code:

BEFORE:

   if($pass1 != $pass2){
    echo '<div class="alert">Passwords do not match!</div>';
    die();
    }

AFTER:

   if($pass1 != $pass2){
    echo '<link rel="stylesheet" type="text/css" href="css/structure.css">';
    echo '<div class="alert">Passwords do not match!</div>';
    die();
    }

So basically I appended just the stylesheet before the alert to make the alert have styling.

Was it helpful?

Solution

In order for this to work with the method you're presently using, you would need to have your HTML on top of PHP.

I tested this with both exit('<div class="alert">Passwords do not match!</div>'); and die('<div class="alert">Passwords do not match!</div>');

<!DOCTYPE html>
<head>
<style>

.alert {
        background: #fff6bf url(../images/exclamation.png) center no-repeat;
        background-position: 15px 50%; 
        text-align: center;
        padding: 5px 20px 5px 45px;
        border-top: 2px solid #ffd324;
        border-bottom: 2px solid #ffd324;
        }

</style>
</head>

<?php
$pass1="2"; // my own test variable
$pass2="3"; // my own test variable
if($pass1 != $pass2){

exit('<div class="alert">Passwords do not match!</div>');
// die('<div class="alert">Passwords do not match!</div>');

echo "Hello there"; // Will not echo

}
?>

You could do it this way, using an additional conditional statement, instead of killing the script:

<?php
$pass1="2"; // my own test variable
$pass2="3"; // my own test variable

$var = "<div class=\"alert\">Passwords do not match!</div>";

if($pass1 != $pass2){
echo $var;
}

else{
echo "You have access.";
}

?>

<!DOCTYPE html>

<head>
<style>

.alert {
font-family:Georgia;
color:#ffff00;

        background: #fff6bf url(../images/exclamation.png) center no-repeat;
        background-position: 15px 50%; 
        text-align: center;
        padding: 5px 20px 5px 45px;
        border-top: 2px solid #ffd324;
        border-bottom: 2px solid #ffd324;
        }

</style>
</head>

OTHER TIPS

Most likly your css file is added later in the code. When executing a die(); statement php will stop all further processing. Effektivly not echoing the stylesheet.

If you look in your the source of the "blank page" you'll see that it contains: 

 '<div class="alert">Passwords do not match!</div>'
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top