2012-05-21 2 views
0

스크립트 :지고 값

$(document).ready(function() { 
    //Change these values to style your modal popup 
    var align = 'center';        //Valid values; left, right, center 
    var top = 100;           //Use an integer (in pixels) 
    var width = 500;          //Use an integer (in pixels) 
    var padding = 10;         //Use an integer (in pixels) 
    var backgroundColor = '#FFFFFF';      //Use any hex code 
    var source = 'AttractionDetails.aspx?AttractionID= **HOW_DO_I_GET_THE_VALUE_FROM_HIDDEN_FIELD** ';         //Refer to any page on your server, external pages are not valid e.g. http://www.google.co.uk 
    var borderColor = '#333333';       //Use any hex code 
    var borderWeight = 4;         //Use an integer (in pixels) 
    var borderRadius = 5;         //Use an integer (in pixels) 
    var fadeOutTime = 300;         //Use any integer, 0 = no fade 
    var disableColor = '#666666';       //Use any hex code 
    var disableOpacity = 40;        //Valid range 0-100 
    var loadingImage = 'lib/release-0.0.1/loading.gif';  //Use relative path from this page 

    //This method initialises the modal popup 
    $(".modal").click(function() { 
     modalPopup(align, top, width, padding, disableColor, disableOpacity, backgroundColor, borderColor, borderWeight, borderRadius, fadeOutTime, source, loadingImage); 
    }); 

    //This method hides the popup when the escape key is pressed 
    $(document).keyup(function(e) { 
     if (e.keyCode == 27) { 
      closePopup(fadeOutTime); 
     } 
    }); 

}); 

목록보기 : 내가 원하는 모든 항목의 HiddenField 값을 얻을 수 있습니다

<ItemTemplate> 
         <td id="Td6" runat="server" style="background-color: #FFFFFF; color: #000000; width: 120px;"> 
          <asp:Label ID="AttractionNameLabel" runat="server" Text='<%# Eval("AttractionName") %>' /> 
          <br /> 
          <a class="modal" href="javascript:void(0);"> Modal Pop Up </a> 
          <asp:HiddenField ID="HiddenField1" runat="server" Value='<%# Eval("AttractionID") %>' /> 

         </td> 
        </ItemTemplate> 

이 클릭에 [클릭하고 하이퍼 링크에 "모달 팝업"] 자바 스크립트를 사용하여. 사전에

감사합니다.

+0

앵커에 할당하기. – Snuffleupagus

+0

친절하게 설명해 주실 수 있습니까? – user1150440

답변

2

숨겨진 필드를 사용하지 않고 수행 할 수 있습니다. 데이터 속성을 추가하고 AttractionID로 설정하십시오. 이 메소드는 숨겨진 필드를 사용하여 값을 유지하고 전달할 필요가 없습니다.

<a class="modal" href="javascript:void(0);" data-AttractionID='<%# Eval("AttractionID") %>'> Modal Pop Up </a> 

은 attractionID이 생산 코드이고 내가 평가 후면 문을 잘라 것이며, 숨겨진 필드를 사용하지 않을 장난하지 않으면 태그를

$(".modal").click(function() { 
     valueofAttractionID = $(this).data('AttractionID'); 
     modalPopup(align, top, width, padding, disableColor, disableOpacity, backgroundColor, borderColor, borderWeight, borderRadius, fadeOutTime, source, loadingImage); 
    }); 
+0

Claudio의 방법이 certianly 작동하는 동안 추가 마크 업이 필요하지 않으며 DOM 트리에서 절대로 이동하지 않는 마크 업에 의존하지 않기 때문에이 방법이 더 좋습니다. – ShaneBlake

+0

@ShaneBlake : 서버 측 코드가 여전히 손상 될 수 있으며 내가 valueofAttractionID' 여기에'var에 소스 '의 가치를 어떻게 @ShaneBlake – skarmats

+0

기존 ='AttractionDetails.aspx? AttractionID = ** HOW_DO_I_GET_THE_VALUE_FROM_HIDDEN_FIELD ** '' – Adil