Full-stack developer Emerson Rocha .::. CMS Joomla!, PHP, JavaScript/NodeJS, Infraestrutura

WEDJavascript é um componente simples com uma view no frontend e uma no backend com algum código que agiliza pequenos testes com javascript. Além disso carrega a biblioteca padrão do Mootools (que no Joomla 1.5 é o Mootools 1.1)
No frontend você também irá ver saida JSON gerada por um Array de PHP, útil ao se trabalhar com AJAX e afins.

Abaixo segue parte do código do componente, cuja versão na hora de escrita deste post é 0.3.0.1. Para checar versões mais recentes, veja o link para download no final do post.

defined('_JEXEC') or die('Access Denied');
$document =& JFactory::getDocument(); // do not delete

############################## INSERT J!MOOTOOLS #############################
//Special tags to include Joomla Default Mootools libraries
JHTML::_( 'behavior.mootools' );//Include Mootools
JHTML::_('behavior.modal'); // Behavior Modal
jimport('joomla.html.pane'); // Jpane: JPane class types include 'Tabs' and 'Sliders'.
JHTML::_('behavior.formvalidation'); //Form Validation
############################## INSERT J!MOOTOOLS #############################

################################# CUSTOM PHP ################################
//Add custom php here.



################################# CUSTOM PHP ################################

############################## INLINE JAVASCRIPT #############################
//Tip: Remember that you can also add {$phpvariable} inside
$javascriptinline = <<<JS
<!-- WEDJavascript: inline javascript start -->
<script type="text/javascript">



</script>
<!-- WEDJavascript: inline javascript end -->
JS;
############################## INLINE JAVASCRIPT #############################


################################# INLINE CSS #################################
//Tip: Remember that you can also add {$phpvariable} inside
$cssinline = <<<CSS
<!-- WEDJavascript: inline css start -->
<style type="text/css">




</style>
<!-- WEDJavascript: inline css end -->
CSS;
################################# INLINE CSS #################################

############################# EXTERNAL JAVASCRIPT ############################

//Add one especific javascript file on html <head> tag
//$document->addScript( '/media/system/js/sample.js' ); //example that add /media/system/js/sample.js to <head> tag

############################# EXTERNAL JAVASCRIPT ############################

//Add the $javascriptinline to the page. Do not need change
$document->addCustomTag($javascriptinline);
$document->addCustomTag($cssinline);
?>

<!-- WEDjavascript frontend start -->
<h2>WEDJavascript - Code for help a bit when testing javascript in Joomla frontend :D</h2>


Tip: don't forget to access <a href="/component/wedjavascript/?view=wedjavascript&format=raw" target="_blank">JSON simple output</a>

More info on <a href="http://www.fititnt.org/wedjavascript.html" target="_blank">WEDJavascript page</a>.

<!-- WEDjavascript frontend end -->
  

WEDJavascript é um componente simples com uma view no frontend e uma no backend com algum código que agiliza pequenos testes com javascript. Além disso carrega a biblioteca padrão do Mootools ( que no Joomla 1.5 é o Mootools 1.1)

No frontend você também irá ver saida JSON gerada por um Array de PHP, útil ao se trabalhar com AJAX e afins.

 

Download do WEDjavascript

Para obter o componente WEDjavascript, acesse a área de download.

Faça também download de componentes relacionados a Javascript + Joomla

Se você quer saber mais sobre como usar Behavior Modal em Joomla, tem um componente feito já com demonstração de implementação. Faça o download do WEDModal

comments powered by Disqus

fititnt.org is not affiliated with or endorsed by the Joomla Project or Open Source Matters. The Joomla logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries
HTML5 Valid

Console de depuração do Joomla!

Sessão

Informação do perfil

Memória Utilizada

Consultas ao banco