pdf-reader-mit-zoom-und-co.html
Quell Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Metatags Generator - VirtualSystem.de</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="title" content="Metatag Generator">
<meta name="copyright" content="Hans Reisenauer">
<meta http-equiv="Language" content="de">
<meta name="keywords" content="web tools, metatags, metataggenerator, generator, meta tag generator,metatag generator, meta maker, kostenlos, free, homepage tool, webtool, onlinegenerator, erstellen">
<meta name="description" content="Dieser Metatag Generator hilft Ihnen die wichtigsten Metatags f?r Ihre Homepage zu erstellen.">
<meta name="page-type" content="HTML-Formular">
<meta name="page-topic" content="Webmaster Tools">
<meta name="revisit-after" content="14 days">
<meta name="robots" content="index,follow">
<style type="text/css">
<!--
body {
background-color: #E4E9EE; font-family: Verdana, Arial; color: #222222; font-size: 11px;
}
</style>
<link rel="stylesheet" type="text/css" href="https://d2v52k3cl9vedd.cloudfront.net/basscss/4.1.2/basscss.min.css">
</head>
<body ng-app="testApp">
<div class="container" ng-controller="AppCtrl">
<div class="clearfix">
<header class="p2 bright-blue bg-blue">
<div class="container sm-table">
</div>
</header>
<pdf-viewer
delegate-handle="my-pdf-container"
url="pdfUrl"
scale="1"
show-toolbar="true"></pdf-viewer>
<footer class="py4">
<div class="sm-table">
<div class="sm-table-cell full-width py2 xs-center">
<div class="h5 bold px1">
<a ng-click="loadNewFile(relativity)"
class="button button-narrow button-nav-light">
Load the Relativity PDF
</a>
<a ng-click="loadNewFile(material)"
class="button button-narrow button-nav-light">
Load the Material Design PDF
</a>
</div>
</div>
</div>
</footer>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.min.js"></script>
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/149125/angular-pdf-viewer.min.js"></script>
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/149125/pdf.combined.js"></script>
<script>
angular.module('testApp', ['pdf'])
.controller('AppCtrl', [
'$scope',
'pdfDelegate',
function($scope, pdfDelegate, $log) {
$scope.relativity = 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/149125/relativity.pdf';
// $scope.material = 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/149125/material-design-2.pdf';
$scope.material = 'http://sebastian1012.bplaced.net/15-krims-kram-was-man-nicht-brauch-aber-doch-zum-testen-und-programmieren/Bedienungsanleitung%20%20VCBF%202.0.pdf';
$scope.pdfUrl = $scope.material;
}]);
</script>
</body>
</html>