0

私はフォームを持っており、フォームにはボタンがあり、それをクリックすると、ループテーブルで構成されるポップアップウィンドウが表示されます。これは、テーブルの幅が固定されておらず、高さが固定されていることを意味します。基本的に私の質問は、ユーザーが調整しなくてもテーブルの内容に応じてポップアップウィンドウのサイズが自動的に変更されるように、この結果をどのように達成するかです。私は完璧なポップアップを試してみました

幅が不明な画像以外のコンテンツに合わせてポップアップのサイズを変更する

しかし、私は自分のページでそれを機能させることができませんでした。私はこれで少し遅いです。

これが私がどのようになりたいかの写真です。 pic1

ご参考までに。新しいデータがあるたびに、このテーブルが下に表示されます。下に表示されないようにする方法を教えてください。新しいデータがあるときに下にジャンプしない限り、水平方向にスクロールすることも問題ありません。基本的にテーブルはこんな感じ。 ここに画像の説明を入力

html

<input type="button" value="Condition" onClick="window.open('{% url Condition_view dept_id patient_NO %}', '', 'width=500, height=200, menubar=0, resizable=0, scrollbars=yes, status=0, titlebar=0, toolbar=0')">

助けてください。私の場合の最善の解決策は何ですか? Djangoで使用できる限り、私はすべてのソリューションを受け入れています。この場合、私は初心者です。どんな助けでも大歓迎です。ありがとうございました。

編集された質問

{% url Condition_view dept_id patient_NO %} ページからの私の html テーブル

<body>

{% if conditioner%}
<div id ="patient_table" style="clear:both">
<form action="." method="post" onsubmit=""> 
{% csrf_token %}
<table border="1" id="thetable">
<thead>
  <tr>
  <th>Person_ID {{ patient_CPR }}</th>
  <th>Smoker</th>
  <th>Weight</th>
  <th>Height</th>
      </tr>
    </thead>
    <tbody>
{% for condition in conditioner %}
{% with "#CCE6FF" as bgcolor%} 
<tr>
   <td style="height: 30">{{ condition.NEW_DATE }}</td>
   <td>
   <select class="SMOKER" name="condition">
   <option value="{{condition.smoker.0.0}}"
   {% if condition.SMOKER == condition.smoker.0.0 %}selected="selected"{% endif %}>Never</option>
       <option value="{{condition.smoker.1.0}}" 
       {% if condition.SMOKER == condition.smoker.1.0 %}selected="selected"{% endif %}>Ex-smoker</option>
       </select>
   </td>
   <td><input type="text" name="condition" id="condition{{ forloop.counter }}" value="{{ condition.WEIGHT }}" /></td>
   <td><input type="text" name="condition" id="condition{{ forloop.counter }}" value="{{ condition.HEIGHT }}" /></td>
    </tbody>
 </table>
 <input type="submit" value="Save" />
 </form>
 </div>

 {% else %}
 <p>No patient.</p>
 {% endif %}

 </body>

この情報があれば、誰かが私の問題を解決するのに役立つことを願っています。再度、感謝します。

4

1 に答える 1

1

関数を呼び出すように変更してonClick、関数内で幅を設定できるようにします

HTML

<input onClick="openTableWindow('{% url Condition_view dept_id patient_NO %}')">

JS

function openTableWindow(url) {
    var windowWidth = /* get width of table*/
    var windowProperties = 'width=' + windowWidth + ', height=200, ......  toolbar=0';
    window.open(url, '', windowProperties);
}
于 2012-11-15T11:46:54.450 に答える