<form method="get" id="delForm">
<input id="dell" type="button" name="dell" value="Delete">
</form>
function checkButton()
{
var hid = document.getElementById('hidden'); //Находим id всасывающегося окна
var yes = document.getElementById('yes'); // id кнопки ДА
var no = document.getElementById('no'); // id кнопки НЕТ
yes.onclick = function(e) //если будет нажата кнопка ДА
{
var frm = document.getElementById('delForm'); //Находим id формы
this.onclick = null;
hid.className = ''; // скрывается окно подтверждения
frm.submit(); //// отправка на сервер происходит
e.stopPropagation();
e.preventDefault();
};
no.onclick = function(e) // Если будет нажата кнопка НЕТ
{
var hid = document.getElementById('hidden'); //Находим id всасывающегося окна
this.onclick = null;
hid.className = ''; //скрывается окно подтверждения
// отправка на сервер не происходит
e.stopPropagation();
e.preventDefault();
}
// Oтображается окно подтверждения.
hid.className = 'substrate';
}
window.onload = function(e)
{
var myf = document.getElementById('dell');
myf.onclick = checkButton; //Подписка на событие клика по кнопке УДАЛИТЬ
e.stopPropagation();
e.preventDefault();
}
.show-none{
display:none; /* просто прячем окно, а не задвигаем его в минуса */
}
.substrate{
...
var Var;
$.get(url + 'pages/read.json', {events: true} ,function(data) {
Var = data
}
});
$.get(url + 'pages/read.json', {events: true} ,function(data) {
window.Var = data;
}
});
MyObj = {Var:'Ответ от сервера не пришел!' // <- Сдесь можно вставить данные по-умолчанию};
$.get(url + 'pages/read.json', {events: true} ,function(data) {
MyObj.Var = data;
}
});
$('a').css({border-bottom-color:'rgba(100,100,100, 0 или 1)'});
a{
font-family: 'Open Sans', sans-serif;
font-weight: 500;
font-size: 14pt;
letter-spacing: 1px;
color: #fff;
border-bottom: 2px solid rgba(100,100,100, .1); /* .1 (90% прозрачности), 0 будет прозрачным */
&:hover{
border-bottom-color: rgba(100,100,100, 1); /* 1 (0% прозрачности), 0 будет прозрачным */
}
}
$.getScript("test.js");
$.getScript("test.js", function(){
alert("Скрипт выполнен.");
});
<html>
<head>
...
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="materialPreloader.js"></script>
<link rel="stylesheet" type="text/css" href="css/materialPreloader.css">
<script type="text/javascript">
jQuery(document).ready(function($) {
preloader = new $.materialPreloader({
position: 'top',
height: '5px',
col_1: '#159756',
col_2: '#da4733',
col_3: '#3b78e7',
col_4: '#fdba2c',
fadeIn: 200,
fadeOut: 200
});
$(window).on('load', function(){console.log('BlaBla'); preloader && preloader.off();});
preloader.on();
setTimeout(preloader.off,9000);
});
</script>
.wrapper:hover .wrap,.image:hover {
z-index:1;
}
display:inline-block;
/* Устанавливаем */
$('.spoiler_links').on('click.spoiler1', function(){ ... });
/* Меняем on click.spoiler1 на on click.spoiler2 */ ;
$('.spoiler_links').off('click.spoiler1').on('click.spoiler2',function(){ ... });
/* Убираем все*/
$('.spoiler_links').off('click');
function SpoilerDef(){
$(this).nextAll('.clsbody').toggle(0);
$(this).nextAll('.spoiler_body').toggle(0);
return false;
}
function SpoilerUniq(){
...
};
$('.spoiler_links').on('click.spoiler',SpoilerDef);
$(document).ready(function(){
$("#te").toggle(
function () {
$("#te").text('Заголовки');
$('.clsbody').hide(0);
$('.spoiler_body').show(0);
$('.spoiler_links').off('click.spoiler').on('click.spoiler',SpoilerUniq);
},
function () {
$('.spoiler_body').hide(0);
$('.clsbody').show(0);
$("#te").text('Свернуть');
$('.spoiler_links').off('click.spoiler').on('click.spoiler',SpoilerDef);
});
});
$(document).ready(function(){
function SpoilerLink(e){
...
e.stopPropagation();
e.preventDefault();
};
$("#te").toggle( // Возможно здесь нужно добавить к селектору ',.spoiler_links'
function () {
$("#te").text('Заголовки');
$('.clsbody').hide(0);
$('.spoiler_body').show(0);
$('.spoiler_links').on('click.spoiler',SpoilerLink);
},
function () {
$('.spoiler_body').hide(0);
$('.clsbody').show(0);
$("#te").text('Свернуть');
$('.spoiler_links').off('click.spoiler');
});
});
.material-news {
display: inline;
font: 12px/2.5 "Arial";
text-align: justify;
color: #464646;
}
.material-news:before {
display: block;
content: '.';
color: white;
}
.readmore-btn {
display: inline;
padding-left:1ex;
font: 12px "Arial";
}
.text-list-item-dn>br {
display: none; /* Благодарю @laska */
}
.articleBody .material-news {
padding: 15px;
display: block;
}
.container {
position: absolute;
top: 0; left: 0;
bottom: 0; right: 0;
overflow-x: scroll;
-ms-writing-mode: tb-lr;
-webkit-writing-mode: vertical-lr;
-moz-writing-mode: vertical-lr;
-ms-writing-mode: vertical-lr;
writing-mode: vertical-lr;
}
.items {
display: inline-block;
position: relative;
width: 100%;
height: 100%;
-ms-writing-mode: lr-tb;
-webkit-writing-mode: horizontal-tb;
-moz-writing-mode: horizontal-tb;
-ms-writing-mode: horizontal-tb;
writing-mode: horizontal-tb;
}
.proportionale {
position:absolute;
width: 100vmin;
height: 66vmin; /* соотношение всегда будет 3/2 */
}
@media orientation: portrait {
.proportionale {
position:absolute;
width: 66vmin;
height: 100vmin; /* при портрете соотношение всегда будет 2/3 */
}
}
main {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-content: stretch;
align-items: center;
width:90%;
margin: auto;
}
section {
order: 0;
flex: 0 1 60vw;
align-self: stretch;
outline:blue 1px solid;
}