2014-06-22 4 views
1

Joomla로 시작하기 전에 jqplot을 사용하는 html 페이지를 만들었고 그 페이지는 잘 작동했습니다.사용자 정의 Joomla (3.3) 구성 요소에 jqplot을 추가하는 방법은 무엇입니까?

이제 jmplot을 개발중인 사용자 정의 joomla (3.3) 구성 요소에 포함하려고합니다. 그러나 주 메뉴 항목을 통해 구성 요소를 호출 할 때 차트가 표시되지 않습니다.

UPDATE DEFAULT.PHP (줌라) CODE 더 댓글에 :

<?php 
// No direct access to this file 
defined('_JEXEC') or die('Restricted access'); 
$document = JFactory::getDocument(); 

//add jqplot libraries 
JHtml::_('jquery.framework'); 
$document->addScript(JPATH_ROOT.'/media/system/js/jquery.jqplot.min.js'); 
$document->addStyleSheet(JPATH_ROOT.'/media/system/js/jquery.jqplot.min.css'); 
$document->addScript(JPATH_ROOT.'/media/system/js/jqplot.barRenderer.min.js'); 
$document->addScript(JPATH_ROOT.'/media/system/js/jqplot.categoryAxisRenderer.min.js'); 
$document->addScript(JPATH_ROOT.'/media/system/js/jqplot.pointLabels.min.js'); 
$document->addScript(JPATH_ROOT.'/media/system/js/jqplot.enhancedLegendRenderer.js'); 
$document->addScript(JPATH_ROOT.'/media/system/js/weqlib.js'); 

?> 

<head> 
<script type="text/javascript"> 

    jQuery(document).ready(function(){ 
     var plot1 = jQuery.jqplot ('chart1', [[3,7,9,1,4,6,8,2,5]]); //copied from example at http://www.jqplot.com/tests/line-charts.php 

    }); //$(document).ready 
</script> 
</head> 

<!--<h1><?php echo $this->msg; ?></h1>--> 
<h1>Prosumer Dashboard </h1> 

<div id="chart1" style="width:600px; height:250px;"> </div> 

나는 내가 libabries를 호출하는 방법은 (내가이 복사로 jqplot 함수 호출이 괜찮 확실히 알 잘못된 생각 내 오래된 HTML 파일에서).

내가 잘못하고있는 점과 그 문제를 해결하는 방법에 대해 알고 싶습니다. 당신은 다음과 같은 방법으로 페이지의 머리에 자바 스크립트를 추가해야

답변

0

...

<?php 
$document = JFactory::getDocument(); 
$document->addScript('/media/system/js/sample.js'); 
?> 

스크립트는 현재 페이지의 URL과 관련하여 자바 스크립트를로드하려고 시도 할 것이다,하지와 관련하여 귀하 구성 요소의 URL이므로 찾지 못할 것입니다.

또한, 줌라 3 JQuery와 함께 제공 - 당신은 교체해야하므로, (템플릿이 아닌 구성 요소에서 가능)과 같이이 더 충돌 모드에서 실행되는

JHtml::_('jquery.framework'); 

참고로드 'jQuery'로 jquery 스크립트의 '$' 충돌 모드에서 실행되도록 할 수도 있습니다 ...

JHtml::_('jquery.framework', false); 

그러나 사이트에 다른 라이브러리가 실행중인 경우 문제가 발생할 수 있습니다.

+0

안녕하세요, 귀하의 의견에 감사드립니다. 더 나아가 default.php 파일의 코드를 변경했지만 프론트 페이지에 그래프가 표시되지 않습니다. 또한 콘솔에는 콘솔의 경로가 파일의 경로와 일치하므로 jqplot js 파일을 찾을 수 없다는 많은 404 오류가 표시됩니다. JPATH_ROOT; 그 상수없이 콘솔 alsow 404 오류 플러스 잘못된 경로를 보여 주었다. 내 노트북에서 Joomla를 실행 (localhost) – Joppo

관련 문제