2013-06-10 3 views
0

Я создаю обратную связь. Я показываю сообщение успеха, когда это хорошо, и ошибка, когда что-то не так, но мой css (красный и зеленый блок) есть с самого начала. Как я могу скрыть это до того, как появится обратная связь?показать отзыв только когда задано

<div id="feedback_success"> 
    <?php if(empty($feedback_success)) { ?> 
     <h1 ></h1> 
    <?php } else { ?> 
     <h1><?php echo $feedback_success ?></h1> 
    <?php } ?> 
</div> 
<div id="feedback_error"> 
    <?php if(empty($feedback_error)) { ?> 
     <h1 ></h1> 
    <?php } else { ?> 
     <h1><?php echo $feedback_error ?></h1> 
    <?php } ?> 
</div> 

CSS

#feedback_success 
{ 
    background-color: #45e589; 
    color: white; 
    padding:10px; 
    font-size:1.0em; 
} 


#feedback_error 
{ 
    background-color: #ff5555; 
    color: white; 
    padding:10px; 
    font-size:1.2em; 
} 
+0

#feedback_success { \t цвет фона: # 45e589; \t цвет: белый; \t обивка: 10px; \t font-size: 1.0em; } #feedback_error { \t background-color: # ff5555; \t цвет: белый; \t обивка: 10px; \t font-size: 1.2em; } –

+0

Разве не было смысла менять идентификатор 'id' в соответствии с его успешностью и помещать соответствующее сообщение в тег P, а не в неправильный тег H1? –

ответ

2

Я думаю, что вы спрашиваете, как сделать это

<?php if(!empty($feedback_success)): ?> 
    <div id="feedback_success"> 
     <h1><?php echo $feedback_success ?></h1> 
    </div> 
<?php endif; ?> 

<?php if(!empty($feedback_error)): ?> 
    <div id="feedback_error"> 
     <h1><?php echo $feedback_error ?></h1> 
    </div> 
<?php endif; ?> 
+0

Действительно, вот и все! Благодаря! –

Смежные вопросы