Highslide - 여러 개의 확장자로 전체 헤더를 드래그 할 수 있음

Question

앞서 HighSlide에서 draggable 헤더에 관한 관련 질문을했고 RoadRash의 답변을 얻었습니다. (많은 감사합니다!)

그러나 솔루션에서 contentId를 사용할 수있는 것으로 보이지 않습니다. 이는 여러 확장기에 필요하다고 생각합니다.

아래 코드에는 두 개의 링크가 있습니다. 둘 다 "일한다". 첫 번째 문제는 근본적으로 원래의 문제에 대한 해결책이지만 새로운 문제를 제시합니다. 두 번째 방법은 원래 사용했던 방식과 비슷하며 대략 비슷합니다.

내가 필요한 것은 두 가지 접근 방식의 장점이 있어야합니다. 나는 텍스트를 드래그 할 수있는 것 이상의 크기가 필요한 머리말이 필요하다. 크기를 변경하기를 원하지 않는다. 같은 페이지에서 여러 HTML 확장자에 대해 여러 div를 참조 할 수있는 기능이 필요하다. 나는 contentId가 이것에 필요하다고 믿지만 잘못 될 수 있습니다.

는 (무슨 뜻인지 확인하려면 HighSlide를 구현하는 모든 페이지에 코드를 붙여 각 나를 클릭 클릭하십시오.)

어떤 도움을 많이 감사합니다. 나는 대답이 작동 할 때 항상 녹색 체크를 확인하고 항상 지식이 풍부한 시도를 도와줍니다.

<!-- THIS WORKS, BUT DOES NOT ALLOW ME TO SPECIFY CONTENT FOR EACH LINK. --> 

<a href="javascript:;" onclick=" 
    hs.headingText = 'First header - entire top is draggable!'; 
    return hs.htmlExpand(this, {wrapperClassName: 'draggable-header', width: 550})" 
     title="Popup Title" 
     class="highslide"> 
    Click Me First! 
</a> 
<div class="highslide-maincontent"> 
    <h3>First Example</h3> 
    This one can be dragged by the entire header area. (Good for me.)<br> 
    However, it supplies a resizing thumb in the lower-right corner. (Bad for me.)<br> 
    It does NOT use contentId. (Which is necessary for me because I have 
    many expanders on the page.)     
</div> 

<br> 
<br> 

<!-- THIS WORKS ALSO, BUT ONLY THE TEXT IS DRAGGABLE. --> 

<a href="javascript:;" onclick=" 
    hs.headingText = 'Second header - only text is draggable!'; 
    return hs.htmlExpand(this, {wrapperClassName: 'draggable-header', contentId: 'myContent', width: 550})" 
     title="Popup Title" 
     class="highslide"> 
    Click Me Second! 
</a> 
<div class="highslide-html-content" id="myContent"> 
     <div class="highslide-header"> 
     <ul> 
      <li class="highslide-close"> 
       <a href="#" onclick="return hs.close(this)"></a> 
      </li> 
     </ul> 
    </div> 
    <div class="highslide-body"> 
    <h3>Second Example</h3> 
    This one can ONLY be dragged by the text in the header area. (Bad for me.)<br> 
    It does not supply a resizing thumb in the lower-right corner. (Good for me.)<br> 
    It DOES use contentId. (Necessary for me because I have 
    many expanders on the page.)    
    </div> 
</div> 

Answer 1

당신은합니다 (highslide-maincontent 사업부와) 나는 당신에게 here을 준 솔루션으로 원하는 것을 얻을 수 있습니다.

우리가 미리 만들어이 같은 기존 코드에 추가 할 수있는 크기 조정 아이콘이있는 바닥 글을 제거하기위한 wrapperClassName : wrapperClassName: 'draggable-header no-footer'

같은에서 원하는만큼 highslide - maincontent 팝업을 사용할 수 있습니다 페이지. http://jsfiddle.net/roadrash/mXmLN/1/