Mi sapete almeno dire come faccio ad implementare questo script nel file pdf ?

Codice PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<head>
    <title>Dai un voto - Esempio JavaScript scaricato da HTML.it</title>
    <meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
    <meta http-equiv="Content-Language" content="it" />
    <meta name="Robots" content="All" />
    <meta name="Description" content="HTML.it - il sito italiano sul Web publishing" />
    <meta name="Keywords" content="javascript" />
    <meta name="Owner" content="HTML.it srl" /> 
    <meta name="Author" content="HTML.it srl" />  
    <meta name="Copyright" content="HTML.it srl" />
    

<script src="js/jquery-latest.js"></script>
<script>

    // This is the first thing we add ------------------------------------------
    $(document).ready(function() {
        
        $('.rate_widget').each(function(i) {
            var widget = this;
            var out_data = {
                widget_id : $(widget).attr('id'),
                fetch: 1
            };
            $.post(
                'ratings.php',
                out_data,
                function(INFO) {
                    $(widget).data( 'fsr', INFO );
                    set_votes(widget);
                },
                'json'
            );
        });
    

        $('.ratings_stars').hover(
            // Handles the mouseover
            function() {
                $(this).prevAll().andSelf().addClass('ratings_over');
                $(this).nextAll().removeClass('ratings_vote'); 
            },
            // Handles the mouseout
            function() {
                $(this).prevAll().andSelf().removeClass('ratings_over');
                // can't use 'this' because it wont contain the updated data
                set_votes($(this).parent());
            }
        );
        
        
        // This actually records the vote
        $('.ratings_stars').bind('click', function() {
            var star = this;
            var widget = $(this).parent();
            
            var clicked_data = {
                clicked_on : $(star).attr('class'),
                widget_id : $(star).parent().attr('id')
            };
            $.post(
                'ratings.php',
                clicked_data,
                function(INFO) {
                    widget.data( 'fsr', INFO );
                    set_votes(widget);
                },
                'json'
            ); 
        });
        
        
        
    });

    function set_votes(widget) {

        var avg = $(widget).data('fsr').whole_avg;
        var votes = $(widget).data('fsr').number_votes;
        var exact = $(widget).data('fsr').dec_avg;
    
        window.console && console.log('and now in set_votes, it thinks the fsr is ' + $(widget).data('fsr').number_votes);
        
        $(widget).find('.star_' + avg).prevAll().andSelf().addClass('ratings_vote');
        $(widget).find('.star_' + avg).nextAll().removeClass('ratings_vote'); 
        $(widget).find('.total_votes').text( votes );
    }
    // END FIRST THING
    

    </script>
    
    <style>
        .rate_widget {
    border:     1px solid #CCC;
    overflow:   visible;
    padding:    10px;
    position: fixed
    width:      800px;
    height:     1200px;
    background-image: url(prova_Pagina_11.jpg);
    visibility:visible;
    left: 800;
    top: 1200;
        }
        .ratings_stars {
    background: url('star_empty.png') no-repeat;
    float:      right;
    height:     28px;
    padding:    2px;
    width:      90px;
    position: absolute;
    left: 800px;
    top: 1177px;
    background-color: #434343;
        }
        .ratings_vote {
            background: url('star_full.png') no-repeat;
        }
        .ratings_over {
            background: url('star_highlight.png') no-repeat;
        }
        .total_votes {
    background: #eaeaea;
    top: 135px;
    left: 320px;
    padding: 5px;
    position:   absolute;
        } 
        .movie_choice {
    font: 10px verdana, sans-serif;
    margin: 0 auto 40px auto;
    width: 800px;
        }
        h1 {
            text-align: center;
            width: 400px;
            margin: 20px auto;
        }
    </style>
</head>
<body>
<div class='movie_choice'>
  <div id="r1" class="rate_widget">
<div class="star_5 ratings_stars" onclick="window.print()"></div>
<div class="total_votes">vote data</div>
  </div>
</div>







    <div align="center">



</body>
</html>