كيفية الحصول على تطبيق في صف جدول إلى الحجم ديناميكيًا

https://stackoverflow.com/questions/1550013

20-09-2019
|

سؤال

أحتاج إلى إدراج تطبيق في صف جدول والحصول على ارتفاع صف الجدول لتغيير حجمه ديناميكيًا وفقًا لحجم نافذة المتصفح. إذا وضعت قيمًا ثابتة للعرض والارتفاع في TD-TAG ، فإن ذلك يوضح غرامة Applet ، لكنني بحاجة إلى أن أكون قادرًا على تغيير حجم هذا وفقًا لقدرات حجم العميل ، لذلك فإن استخدام الأحجام الثابتة ليس هو الإجابة.

يجب أن يوضح المقتطف أدناه مكان تكمن مشكلتي:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JavaAppletTest </title>
    </head>

    <body bgcolor="#6f6f6f" >
        <table border="0" cellspacing="0" cellpadding="0" width="100%" >
            <tr valign="top">
                <td><img src="images/myheader.jpg" alt="myheader.jpg"></td>
                <td><img src="images/mylogo.jpg" alt="mylogo.jpg"></td>
            </tr>
            <tr >
                <td colspan="2" >
                    <object codetype="application/java"
                             classid="java:applets.MyTestApplet.class">
                        <param name="codebase" value="." >
                        <param name="archive" value="MyTestApplet.jar" >
                        <param name="code" value="applets.MyTestApplet" >
                    </object>
                </td>
            </tr>
        </table>
    </body>
</html>

ما الذي يجب علي فعله لجعل عمليات التقييم الديناميكية؟

تحرير] إجابة jitter تشير إلى حل ممكن. أحتاج أيضًا إلى ضبط الأحجام ذات الصلة عندما يقوم المستخدم بتغيير حجم النافذة: ما الحدث وكيف أفعل ذلك؟

المحلول

أقترح استخدام JavaScript لكتابة object/embed علامة وحساب الحجم ديناميكيا.

يجب أن يفعل هذا الخدعة بشكل أساسي ولكن كن على دراية بحقيقة أن الحصول على العرض والحجم الصحيحين قد يكون أمرًا صعبًا. أحيلك إلى العثور على حجم نافذة المتصفح.

...
<head>
...
  <script type="text/javascript">
    window.onresize = function(event) {
      document.getElementById('myobject_tag').height = window.innerHeight;
      document.getElementById('myobject_tag').width = window.innerWidth;
    }
  </script>
</head>
...
<body bgcolor="#6f6f6f">
  <table border="0" cellspacing="0" cellpadding="0" width="100%">
    <tr valign="top">
      <td><img src="images/myheader.jpg" alt="myheader.jpg"></td>
      <td><img src="images/mylogo.jpg" alt="mylogo.jpg"></td>
    </tr>
    <script type="text/javascript">
      var height = window.innerHeight;
      var width = window.innerWidth;
      document.write(
        '<tr><td colspan="2"><object id="myobject_tag"\n' +
        'codetype="application/java"\n' +
        'classid="java:applets.MyTestApplet.class"\n' +
        'width="' + width + '"\n' +
        'height="' + height + '"\n>' +
        '<param name="codebase" value=".">\n' +
        '<param name="archive" value="MyTestApplet.jar">\n' +
        '<param name="code" value="applets.MyTestApplet">\n' +
        '</object></td></tr>'
      );
    </script>
  </table>
...

مرخصة بموجب: CC-BY-SA مع الإسناد

لا تنتمي إلى StackOverflow