Skip to content

Instantly share code, notes, and snippets.

@seabrizz
seabrizz / menu slide Left-Right
Last active September 22, 2016 08:49
menu slide left/right
js
$("#bttn").click(function () {
$("#menu_slide").animate({
width: 'toggle'
});
});
html
<button id="bttn">Toggle</button>
<div id="menu_slide">Lorem ipsum dolor sit amet.</div>
@seabrizz
seabrizz / MIGS for MODX tabs
Last active September 22, 2016 08:46
MIGx for MODX
Tabs:
[
{"caption":"Info", "fields": [
{"field":"title","caption":"Title"},
{"field":"description","caption":"Description","inputTVtype":"richtext"}
]},
{"caption":"Image", "fields":[
{"field":"image","caption":"Image","inputTVtype":"image"}
]}
]
@seabrizz
seabrizz / button Menu
Last active September 22, 2016 08:48
button menu
$(".bttn").click(function(){
$(".menu").slideToggle();
});
@seabrizz
seabrizz / button toTop
Last active September 22, 2016 08:47
button "toTop"
$(window).scroll(function() {
if($(this).scrollTop() != 0) {
$('#toTop').fadeIn();
} else {
$('#toTop').fadeOut();
}
});
$('#toTop').click(function() {
$('body,html').animate({scrollTop:0},800);
});
@seabrizz
seabrizz / jQuery tabs
Last active December 10, 2019 13:53
tabs
HTML:
<div class="wrapper">
<div class="tabs">
<span class="tab">Вкладка 1</span>
<span class="tab">Вкладка 2</span>
<span class="tab">Вкладка 3</span>
</div>
<div class="tab_content">
<div class="tab_item">Содержимое 1</div>
<div class="tab_item">Содержимое 2</div>
@seabrizz
seabrizz / mail.php
Created September 23, 2016 21:53
form for send eMail
<?php
$method = $_SERVER['REQUEST_METHOD'];
//Script Foreach
$c = true;
if ( $method === 'POST' ) {
$project_name = trim($_POST["project_name"]);
$admin_email = trim($_POST["admin_email"]);
@seabrizz
seabrizz / Accordeon jQuery
Created September 26, 2016 22:20
Accordeon jQuery
JS:
$(".accordeon dd").hide().prev().click(function() {
$(this).parents(".accordeon").find("dd").not(this).slideUp().prev().removeClass("active");
$(this).next().not(":visible").slideDown().prev().addClass("active");
});
CSS:
.accordeon .active { color: red }
HTML:
@seabrizz
seabrizz / link in new window
Created September 27, 2016 11:49
link in new window
@seabrizz
seabrizz / mobile-menu
Created September 27, 2016 20:35
mobile-menu
<!-- HTML -->
<a href="#" class="toggle-mnu hidden-lg"><span></span></a>
<!-- SASS -->
.toggle-mnu
display: block
width: 28px
height: 28px
margin-top: 14px
@seabrizz
seabrizz / modx formit
Last active December 20, 2019 07:55
modx formit validation phone, upload file, capthaV2
[[!FormIt?
&hooks=`recaptchav2,email`
&emailTpl=`sendEmail`
&emailSubject=`test`
&emailTo=`xxxxxxxxx@xxxxxxxxx`
&emailFrom=`xxxxxxxxxxx@xxxxxxxxxxx`
&redirectTo=`2`
&customValidators=`validFile,validPhone`
&validate=`name:required,
email:email:required,