Last active
December 14, 2015 14:00
-
-
Save volkanozcan/d03fbfd0d00f56efae18 to your computer and use it in GitHub Desktop.
bootstrap_test
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!doctype html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
<meta name="description" content="$1"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<title> | |
app | |
</title> | |
<link href='https://fonts.googleapis.com/css?family=Ubuntu&effect=outline' rel='stylesheet' type='text/css'> | |
<link rel="stylesheet" type="text/css" href="/bower_components/bootstrap/dist/css/bootstrap.min.css" /> | |
<link rel="stylesheet" type="text/css" href="/bower_components/bootstrap-material-design/dist/css/ripples.min.css" /> | |
<link rel="stylesheet" type="text/css" href="/bower_components/bootstrap-material-design/dist/css/bootstrap-material-design.min.css" /> | |
<link href='https://fonts.googleapis.com/css?family=Oswald|Open+Sans+Condensed:300|Roboto+Slab:400,300,100' rel='stylesheet' type='text/css'> | |
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> | |
<link href="style.css" rel="stylesheet"> | |
<link rel="stylesheet" type="text/css" href="/bower_components/animate.css/animate.css" /> | |
</head> | |
<body> | |
<div style="display:block" id="hepici" style="margin-bottom:20px"> | |
<div class="container-fluid" style="margin-top:2%"> | |
<!-- Fixed navbar --> | |
<div class="row"> | |
<div class="col-sm-3 detay "> | |
<div class="panel panel-default"> | |
<div class="panel-heading"><span class="kafa"></span><i class="material-icons pull-right">favorite_border</i></div> | |
<div class="panel-body " id="canvas"> | |
</div> | |
<div class="panel-footer ">Panel footer</div> | |
</div> | |
</div> | |
<div class="col-sm-3 detay "> | |
<div class="panel panel-default "> | |
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div> | |
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure adipisci recusandae quasi ut, et minima quia ullam maiores, cumque distinctio laudantium nulla repudiandae, qui nihil culpa ad consequuntur obcaecati dolores.</div> | |
<div class="panel-footer ">Panel footer</div> | |
</div> | |
</div> | |
<div class="col-sm-3 detay "> | |
<div class="panel panel-default "> | |
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div> | |
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus ipsam commodi aperiam facere, quibusdam ea repellat quaerat praesentium tempora corporis, iste eos eius ipsa! Cumque veritatis vero quisquam quos laudantium!</div> | |
<div class="panel-footer ">Panel footer</div> | |
</div> | |
</div> | |
<div class="col-sm-3 detay "> | |
<div class="panel panel-default "> | |
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div> | |
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur pariatur quos quisquam, et culpa provident, non asperiores tempora. Doloribus, accusamus aliquid aspernatur architecto id sequi nihil accusantium quia voluptatum natus!</div> | |
<div class="panel-footer ">Panel footer</div> | |
</div> | |
</div> | |
</div> | |
<div class="row "> | |
<div class="col-sm-3 detay "> | |
<div class="panel panel-default "> | |
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div> | |
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat tenetur numquam fuga, voluptatum sequi quos dicta. Et, maiores, impedit! Harum illo enim porro earum fugit rerum molestiae optio perferendis ullam.</div> | |
<div class="panel-footer ">Panel footer</div> | |
</div> | |
</div> | |
<div class="col-sm-3 detay "> | |
<div class="panel panel-default "> | |
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div> | |
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio officia quaerat, ipsam quasi fugiat incidunt voluptatum sit, saepe ad consequatur corrupti nostrum porro labore dolorum aliquid laborum sint dolores asperiores!</div> | |
<div class="panel-footer ">Panel footer</div> | |
</div> | |
</div> | |
<div class="col-sm-3 detay "> | |
<div class="panel panel-default "> | |
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div> | |
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error veritatis dolorem recusandae, odit vitae laboriosam consequatur excepturi saepe. Pariatur placeat hic nesciunt ipsam corporis animi repudiandae quam assumenda laborum aspernatur.</div> | |
<div class="panel-footer ">Panel footer</div> | |
</div> | |
</div> | |
<div class="col-sm-3 detay "> | |
<div class="panel panel-default "> | |
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div> | |
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam, eaque. Animi quidem commodi sapiente veritatis culpa obcaecati magni et voluptates hic ea, quia error odit eum consequuntur reiciendis adipisci perspiciatis.</div> | |
<div class="panel-footer ">Panel footer</div> | |
</div> | |
</div> | |
</div> | |
<div class="row "> | |
<div class="col-sm-3 detay "> | |
<div class="panel panel-default "> | |
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div> | |
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident sint alias, eligendi consectetur aliquam expedita fuga ut architecto doloribus adipisci quidem aut ipsa nesciunt ab quasi quibusdam consequuntur, numquam libero.</div> | |
<div class="panel-footer ">Panel footer</div> | |
</div> | |
</div> | |
<div class="col-sm-3 detay "> | |
<div class="panel panel-default "> | |
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div> | |
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id at cupiditate modi a, qui dicta. Explicabo quis accusantium, earum necessitatibus laudantium, tenetur temporibus, molestias omnis voluptatum, est asperiores culpa neque?</div> | |
<div class="panel-footer ">Panel footer</div> | |
</div> | |
</div> | |
<div class="col-sm-3 detay "> | |
<div class="panel panel-default "> | |
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div> | |
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid fugiat saepe autem quidem hic nihil, velit placeat, rerum odit. Expedita porro sint distinctio quas quia. Incidunt sunt quasi iste similique.</div> | |
<div class="panel-footer ">Panel footer</div> | |
</div> | |
</div> | |
<div class="col-sm-3 detay "> | |
<div class="panel panel-default "> | |
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div> | |
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias aliquid deleniti id, illum unde totam sint quidem dicta inventore, dolor saepe eaque impedit suscipit harum libero enim amet dolorum ex.</div> | |
<div class="panel-footer ">Panel footer</div> | |
</div> | |
</div> | |
</div> | |
<div class="row "> | |
<div class="col-sm-3 detay "> | |
<div class="panel panel-default "> | |
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div> | |
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aperiam sequi, laboriosam assumenda, beatae laborum nesciunt error omnis dolorem, animi enim cupiditate soluta eos minus perspiciatis commodi molestias quas non!</div> | |
<div class="panel-footer ">Panel footer</div> | |
</div> | |
</div> | |
<div class="col-sm-3 detay "> | |
<div class="panel panel-default "> | |
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div> | |
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur suscipit excepturi reiciendis doloribus atque fugit aliquid in velit iusto maxime accusantium maiores, sequi? Eius ab, et accusantium recusandae ratione eaque.</div> | |
<div class="panel-footer ">Panel footer</div> | |
</div> | |
</div> | |
<div class="col-sm-3 detay "> | |
<div class="panel panel-default "> | |
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div> | |
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit accusantium hic iusto voluptatem officia odio vitae voluptas reprehenderit quisquam, laborum odit quod quia tenetur. Tempore et architecto consectetur commodi dolorum?</div> | |
<div class="panel-footer ">Panel footer</div> | |
</div> | |
</div> | |
<div class="col-sm-3 detay "> | |
<div class="panel panel-default "> | |
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div> | |
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, similique, harum modi, ipsum enim repellendus amet placeat deleniti quos voluptatum fugit voluptates nobis pariatur omnis quam distinctio velit illum nemo!</div> | |
<div class="panel-footer ">Panel footer</div> | |
</div> | |
</div> | |
</div> | |
<div class="row "> | |
<div class="col-sm-3 detay "> | |
<div class="panel panel-default "> | |
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div> | |
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aperiam sequi, laboriosam assumenda, beatae laborum nesciunt error omnis dolorem, animi enim cupiditate soluta eos minus perspiciatis commodi molestias quas non!</div> | |
<div class="panel-footer ">Panel footer</div> | |
</div> | |
</div> | |
<div class="col-sm-3 detay "> | |
<div class="panel panel-default "> | |
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div> | |
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur suscipit excepturi reiciendis doloribus atque fugit aliquid in velit iusto maxime accusantium maiores, sequi? Eius ab, et accusantium recusandae ratione eaque.</div> | |
<div class="panel-footer ">Panel footer</div> | |
</div> | |
</div> | |
<div class="col-sm-3 detay "> | |
<div class="panel panel-default "> | |
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div> | |
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit accusantium hic iusto voluptatem officia odio vitae voluptas reprehenderit quisquam, laborum odit quod quia tenetur. Tempore et architecto consectetur commodi dolorum?</div> | |
<div class="panel-footer ">Panel footer</div> | |
</div> | |
</div> | |
<div class="col-sm-3 detay "> | |
<div class="panel panel-default "> | |
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div> | |
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, similique, harum modi, ipsum enim repellendus amet placeat deleniti quos voluptatum fugit voluptates nobis pariatur omnis quam distinctio velit illum nemo!</div> | |
<div class="panel-footer ">Panel footer</div> | |
</div> | |
</div> | |
</div> | |
<div class="row "> | |
<div class="col-sm-3 detay "> | |
<div class="panel panel-default "> | |
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div> | |
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aperiam sequi, laboriosam assumenda, beatae laborum nesciunt error omnis dolorem, animi enim cupiditate soluta eos minus perspiciatis commodi molestias quas non!</div> | |
<div class="panel-footer ">Panel footer</div> | |
</div> | |
</div> | |
<div class="col-sm-3 detay "> | |
<div class="panel panel-default "> | |
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div> | |
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur suscipit excepturi reiciendis doloribus atque fugit aliquid in velit iusto maxime accusantium maiores, sequi? Eius ab, et accusantium recusandae ratione eaque.</div> | |
<div class="panel-footer ">Panel footer</div> | |
</div> | |
</div> | |
<div class="col-sm-3 detay "> | |
<div class="panel panel-default "> | |
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div> | |
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit accusantium hic iusto voluptatem officia odio vitae voluptas reprehenderit quisquam, laborum odit quod quia tenetur. Tempore et architecto consectetur commodi dolorum?</div> | |
<div class="panel-footer ">Panel footer</div> | |
</div> | |
</div> | |
<div class="col-sm-3 detay "> | |
<div class="panel panel-default "> | |
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div> | |
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, similique, harum modi, ipsum enim repellendus amet placeat deleniti quos voluptatum fugit voluptates nobis pariatur omnis quam distinctio velit illum nemo!</div> | |
<div class="panel-footer ">Panel footer</div> | |
</div> | |
</div> | |
</div> | |
<div class="row "> | |
<div class="col-sm-3 detay "> | |
<div class="panel panel-default "> | |
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div> | |
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aperiam sequi, laboriosam assumenda, beatae laborum nesciunt error omnis dolorem, animi enim cupiditate soluta eos minus perspiciatis commodi molestias quas non!</div> | |
<div class="panel-footer ">Panel footer</div> | |
</div> | |
</div> | |
<div class="col-sm-3 detay "> | |
<div class="panel panel-default "> | |
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div> | |
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur suscipit excepturi reiciendis doloribus atque fugit aliquid in velit iusto maxime accusantium maiores, sequi? Eius ab, et accusantium recusandae ratione eaque.</div> | |
<div class="panel-footer ">Panel footer</div> | |
</div> | |
</div> | |
<div class="col-sm-3 detay "> | |
<div class="panel panel-default "> | |
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div> | |
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit accusantium hic iusto voluptatem officia odio vitae voluptas reprehenderit quisquam, laborum odit quod quia tenetur. Tempore et architecto consectetur commodi dolorum?</div> | |
<div class="panel-footer ">Panel footer</div> | |
</div> | |
</div> | |
<div class="col-sm-3 detay "> | |
<div class="panel panel-default "> | |
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div> | |
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, similique, harum modi, ipsum enim repellendus amet placeat deleniti quos voluptatum fugit voluptates nobis pariatur omnis quam distinctio velit illum nemo!</div> | |
<div class="panel-footer ">Panel footer</div> | |
</div> | |
</div> | |
</div> | |
<div class="row "> | |
<div class="col-sm-3 detay "> | |
<div class="panel panel-default "> | |
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div> | |
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aperiam sequi, laboriosam assumenda, beatae laborum nesciunt error omnis dolorem, animi enim cupiditate soluta eos minus perspiciatis commodi molestias quas non!</div> | |
<div class="panel-footer ">Panel footer</div> | |
</div> | |
</div> | |
<div class="col-sm-3 detay "> | |
<div class="panel panel-default "> | |
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div> | |
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur suscipit excepturi reiciendis doloribus atque fugit aliquid in velit iusto maxime accusantium maiores, sequi? Eius ab, et accusantium recusandae ratione eaque.</div> | |
<div class="panel-footer ">Panel footer</div> | |
</div> | |
</div> | |
<div class="col-sm-3 detay "> | |
<div class="panel panel-default "> | |
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div> | |
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit accusantium hic iusto voluptatem officia odio vitae voluptas reprehenderit quisquam, laborum odit quod quia tenetur. Tempore et architecto consectetur commodi dolorum?</div> | |
<div class="panel-footer ">Panel footer</div> | |
</div> | |
</div> | |
<div class="col-sm-3 detay "> | |
<div class="panel panel-default "> | |
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div> | |
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, similique, harum modi, ipsum enim repellendus amet placeat deleniti quos voluptatum fugit voluptates nobis pariatur omnis quam distinctio velit illum nemo!</div> | |
<div class="panel-footer ">Panel footer</div> | |
</div> | |
</div> | |
</div> | |
<div class="row "> | |
<div class="col-sm-3 detay "> | |
<div class="panel panel-default "> | |
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div> | |
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aperiam sequi, laboriosam assumenda, beatae laborum nesciunt error omnis dolorem, animi enim cupiditate soluta eos minus perspiciatis commodi molestias quas non!</div> | |
<div class="panel-footer ">Panel footer</div> | |
</div> | |
</div> | |
<div class="col-sm-3 detay "> | |
<div class="panel panel-default "> | |
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div> | |
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur suscipit excepturi reiciendis doloribus atque fugit aliquid in velit iusto maxime accusantium maiores, sequi? Eius ab, et accusantium recusandae ratione eaque.</div> | |
<div class="panel-footer ">Panel footer</div> | |
</div> | |
</div> | |
<div class="col-sm-3 detay "> | |
<div class="panel panel-default "> | |
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div> | |
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit accusantium hic iusto voluptatem officia odio vitae voluptas reprehenderit quisquam, laborum odit quod quia tenetur. Tempore et architecto consectetur commodi dolorum?</div> | |
<div class="panel-footer ">Panel footer</div> | |
</div> | |
</div> | |
<div class="col-sm-3 detay "> | |
<div class="panel panel-default "> | |
<div class="panel-heading "><span class="kafa "></span><i class="material-icons pull-right ">close</i></div> | |
<div class="panel-body "> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, similique, harum modi, ipsum enim repellendus amet placeat deleniti quos voluptatum fugit voluptates nobis pariatur omnis quam distinctio velit illum nemo!</div> | |
<div class="panel-footer ">Panel footer</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</body> | |
</div> | |
<script type="text/javascript " src="/bower_components/jquery/dist/jquery.min.js "></script> | |
<script type="text/javascript " src="/bower_components/bootstrap/dist/js/bootstrap.min.js "></script> | |
<script type="text/javascript " src="/bower_components/bootstrap-material-design/dist/js/material.min.js "></script> | |
<script type="text/javascript " src="/bower_components/bootstrap-material-design/dist/js/ripples.min.js "></script> | |
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/gist-embed/2.4/gist-embed.min.js"></script> | |
<script type="text/javascript" src="/bower_components/p5.js/lib/p5.min.js"></script> | |
<script type="text/javascript "> | |
$.material.init(); | |
var sayac = 1; | |
/*$(".panel-heading ").each(function() { | |
$(this).text("soru " + sayac); | |
sayac++; | |
})*/ | |
</script> | |
<script type="text/javascript " src="/source.js "></script> | |
</body> | |
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var names = ["Faxtop", "Nimflex", "Hay String", "Faxity", "U--Job", "Icelab", "Matis", "Lexilux", "U-tone", "Danstring", "Betalex", "Jaying", "Y-sailwarm", "Dentoflex", "Volt-Dex", "Uni Lotkix", "Medstring", "Zoomlax", "Bam Redfax", "Itin", "Whitetech", "Daltstock", "K-ing", "Saltstrong", "Fixtone", "Quadqvohome", "Trusthome", "Zone Bam", "Sanfan", "Geo Anla", "Toughtough", "Jay Flex", "Donkix", "Ding-Lab", "Villalax", "Reit", "Temptrax", "Mathstatstrong", "Tamphome", "K- Gofan", "Sumfresh", "Freefan", "Quotenix", "Ontotop", "Toneco", "Indigolux", "True Strong", "Salthold", "Blueranlight", "Operemla", "Zumdex", "Alpha-Com", "Unaeco", "Zonedox", "Tinlab", "Indigocom", "Unoplus", "Son Canit", "Medtone", "Hotphase", "Vento-Lab"]; | |
var animation_name = ["bounce", "flash", "pulse", "rubberBand", "shake", "headShake", "swing", "tada", "wobble", "jello", "bounceIn", "bounceInDown", "bounceInLeft", "bounceInRight", "bounceInUp", "bounceOut", "bounceOutDown", "bounceOutLeft", "bounceOutRight", "bounceOutUp", "fadeIn", "fadeInDown", "fadeInDownBig", "fadeInLeft", "fadeInLeftBig", "fadeInRight", "fadeInRightBig", "fadeInUp", "fadeInUpBig", "fadeOut", "fadeOutDown", "fadeOutDownBig", "fadeOutLeft", "fadeOutLeftBig", "fadeOutRight", "fadeOutRightBig", "fadeOutUp", "fadeOutUpBig", "flipInX", "flipInY", "flipOutX", "flipOutY", "lightSpeedIn", "lightSpeedOut", "rotateIn", "rotateInDownLeft", "rotateInDownRight", "rotateInUpLeft", "rotateInUpRight", "rotateOut", "rotateOutDownLeft", "rotateOutDownRight", "rotateOutUpLeft", "rotateOutUpRight", "hinge", "rollIn", "rollOut", "zoomIn", "zoomInDown", "zoomInLeft", "zoomInRight", "zoomInUp", "zoomOut", "zoomOutDown", "zoomOutLeft", "zoomOutRight", "zoomOutUp", "slideInDown", "slideInLeft", "slideInRight", "slideInUp", "slideOutDown", "slideOutLeft", "slideOutRight", "slideOutUp"]; | |
var array = []; | |
$(".kafa").each(function() { | |
$(this).text(names[~~(Math.random() * names.length)]); | |
}); | |
$(".fiyat").each(function() { | |
$(this).text(~~(Math.random() * 1000)); | |
}); | |
$(".remove").on("click", function() { | |
alert("sd") | |
}); | |
var toplam = 0; | |
$(".kafa ,.govde").on("click", function() { | |
var neki = "animated " + (animation_name[~~(Math.random() * animation_name.length)]); | |
console.log(neki) | |
$(this).parent().addClass("animated rubberBand").one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() { | |
$(this).removeClass("animated rubberBand"); | |
}); | |
}); | |
$(".ekle").click(function() { | |
var fiyat = $(this).parent().find(".fiyat").text(); | |
var urun = $(this).parent().parent().find(".kafa").text(); | |
array.push({ | |
urun: urun, | |
fiyat: fiyat | |
}); | |
$("#liste").append("<tr><td>" + urun + "</td><td>" + fiyat + "</td><td><i class=\"material-icons pull-right remove\">remove_circle_outline</i></td></tr>"); | |
$("#myModal").modal("toggle"); | |
}); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment