Javascript в частичном в MVC2

Question

Я использую MVC2 в моих project.I этот код на странице «.aspx», который определяет, если «.ascx» страница должна отображаться:

<% if(Model.MRxECG != null) { %> 
        <div id="ecg"> 
         <% Html.RenderPartial("ecgDetails", Model); %> 
        </div> 
        <% } %> 

Это код на странице «.ascx».

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<Intranet.Models.CareRecord.CareRecordSummaryModel>" %> 

<script type="text/javascript"> 

    function resImage(image) 
    { 
     var resize = 200; // amount in percentage 
     var oldheight = 150; // height of your image 
     var oldwidth = 250; // width of your image 
     var X = event.x; 
     var Y = event.y; 
     var newHeight = oldheight * (resize/100); 
     var newWidth = oldwidth * (resize/100); 

     image.style.height = newHeight;//height of new image 
     image.style.width = newWidth;// width of new image 

     var c = image.parentNode; 

     c.scrollLeft = (X * (resize/100)) - (newWidth/2)/2; //this is for 
     c.scrollTop = (Y * (resize/100)) - (newHeight/2)/2;//new center 
} 
    </script> 

<div> 
    <table class="layout" width="900px"> 
     <tr> 
      <td> 
      <img src='<%= Url.Action("ShowMRx12LeadImage", "CareRecord", new { id = Model.CareRecord.CaseNumber}) %>' 
                 alt="12-Lead ECG" style="width: 1000px; height: 800px;" onmouseover="resImage(this)" /> 
      </td> 
     </tr> 
    </table> 
</div> 

Изображение не приближается к событию mouseover. Я попытался разместить код Javascript на странице «.aspx», но это не сработало. Что я должен сделать, чтобы сделать эту работу?

Я не уверен, работает ли Javascript на странице .ascx. Должен ли я использовать jQuery для достижения масштабируемости?

Answer 1

image.style.height должен быть строкой с заданным размером (px), а не числом.

Рассмотрим изменения этих линий:

image.style.height = newHeight + 'px';//height of new image 
image.style.width = newWidth + 'px';// width of new image 

Существует образец onmouseover: http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onmouseover, вы можете попробовать здесь, как это работает.