Your IP : 216.73.216.79

Current Path : /var/www/html/quran/flowpaper/
Upload File :
Current File : /var/www/html/quran/flowpaper/index_html4.html

<!doctype html>
<html>
<head>
    <title>FlowPaper AdaptiveUI</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta content="IE=Edge" http-equiv="X-UA-Compatible"></meta>
    <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width" />
    <style type="text/css" media="screen">
        html, body	{ height:100%; }
        body { margin:0; padding:0; overflow:auto;}
        .infoBox > * {font-family:Lato;}
        #flashContent { display:none; }
    </style>

    <link href='http://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext' rel='stylesheet' type='text/css'>

    <link rel="stylesheet" type="text/css" href="css/flowpaper.css" />
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.extensions.min.js"></script>
    <!--[if gte IE 10 | !IE ]><!-->
    <script type="text/javascript" src="js/three.min.js"></script>
    <!--<![endif]-->
    <script type="text/javascript" src="js/flowpaper.js"></script>
    <script type="text/javascript" src="js/flowpaper_handlers.js"></script>
</head>
<body>
<div id="documentViewer" class="flowpaper_viewer" style="position:absolute;left:10px;top:10px;width:770px;height:500px"></div>

<script type="text/javascript">
    $('#documentViewer').FlowPaperViewer(
            { config : {

                SWFFile : 'docs/Paper.pdf.swf',
                IMGFiles : 'docs/Paper.pdf_{page}.png',
                JSONFile : 'docs/Paper.js',
                PDFFile : 'pdf/Paper.pdf',

                Scale : 0.6,
                ZoomTransition : 'easeOut',
                ZoomTime : 0.5,
                ZoomInterval : 0.1,
                FitPageOnLoad : true,
                FitWidthOnLoad : false,
                FullScreenAsMaxWindow : false,
                ProgressiveLoading : false,
                MinZoomSize : 0.2,
                MaxZoomSize : 5,
                SearchMatchAll : false,
                InitViewMode : '',
                RenderingOrder : 'html,flash',
                StartAtPage : '',

                EnableWebGL : true,
                ViewModeToolsVisible : true,
                ZoomToolsVisible : true,
                NavToolsVisible : true,
                CursorToolsVisible : true,
                SearchToolsVisible : true,
                WMode : 'transparent',
                localeChain: 'en_US'
            }}
    );
</script>

<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>
<div class="infoBox" style="position:absolute;top:530px;width:770px;left:10px;">
    <h2>Ohoy!</h2>
    <p>The viewer above shows FlowPaper in flip book mode. Using FlowPaper with JavaScript is as easy as pointing to a PDF file like the code snippet below. We have also included a few set up guides to the right to help you get started quickly without any programming. </p>
<pre class="prettyprint" style="padding: 15px 15px 15px 15px;background-color:#EFEFEE">$('#documentViewer').FlowPaperViewer(
   { config : {
           PDFFile : 'pdf/Paper.pdf',
   }});</pre>
</div>

<!-- THE FOLLOWING CODE BLOCK CAN SAFELY BE REMOVED, IT IS ONLY PLACED HERE TO HELP YOU GET STARTED. -->
<div class="infoBox" style="position:absolute;left:790px;height:620px;top:10px;font-size:12pt;background-color:#CACACA;width:300px;border:1px solid #999;-webkit-box-shadow: rgba(0, 0, 0, 0.246094) 0px 2px 4px 0px;min-height:440px;font-family:helvetica, arial;font-weight:lighter;">
    <div style="padding: 5px 5px 5px 5px;font-size:17px;font-weight:bold;text-align:center;margin-top:10px;">FlowPaper Example Flipbook</div>
    <div style="padding: 5px 5px 5px 5px;font-size:13px;text-align:left;margin-bottom:10px;">Can't see the document and running from a local directory? Upload the contents of the zip file to a web server. </div>

    <div style="background-color:#EFEFEF">
        <div style="padding: 5px 5px 5px 5px;font-size:17px;font-weight:bold;text-align:center;margin-top:20px;padding-top:10px;">Quick Start</div>
        <div style="padding: 5px 5px 5px 5px;font-size:13px;text-align:left;margin-bottom:10px;line-height:150%">
            &raquo; <a href="index.html">FlowPaper in HTML5 flipbook mode <img src="https://flowpaper.com/images/html5-round-mini.png" border="0" /></a><br/>
            &raquo; <a href="index_html4.html">FlowPaper in HTML4 flipbook mode <img src="https://flowpaper.com/images/html4-round-mini.png" border="0" /></a><br/>
            &raquo; <a href="index_flash.html">FlowPaper in Flash flipbook mode <img src="https://flowpaper.com/images/flash-player-mini.png" border=0 /></a><br/>
            &raquo; <a href="index_startatpage.html">Viewer starting at page 3</a><br/>
            &raquo; <a href="index_debug.html">Interactive debugging API</a><br/>
        </div>


        <div style="padding: 5px 5px 5px 5px;font-size:13px;text-align:left;margin-bottom:10px;line-height:150%">
            <div style="float:right"><img src="https://flowpaper.com/resources/phplogo.png"/></div>
            <div style="float:left;">
                &raquo; <a href="php/setup.php">Set up publishing with PHP 5</a><br/>
                &raquo; <a href="https://flowpaper.com/docs_php.jsp">Read documentation</a><br/>
            </div>
        </div>

        <div style="clear:both">&nbsp;</div>

        <div style="padding: 5px 5px 5px 5px;font-size:13px;text-align:left;margin-bottom:10px;line-height:150%">
            <div style="float:right"><img src="https://flowpaper.com/resources/aspnetlogo.png"/></div>
            <div style="float:left;">&raquo; <a href="aspnet/systemcheck.aspx">Set up publishing with ASP.NET</a><br/>
                &raquo; <a href="https://flowpaper.com/docs_publishing_with_ASPNET.jsp">Read documentation</a><br/>
            </div>
        </div>

        <div style="clear:both">&nbsp;</div>

        <div style="padding: 5px 5px 5px 5px;font-size:13px;text-align:left;margin-bottom:10px;line-height:150%">
            <div style="float:right"><img src="https://flowpaper.com/resources/java-logo.png"/></div>
            <div style="float:left;">&raquo; <a href="java/FlowPaper.war">War file for publishing with Java</a><br/>
            </div>
        </div>

        <div style="padding: 5px 5px 5px 5px;font-size:17px;font-weight:bold;text-align:center;margin-top:60px;">Documentation</div>
        <div style="padding: 5px 5px 5px 5px;font-size:13px;text-align:left;margin-bottom:10px;line-height:150%">
            &raquo; <a href="https://flowpaper.com/docs_html_flash_html5.jsp">Choosing Publishing Format</a><br/>
            &raquo; <a href="https://flowpaper.com/docs_converting.jsp">Converting Documents Manually</a><br/>
            &raquo; <a href="https://flowpaper.com/docs_parameters.jsp">Parameters</a><br/>
            &raquo; <a href="https://flowpaper.com/docs_api.jsp">API</a><br/>
        </div>
    </div>
</div>
</div>

<script type="text/javascript">
    var url = window.location.href.toString();

    if(location.length==0){
        url = document.URL.toString();
    }

    if(url.indexOf("file:")>=0){
        jQuery('#documentViewer').html("<div style='position:relative;background-color:#ffffff;width:420px;font-family:Verdana;font-size:10pt;left:22%;top:20%;padding: 10px 10px 10px 10px;border-style:solid;border-width:5px;'><img src=''>&nbsp;<b>You are trying to use FlowPaper from a local directory.</b><br/><br/> FlowPaper needs to be copied to a web server before the viewer can display its document properly.<br/><br/>Please copy the FlowPaper files to a web server and access the viewer through a http:// url.</div>");
    }
</script>
</body>
</html>