samialfattani.github.io/pdf-viewer.html at main · samialfattani/samialfattani.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
    <title>Document</title>
</head>
<body>

    <!-- <iframe id="gview" src=""
            frameborder="0" width="100%" height="800">
    </iframe> -->
    <embed id="gview" src="https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf" style="position:absolute; left: 0; top: 0;" width="100%" height="100%" type="application/pdf">
<script>

    //let searchParams = new URLSearchParams(window.location.search);
    // if ( searchParams.has('url') ){
    //     console.log('----------------------')
    //     console.log(searchParams.get('url'))
    // }

    $( document ).ready( () =>{
        let searchParams = new URLSearchParams(window.location.search);
        let page = searchParams.get('url')
        console.log(searchParams.get('url'))
        //url = `http://docs.google.com/gview?url=https://samialfattani.github.io/assets/img/certs/IEEEXtream-10.0-2016-certificate.pdf&embedded=true`;

        //url = `http://docs.google.com/gview?url=/IEEEXtream-10.0-2016-certificate.pdf&embedded=true`;
        $('#gview').attr('src', page)
        //$('#gview').src  =
        console.log('****')
    });

//let param =

</script>


</body>
</html>