Skip to content

Instantly share code, notes, and snippets.

@Blizzke

Blizzke/jsFiddle Foundation Reveal

Created March 22, 2014 09:20
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Blizzke/9703686 to your computer and use it in GitHub Desktop.
Save Blizzke/9703686 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
jsFiddle Foundation Reveal
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title> - jsFiddle demo</title>
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/foundation/5.2.1/css/foundation.min.css">
<script type='text/javascript' src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script type='text/javascript' src="//cdnjs.cloudflare.com/ajax/libs/foundation/5.2.1/js/foundation/foundation.min.js"></script>
<script type='text/javascript' src="//cdnjs.cloudflare.com/ajax/libs/foundation/5.2.1/js/foundation/foundation.reveal.js"></script>
<script type='text/javascript'>//<![CDATA[
window.onload = function () {
jQuery(function ($) {
$(document).foundation();
$('a.report').click(function (e) {
$('#report-abuse').foundation('reveal', 'open');
e.preventDefault();
});
});
}//]]>
</script>
</head>
<body>
<div id="report-abuse" class="reveal-modal small" data-reveal>
<h2>Report</h2>
<div id="abuse-form">
<h3>Reason (optional)?</h3>
<form action="/report" method="post">
<input type="hidden" id="reaction" name="reaction" value="0"/>
<textarea name="comment" rows="5" cols="50"></textarea>
<button class="small secondary radius" type="submit">Continue</button>
</form>
</div>
<a class="close-reveal-modal">&#215;</a>
</div>
<a href="#" class="report" data-post-id="1">Click</a>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment