Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
- <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
- <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
- <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <title>Feed Hype</title>
- <meta name="description" content="">
- <meta name="viewport" content="width=device-width">
- <link rel="stylesheet" href="css/bootstrap.min.css">
- <link rel="stylesheet" href="css/bootstrap-responsive.min.css">
- <link rel="stylesheet" href="css/main.css">
- <link href='http://fonts.googleapis.com/css?family=Sintony' rel='stylesheet' type='text/css'>
- </head>
- <body>
- <div id="topwrap">
- <div class="contentwrap">
- <div id="topmenu">
- <ul>
- <li><a href="./index.html">Home</a></li>
- <li><a href="./about.html">About</a></li>
- </ul>
- <div class="clear"></div>
- </div>
- </div>
- </div>
- <div id="votenow">
- <p>I want to see...</p>
- <input id="query" type="text" class="input">
- <button onclick="searchTumblr()" style="margin-top:-10px;" class="btn btn-success">Go</button>
- </div>
- <div id="bodywrap">
- <div class="contentwrap">
- <br />
- <div id="tumblr">
- <ul id="posts">
- </ul>
- </div>
- <div class="fancyBox">Hidden</div>
- </div> <!-- /container -->
- <div id="copyrightwrap">
- © 2009-2013 Shrav Mehta. All Rights Reserved.
- </div>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
- <script type="text/javascript" src="./fancybox/jquery.fancybox-pack.js"></script>
- <link rel="stylesheet" href="./fancybox/jquery.fancybox.css" type="text/css" media="screen" />
- <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
- <script src="js/vendor/bootstrap.min.js"></script>
- <script src="js/main.js"></script>
- <script>
- !function ($) {
- $(function(){
- // carousel demo
- $('#myCarousel').carousel()
- })
- }(window.jQuery)
- </script>
- <script>
- function searchTumblr() {
- $('#posts').empty();
- var query = $("#query").val();
- myJsonpCallback = function (data)
- {
- $.each( data.response, function( key, value ) {
- $('#posts').append("<li><a href='#' onclick='openFancy(" + value + ");'><img src='" + value.photos[0].original_size.url + "' /></a><li>");
- });
- };
- $.ajax({
- type: "GET",
- url : "http://api.tumblr.com/v2/tagged?tag=" + query,
- dataType: "jsonp",
- data: {
- api_key : "MHaooqOfz7VNviUuN4jBQqLi7Uq3roRldgF9hbdovIWIZmky7W",
- jsonp : "myJsonpCallback"
- }
- });
- }
- </script>
- <script>
- function openFancy(var1) {
- alert(var1);
- }
- </script>
- <script type="text/javascript">
- $(document).ready(function() {
- $(".fancybox").fancybox();
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement