Show popup box in if conditions in php - php

Question

I am trying to show a popup box in if conditions.
Here is my HTML :
<div id="my-confirm-dialog" class="dialog-overlay">
<div class="dialog-card">
<div class="dialog-question-sign"><i class="fa fa-question"></i></div>
<div class="dialog-info">
<h5>Thank You !</h5>
<p>Your Messag has been sent.</p>
<button class="dialog-confirm-button">OK</button>
</div>
</div>
</div>
Here is my Script :
<script>
$(document).ready(function() {
function showDialog(id){
var dialog = $('#' + id),
card = dialog.find('.dialog-card');
dialog.fadeIn();
card.css({
'margin-top' : -card.outerHeight()/2
});
}
function hideAllDialogs(){
$('.dialog-overlay').fadeOut();
}
$('.dialog-confirm-button, .dialog-reject-button').on('click', function () {
hideAllDialogs();
});
$('.dialog-overlay').on('click', function (e) {
if(e.target == this){
hideAllDialogs();
}
});
$(document).keyup(function(e) {
if (e.keyCode == 27) {
hideAllDialogs();
}
});
$('.dialog-show-button').on('click', function () {
var toShow = $(this).data('show-dialog');
showDialog(toShow);
});
});
</script>
Here is my button :
<span class="dialog-show-button" data-show-dialog="my-confirm-dialog">Dialog Button</span>
Whenever, I click on the button, a popup box is arrived. till now everyythin is fine. Now what i am trying to do is, when I sent mail and the condition is true, This popup box will appear.
Here is the condition and in this alert box is working perfectly.
if ($mail == true){
echo '<script type="text/javascript">alert("Thankyou for Contacting Shagun Sweets")</script>';
}
I just want to show the popup box in the place of alert box, I have already tried something like this but not helpful.
<?php
if ($mail == true){
echo "<script>";
echo "showDialog('my-confirm-dialog');";
echo "</script>";
}
?>
Please help me out.

Answer 1

Define the showDialog function outside the DOM ready function.
And, do this instead:
$script = '<script type="text/javascript">';
$script .= 'showDialog('my-confirm-dialog');';
$script .= '</script>';
echo $script;
If your alert is working, this should then also work

Answer 2

Your php script should have worked. But it is possible that it isn't working because you are actually checking if mail is true before the page loads. here is what I suggest you do, edit your php function to:
<?php if($mail == true){
echo "<script>var show_dialog = true;</script>";
} ?>
in your script:
$(document).ready(function() {
// put me in the end
if(show_dialog != undefined && show_dialog){
showDialog('my-confirm-dialog');
}
});