array(2) {
["id"]=>
string(1) "1"
["msg"]=>
string(18) "Сообщение"
}
// Если данные не были получены, переменные будут содержать значение null.
$id = $_POST['id'] ?? null;
$msg = $_POST['msg'] ?? null;
1: <input type="radio" class="radio" id="inp-1">
2: <input type="radio" class="radio" id="inp-2">
// Находим все кнопки, за которыми нужно следить
const inputs = document.querySelectorAll('.radio')
inputs.forEach(input => {
input.addEventListener('change', () => {
const input1 = document.querySelector('#inp-1')
const input2 = document.querySelector('#inp-2')
if (input1.checked && input2.checked) {
alert('Действие')
}
})
})
<div class="asdasd-1">
<div class="asdasd">
<div class="asdasd">
<div class="asdasd">
blabla
</div>
</div>
</div>
</div>
<div class="dsadsa"></div>
const contentNode = document.querySelector('.asdasd-1');
const output = document.querySelector('.dsadsa');
output.innerHTML = contentNode.innerHTML;
<div id="fundament__block" class="block">1</div>
<div id="stena__block" class="block">2</div>
<div id="krovlia__block" class="block">3</div>
<div id="vnesh_otdel__block" class="block">4</div>
<div id="vnut_otdel__block" class="block">5</div>
<div id="commun__block" class="block">6</div>
<div id="about_uslugy__block" class="block">7</div>
function showBlock(id) {
const blocks = document.querySelectorAll('.block');
blocks.forEach(block => {
block.style.opacity = '0';
});
const block = document.querySelector(`#${id}`);
block.style.opacity = '1';
}
showBlock('vnesh_otdel__block');
<div class="card">
<img class="card__image" src="https://gamer-mods.ru/avatar/08/92/43134245.png">
<div class="card__content">
<div class="card__title">DIK ADALIN</div>
<div class="card__status">Engineering</div>
</div>
</div>
<style>
body {
/* Для видимости белой рамки */
background: lightgreen;
}
.card {
box-sizing: border-box;
border: 1px solid #fff;
text-align: center;
/* Ваша ширина */
width: 150px;
}
.card .card__image {
line-height: 0;
width: 100%;
}
.card .card__content {
padding: 20px 0;
}
</style>
<div class="side">
<div class="side--A">
<img src="assets/images/feature/feature-1.png" alt="feature1">
<h3>Easily Customised</h3>
<p>Текс вырезан тк очень большой</p>
</div>
</div>
<style>
.side {
margin: 0 auto;
max-width: 1170px;
max-height: 550px;
}
.side--A {
width: 370px;
max-height: 200px;
}
.side p {
color: #0000ff;
}
</style>
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
entry: {
index: path.resolve(__dirname, 'src/scripts/example.js')
},
output: {
path: path.resolve(__dirname, 'dist'),
filename: '[name].js',
},
plugins: [
new HtmlWebpackPlugin({
template: path.resolve(__dirname, 'src/index.html'),
// Скрипты, которые нужно подключить к странице
chunks: ['index'],
// Логика загрузки
scriptLoading: 'blocking | defer'
})
],
};
new Swiper('.swiper-container', {
loop: true,
centeredSlides: true,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
}
});