Всем привет!
Ситуация такая:
Есть сайт,
Есть элемент:
<head>
<meta charset="utf-8">
<style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Marck+Script&subset=latin,latin-ext,cyrillic);
#elements div{
display: none;
}
.quote{
font-family: 'Marck Script', cursive;
font-size:2em;
text-align: center;
padding:5px;
}
</style>
</head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script> *
var CLN; onload = function () {CLN = document.getElementById ('elements').cloneNode (1)}
</script>
<script>
$(function () {
var divs = $('#elements div'), div;
div = divs.eq(Math.floor(Math.random() * divs.length));
div.show()
});
</script>
<body>
<div id="elements">
<div class="quote" id="container1">ТУТ текст a</div>
<div class="quote" id="container1">ТУТ текст .....</div>
<div class="quote" id="container1">ТУТ текст n</div>
</div>
</body>
Есть кнопка.
Задача: Нужно чтобы при нажатии на кнопку обновлялся данный элемент без перезагрузки страницы.
Подскажите решение... пожалуйста.
Ситуация такая:
Есть сайт,
Есть элемент:
<head>
<meta charset="utf-8">
<style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Marck+Script&subset=latin,latin-ext,cyrillic);
#elements div{
display: none;
}
.quote{
font-family: 'Marck Script', cursive;
font-size:2em;
text-align: center;
padding:5px;
}
</style>
</head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script> *
var CLN; onload = function () {CLN = document.getElementById ('elements').cloneNode (1)}
</script>
<script>
$(function () {
var divs = $('#elements div'), div;
div = divs.eq(Math.floor(Math.random() * divs.length));
div.show()
});
</script>
<body>
<div id="elements">
<div class="quote" id="container1">ТУТ текст a</div>
<div class="quote" id="container1">ТУТ текст .....</div>
<div class="quote" id="container1">ТУТ текст n</div>
</div>
</body>
Есть кнопка.
Задача: Нужно чтобы при нажатии на кнопку обновлялся данный элемент без перезагрузки страницы.
Подскажите решение... пожалуйста.
