var spanData = $('span').text();
$.post( "test.php", spanData, function( data ) {
console.log( data);
}).done(function(result){
alert("отправил на сервер");
})
.fail(function(jqXHR, textStatus, errorThrown){
alert("фейл: "+textStatus);
})
$('.modal_button').on('click', function (event) { //вешаете допустим на клик кнопки по мод.окну
var span_value = $('span').text(),//получаете значение span
input_article = $('input.article');//скрытый инпут
if (span_value == '')//если спан пустой
input_article.val('FF');//то в инпут article устанавливаем значение по умолчанию FF
}else { // если есть значение в спане
input_article.val(span_value); //то устанавливаем в инпут значение спана
}
});
<input class="article" type="hidden" name="article" value="">
<section>
<h2>Свежие статьи</h2>
<article>
<h2>Заголовок статьи 1</h2>
<p>Текст статьи</p>
</article>
<article>
<h2>Заголовок статьи 2</h2>
<p>Текст статьи</p>
</article>
</section>
<div class="block1">
<span class="span1">
<p>Эталонное качество шведского пола в вашей квартире<br>30 лет гарантии от компании, подарившей миру паркетную доску</p>
</span>
</div>
.block1 {
position: relative;
height: 400px;
background: url(http://www.imageup.ru/img291/2562967/kahrs1.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.span1 {
position: absolute;
top: 130px;
width: 100%;
background: rgba(0, 0, 0, 0.6);
text-align: center;
padding: 10px 0;
}
.span1 p {
color: white;
font-size: 17px;
line-height: 35px;
}
main#content {
float: left;
width: 63.2%;
padding-right: 80px;
box-sizing: border-box;
}
box-sizing: border-box;
setTimeout(function(){$('.loader-inner').fadeOut('fast')},10000); //10000 = 10 секунд