mstepniowski · December 11, 2008 20:22 · Sithmi-Shehara · Dec 14, 2023
diff --git a/banner-code.html b/banner-code.html
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
 <html>
    <head>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
        <title>Test dla bannerka</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function() {
                $('#banner-width').change(function() {
                    var width = $('#banner-width').val();
                    var banner_code = '<div style="width: ' + width + 'px">Test</div>';
                    $('#banner-code').val(banner_code);
                    $('#banner-test').html(banner_code);
                })
                // Po załadowaniu strony udajemy zmianę selecta, żeby załadować 
                // domyślną wartość do textarea i do warstwy #banner-test  
                $('#banner-width').change();
            })
        </script>
    </head>
    <body>
        <form action="." method="get" accept-charset="utf-8">
            <div id="banner-test"></div>
            <select name="banner-width" id="banner-width">
                <option value="100" selected="selected">100px</option>
                <option value="200">200px</option>
                <option value="300">300px</option>
            </select>
            <textarea name="banner-code" id="banner-code" rows="8" cols="40">