확장 할 테이블 및 iframe

Question

테이블에있는 iframe 너비를 확장하는 스크립트가 있습니다. 이 코드는 Internet Explorer에서 작동했으며 Internet Explorer에서 작동합니다. javascript 함수는 확장 화살표를 호출하는 onclick입니다. 그런 다음

<table cellspacing="0" cellpadding="0" style="border: 1px solid #000000;"> 
    <tbody> 
     <tr> 
      <td style="background-color: rgb(232, 226, 210);border-bottom-style: solid;border-right-style:solid;border-width:1px;border-bottom-style:solid;border-width:1px;"> 
       <p class="headings"> 
        iWannaGo.co Best Deals 
        <a onClick="setContract()" title="Minimise Fares Window"> 
        <img alt="<" width="20" height="20" src="/wp-content/themes/thesis_18/custom/images/left.png"></a> 
        Expand 
        <a onClick="setExpand()" title="Maximise Fares Window"> 
         <img alt=">" width="20" height="20" src="/wp-content/themes/thesis_18/custom/images/right.png" > 
        </a> 
       </p> 
      </td> 
      <td style="background-color: rgb(232, 226, 210);border-bottom-style:solid;border-width:1px;"> 
       <p class="headings">Compare Recommended Sites</p> 
      </td> 
     </tr> 
     <tr> 
      <td id="fare" style="border-right-style:solid;border-width:1px;vertical-align:top;"> 
       <iframe src="<?php echo $search_fb; ?>" id="farebuzz" scrolling="auto" width=800 height=400 frameborder="0" align="left" style="overflow-x: hidden;padding-left:10px;padding-right:10px;"></iframe> 
       </td> 
      <td id="bwix"> 
       <iframe src="<?php echo $search_bw; ?>" id="bwiz" scrolling="auto" width=300 height=300 frameborder="0" style=""> </iframe> 
      </td> 
     </tr> 
    </tbody> 
</table> 

자바 스크립트 기능 :

이

테이블 코드입니다.

• working expansion
• not working

링크 작업을 확장 IE에서 작동 정말 혼란 것입니다 : 여기

function setExpand() { 
     var iframeElement = parent.document.getElementById('farebuzz'); 
     var iframeElements = parent.document.getElementById('bwiz'); 
     var tableElement = document.getElementById('fare'); 
     var tableElements = document.getElementById('bwix'); 
     iframeElement.style.height = 400; 
     iframeElement.style.width = 960; 
     iframeElements.style.width=150; 
     tableElement.style.width=960; 
     tableElements.style.width=150; 
} 
function setContract() { 
     var iframeElement = parent.document.getElementById('farebuzz'); 
     var iframeElements = parent.document.getElementById('bwiz'); 
     var tableElement = document.getElementById('fare'); 
     var tableElements = document.getElementById('bwix'); 
     iframeElement.style.height = 400; 
     //100px or 100% 
     iframeElement.style.width = 800; 
     //100px or 100% 
     tableElement.style.width=800; 
     tableElements.style.width=300; 
     iframeElements.style.width=300; 
} 
function expanddiv() { 
     var padElements = document.getElementById('pad'); 
     padElements.style.display='block'; 
} 

코드의 작동 및 작동하지 않는 형태이다 . 당신은 숫자로 style.width를 설정할 수 없습니다

Answer 1

, 그것은 문자열이어야한다 그리고 그것은 px 접미사를 포함해야합니다

iframeElement.style.height = "400px"; 

편집 : 또한, 이미지의 고도에서 꺾쇠 괄호를 인코딩 고려 속성. 그것은 다음과 같아야합니다 :

<img alt="&lt;" ... /> 
<img alt="&gt;" ... /> 

이것은 당장 당면한 문제는 아니지만 가까운 장래에 확실히 나타날 수 있습니다. 이미 SO 코드 형식을 엉망으로 만들고있어. :-)