Как сделать всплывающее окно "Ваше сообщение успешно отправлено" ?

[Dreddy]

При просмотре объявления есть поле - Отправить сообщение автору. Отправляешь сообщение, и остаешься на этой же странице. Хочется, чтобы выходило окно с сообщением, типа: "Ваше сообщение успешно отправлено".

 

[wmclass]

Обязательно всплывающее или сверху (как при добавлении объявления) тоже пойдет?

 

[Dreddy]

А у меня даже при добавлении объявления не всплывает(( Может просто функцию надо где-то включить?

 

[wmclass]

В html коде сайта есть

 <div id="flash_js"></div>

?

 

[Dreddy]

В каком именно файле .php искать?

 

[wmclass]

В браузере можно посмотреть на любой странице сайта.

 

[Dreddy]

<div id="flash_js"></div><div id="flashmessage" class="flashmessage" style="display:none;"></div>

Вот на главной странице это есть.

 

[wmclass]

А уверен что нет после добавления объявления сообщения? Оно сверху на странице раздела, на который перебрасывает после добавления объявления.

 

[Dreddy]

Уверен на 100%. Перебрасывает на страницу результатов поиска. Займовик.рф

 

[wmclass]

В начале файла header.php есть текст "osc_show_flash_message() ;" ?

 

[Dreddy]

Нет, нету.

 

[wmclass]

добавь в начало

<?php
    osc_show_flash_message() ;
?>

 

[Dreddy]

Все равно ничего не показывает. Так же не показывает сообщение об ошибке, если Каптча введена неправильно, если текст сообщения короткий.

 

[Dreddy]

Ан нет, в самое начало надо было ставить код=) Маленько сообщение выходит. Спасибо за помощь!

 

[wmclass]

Размеры сообщения можно через css отредактировать. Я сделал побольше, чтоб оно стало заметным, т.к. даже я не всегда эти сообщения замечал.

 

[Dreddy]

Не подскажешь, какие поля отредактировать?

 

[wmclass]

ищи в css файле шаблона "flashmessage". Если ничего нет добавь как то так:
#flashmessage{
font-size: 20px;
}

 

[Dreddy]

Изменил, но визуально результатов нет(( Было 18px

 

[Mr.Mrak]

Добавьте в свой CSS вот этот код:

/* Flash message */
.flashmessage {
    font-size: 16px;
    padding: 20px 0;
    width: 100%;
    !top: 10px;
    z-index: 999;
    text-align: center;
    font-weight: bold;
    margin: 1px;
    margin-bottom: 15px;
    !text-shadow: 1px 1px 3px #ffffff;
    !filter: dropshadow(color=#ffffff, offx=1, offy=1);
}
.flashmessage-warning {
    color: #C69201;
    background: #ffd65e;
    border: 1px solid #C69201;
    background: -moz-linear-gradient(top,  #ffd65e 0%, #febf04 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd65e), color-stop(100%,#febf04));
    background: -webkit-linear-gradient(top,  #ffd65e 0%,#febf04 100%);
    background: -o-linear-gradient(top,  #ffd65e 0%,#febf04 100%);
    background: -ms-linear-gradient(top,  #ffd65e 0%,#febf04 100%);
    background: linear-gradient(to bottom,  #ffd65e 0%,#febf04 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 );
}
.flashmessage-error {
    color: #fff;
    background: #ff3019;
    border: 1px solid #990000;
    background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404));
    background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%);
    background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%);
    background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%);
    background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
}
.flashmessage-info {
    color: #06529E;
    background: #63b6db;
    border: 1px solid #06529E;
    background: -moz-linear-gradient(top,  #63b6db 0%, #309dcf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#63b6db), color-stop(100%,#309dcf));
    background: -webkit-linear-gradient(top,  #63b6db 0%,#309dcf 100%);
    background: -o-linear-gradient(top,  #63b6db 0%,#309dcf 100%);
    background: -ms-linear-gradient(top,  #63b6db 0%,#309dcf 100%);
    background: linear-gradient(to bottom,  #63b6db 0%,#309dcf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63b6db', endColorstr='#309dcf',GradientType=0 );
}
.flashmessage-ok {
    !color: #2A7709;
    color: #fff;
    border: 1px solid #2A7709;
    background: #9dd53a;
    background: -moz-linear-gradient(top,  #9dd53a 0%, #7cbc0a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(100%,#7cbc0a));
    background: -webkit-linear-gradient(top,  #9dd53a 0%,#7cbc0a 100%);
    background: -o-linear-gradient(top,  #9dd53a 0%,#7cbc0a 100%);
    background: -ms-linear-gradient(top,  #9dd53a 0%,#7cbc0a 100%);
    background: linear-gradient(to bottom,  #9dd53a 0%,#7cbc0a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 );
}
.flashmessage .ico-close {
    position: absolute;
    top: 20px;
    right: 17px;
    float: right;
    font-size: 18px;
    line-height: 18px;
    color: #666;
    text-shadow: 0px 0px 4px #ffffff;
    filter: dropshadow(color=#ffffff, offx=0, offy=0);   
    text-decoration:none;
    font-weight: bold;
    cursor: pointer;
    padding: 0px;
}
.flashmessage .ico-close:hover { text-decoration: underline; }

И всё заработает норм.

 

[Dreddy]

Да у меня уже все работает, спасибо! По предыдущему совету сделал. Только вот размер шрифта не меняется.