2011-08-17 2 views
0

코드CodeIgniter의 팝업

HREF = "#"클래스 = "팝업"> 차량 상세 정보

팝업 (대한

JS 파일 http://preview.hertzci.com/js/core 의 .js)

VAR 팝업 = 함수() {

$$('a.popup').each(function(el){ 

      el.addEvent('click', function(e){ 

        var href = el.href.toString(); 
        href += href.contains("?") ? '&ajax' : '?ajax'; 
        if ($('popup')){ 
          $('popup').destroy(); 
        } 
        var popup = new Element('div', {'id': 'popup'}); 
        var popupInner = new Element('div', {'id': 'popupInner'}).inject(popup); 
        var closeBtn = new Element('a', {'id': 'closeBtn', 'style': 'cursor: pointer'}).inject(popup, 'top'); 
        var myFx = new Fx.Morph(popup, {'duration': 600}); 
        if (el.rel){ 
          rel = el.rel.toString(); 
          xPos = rel.split(",")[0]; 
          yPos = rel.split(",")[1]; 
          myFx.set({'left': xPos, 'top': yPos}); 
        } 
        myFx.set({'opacity': 0}); 
        closeBtn.addEvent('click', function(e){ 
          myFx.start({'opacity': 0}); 
          var e = new Event(e).stop(); 
        }); 
        popup.inject(el.getParent()); 
        // Fetch popup content 
        var req = new Request.HTML({ 
          method: 'get', 
          url: href, 
          data: {}, 
          update: $('popupInner'), 
          onComplete: function(response) { 
            myFx.start({'opacity': 1}); 
          } 
        }).send(); 
        var e = new Event(e).stop(); 
      }); 
    }); 

}

제가 번째보기가 popupVehicle.php의 내용을 팝업으로 어떻게 할 수 있습니까?

답변

1

한 가지 가능한 방법 : 뒤에

<script type='text/javascript'> 
    /*Place your popup-showing logic here 
     you need to show $('#popup') element*/ 
</script> 
<div id='popup'><? echo $popup_content?></div> 

아이디어 : 뷰 파일에서

$content = array(); 
$content['popup_content'] = $this->load->view('popupVehicle',array(), TRUE); 
$this->load->view(*your view*, $content); 

:

이 컨트롤러 파일에서

(TRUE주의, 그것은 접근의 열쇠) 뷰의 내용을 변수에로드하고,이 변수를 다른 뷰에 전달하여 팝업 요소에 표시합니다.