Joomla 구성 요소에서 모달 창을 구현하는 방법

이 문서의 예에서는 Joomla 구성 요소에서 모달 창을 팝업하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 사항은 다음과 같습니다.

가장 중요한 JS는 /media/system/js/modal.js에 있습니다. 이를 달성하는 방법에는 두 가지가 있습니다. 확장 구성 요소의 템플릿 파일 default.php

입니다. 방법 1:

<?php JHTML::_('behavior.modal', 'a.modal');?>
<a rel="{handler: 'iframe', size: {x: 570, y: 400}}" href="/index.php">view</a>

구현이 매우 간단하고 나머지는 Joomla!에서 처리해 드립니다. 행복해요!

방법 2:

<script src="/media/system/js/modal.js"></script>
<link rel="stylesheet" href="/media/system/css/modal.css" type="text/css" />
<a /a>
<script>
 function f() {
   SqueezeBox.fromElement(null, {handler: 'iframe', size: {x: 570, y: 400}, href:'/index.php'});
};
</script>

일반적으로 modal.js가 어떻게 구현되는지 알아보고 싶다면 두 번째 방법을 사용하는 것이 좋습니다. . 소개 예.

줌라 관련 콘텐츠에 더 관심이 있는 독자는 이 사이트의 특별 주제인 "Yii 프레임워크 및 공통 기술 시작하기 요약", "우수한 PHP 개발 프레임워크 요약", "기본 튜토리얼"을 확인할 수 있습니다. Smarty 템플릿 시작하기", "ThinkPHP 일반 메소드 요약", "PHP 객체지향 프로그래밍 소개 튜토리얼", "PHP 문자열 사용법 요약", "PHP MySQL 데이터베이스 작업 소개 튜토리얼" 및 "일반 PHP 요약" 데이터베이스 운영 기술"

희망 이 기사에서 설명하는 내용은 Joomla를 기반으로 프로그램을 설계하는 모든 사람에게 도움이 될 것입니다.

위 내용은 관련 내용을 포함하여 Joomla 컴포넌트에서 모달 창을 팝업하는 방법을 소개하고 있으니 PHP 튜토리얼에 관심이 있는 친구들에게 도움이 되길 바랍니다.