Skip to content

Instantly share code, notes, and snippets.

View bzdgn's full-sized avatar
🏠
Working from home

Levent Divilioglu bzdgn

🏠
Working from home
173 followers · 74 following
View GitHub Profile
@bzdgn
bzdgn / callback.html
Last active February 15, 2016 08:16
JavaScript Callback HTML Demo
<html>
<body>
<h1>OUTPUT;</h1>
<p id="demo"></p>
<script>
"use strict";
var maxTime = 1000;
var outbox = document.getElementById("demo");
@bzdgn
bzdgn / CSS_Play_Demo2.html
Created February 1, 2016 22:53
CSS Play Demo from w3schools 2 : bottom percentage
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>CSS Play Demo</title>
<style>
body {
font-family: verdana;
@bzdgn
bzdgn / CSS_Play_Demo.html
Last active February 1, 2016 22:53
CSS Play Demo from w3schools : bottom pixels
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>CSS Play Demo</title>
<style>
body {
font-family: verdana;
@bzdgn
bzdgn / css_pos_demo.html
Created January 30, 2016 12:43
CSS Positioning Demo
<!DOCTYPE html>
<html>
<head>
<style>
html, body {
height: 100%;
margin: 0;
padding: 0;
}
@bzdgn
bzdgn / DomEventListenerDemo.html
Created January 19, 2016 17:06
Dom Event Listener Example
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
#myDiv {
background-color: coral;
border: 1px solid;
padding: 50px;
color: white;
@bzdgn
bzdgn / AddRemovePrototype.html
Created January 14, 2016 15:45
Adding/Removing Prototypes Demo
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.loneButton{
width: 201px;
}
</style>
</head>
@bzdgn
bzdgn / ObjectPrototype.html
Created January 14, 2016 10:09
Creating an object with a prototype
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
input[type=text]{
width: 110px;
}
input[type=number]{
width: 110px;
@bzdgn
bzdgn / ObjectMethodSetter.html
Last active January 13, 2016 23:43
JavaScript Setter Method Demo
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
input[type=text]{
width: 100px;
}
.inputButton{
width: 100px;
@bzdgn
bzdgn / ObjectMethod.html
Last active January 13, 2016 23:17
JavaScript Demo For Using Method As A Function And As A Property
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>Object Methods Example #1</h1>
<br>
<h3>Demonstrating method as a function and as a property</h3>
<button onclick="fullName()">Full Name of Person</button><br>
@bzdgn
bzdgn / ObjectPropAttr.html
Last active January 13, 2016 22:41
JavaScript Demo For Displaying Object Properties and Attributes
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>Object Properties Example #3</h1>
<br>
<h3>Displaying Object Attributes per Object Properties</h3>
<button onclick="showPropertyAttributes()">Show Property Attributes</button><br>