Компонент Форекса Joomla

компонент форекса joomla

Unfortunatly it's not that easy.

1. Go to eunic-brussels.eu
2. Use the guide to make the settings for your meebome widget. The size setting will be overwritten by the module. Click on the "Next" button when you are ready.
3. Register a new meebo account or sign in your existing account.
4. Copy the code shown in the box to any text editor.
5. Copy the widget ID. It's read marked in the following example. This is the widget ID you have to put in the module settings!

You can use the example widget ID to test the module. It's a nice way to contact me

I think there isn't any possibility to let the module create a widget ID. The only idea I have is to let the user put the whole widget code into the modules configuration and the module will filter the widget ID automatically. Would that be better?

Jonas

Last edited by Jobra on Fri Dec 28, am, edited 1 time in total.

Adding JavaScript and CSS to the page

This is one of a series of API Guides, which aim to help you understand how to use the Joomla APIs through providing detailed explanations and sample code which you can easily install and run.

Inserting from a File[edit]

Joomla allows you to add JavaScript and CSS files to your HTML document, and it puts the associated <script> and <link> elements within the HTML <head> section. To do this you call the addScript and addStyleSheet methods of the Joomla object which represents the HTML document. Since Joomla! buffers all the HTML-related data that makes up a page before output, it is possible to call these methods anywhere within your code.

First, get a reference to the current document object:

use Joomla\CMS\Factory; $document = Factory::getDocument(); // above 2 lines are equivalent to the older form: $document = JFactory::getDocument();

Then for a style sheet, use this code:

$document->addStyleSheet($url);

To add a JavaScript file, use this code:

$document->addScript($url);

where $url is the variable containing the full path to the JavaScript or CSS file. For example: JUri::base() . 'templates/custom/js/eunic-brussels.eu'

Note this will not include Mootools or jQuery. If your script requires Mootools or jQuery see JavaScript Frameworks for full details on how to include them. (Note that jQuery can only be included natively on Joomla! +.) It used to be possible to do this with JHTML, however, this was deprecated in Joomla and removed in Joomla 3.x.

$options and $attributes Parameters[edit]

You can add $options and $attributes parameters to the above methods. The $options control overall how the <script> and <link> elements are output while the $attributes get set as HTML attributes within those tags. (Note that although there are Deprecated markers against the addScript and addStyleSheet methods of the Joomla Document API, these markers refer just to the signature of these methods; the form of the signature using $options and $attributes parameters is not deprecated). The $options parameter should be an array and 2 different options are currently supported:

version => auto If this is set then a 'media version' is appended as a query parameter to the CSS or JavaScript URL within the <script> or <link> element. This is a string (an md5 hash) that is generated from factors including the Joomla version, your Joomla instance secret and the date/time at which the media version was generated. The media version is regenerated whenever anything is installed on the Joomla instance. Its purpose is to force browsers to reload the CSS and JavaScript files instead of using possibly outdated versions from cache.

For example

$document->addStyleSheet("eunic-brussels.eu", array('version'=>'auto')); // leads to something like // <link href="eunic-brussels.eu?37ebbbe0dfe5b1eb40b6" rel="stylesheet">

The string of characters after the ? is the md5 hash, which will change when extensions or Joomla itself are installed/upgraded/uninstalled.

conditional' => 'lt IE 9 (as an example). This outputs the <script> or <link> within a Conditional Comment which earlier versions of Internet Explorer interpreted.

For example

$document->addScript("eunic-brussels.eu", array('conditional'=>'lt IE 9')); // leads to //

The $attributes parameter should also be an array, and these are mapped to be HTML attributes of the <script> or <link> element. For example,

$document->addScript("eunic-brussels.eu", array(), array('async'=>'async')); // leads to // <script src="eunic-brussels.eu" async></script>

Adding the Options to Your JavaScript Code[edit]

Joomla!&#;

&#;&#;

Only available in Joomla! and higher

(Note that these Options are different from the $options parameter described above).

Beside adding inline scripts, Joomla! provides a mechanism to store the options in the "optionsStorage". This allows you to nicely manage existing options on the server side and on the client side. It also allows you to place all JavaScript logic into the JavaScript file, which will be cached by browser.

Joomla! uses a special mechanism for "lazy loading" the options on the client side. It doesn't use inline JavaScript, which is good for page rendering speed, and makes your site more friendly to the Speed Testers (e.g. Google).

The use of "optionsStorage" is preferred over inline JavaScript for adding the script options.

Example of Use

Add the script options to your module:

$document = JFactory::getDocument(); $document->addScriptOptions('mod_example', array( 'colors' => array('selector' => 'body', 'color' => 'orange'), 'sliderOptions' => array('selector' => '.my-slider', 'timeout' => , 'fx' => 'fade') ));

Access your options on the client side:

var myOptions = eunic-brussels.euions('mod_example'); eunic-brussels.eu(eunic-brussels.eu); // Print your options in the browser console. eunic-brussels.eu(eunic-brussels.euOptions);

Override the options on server side. (Possible until the head rendering.):

$document = JFactory::getDocument(); // Get existing options $myOptions = $document->getScriptOptions('mod_example'); // Change the value $myOptions['colors'] = array('selector' => 'body', 'color' => 'green'); // Set new options $document->addScriptOptions('mod_example', $myOptions);

Passing Language Strings to JavaScript[edit]

There are cases when you may want to output an error message in your JavaScript code and want to use the Joomla mechanism of language strings. You could manage this by using addScriptOptions to pass down each language string you need, but Joomla provides a more succinct solution. To pass a language string to JavaScript do in your PHP code, for example,

JText::script('JLIB_APPLICATION_ERROR_ACCESS_FORBIDDEN'); Then in your JavaScript code you can do:

var message = eunic-brussels.eu_('JLIB_APPLICATION_ERROR_ACCESS_FORBIDDEN'); to obtain in the user's language the text message associated with the language constant. Obviously certain language strings have embedded %s characters, so in your JavaScript code you will have to handle that, eg using an external JavaScript sprintf library or string replace, etc.

Inserting Inline Scripts from Within a PHP File[edit]

If your JavaScript or CSS are generated using PHP, you can add the script or style sheet directly into the head of your document:

$document = JFactory::getDocument(); // Add Javascript $document->addScriptDeclaration(' eunic-brussels.eu("domready", function() { alert("An inline JavaScript Declaration"); }); '); // Add styles $style = 'body {' . 'background: #00ff00;' . 'color: rgb(0,0,);' . '}'; $document->addStyleDeclaration($style);

JavaScript Example[edit]

For example, the following code is used to define a custom tool tip that takes advantage of Mootools.

Note that in order for this JavaScript to be useful, it is necessary to include the appropriate class name in the HTML, as well as providing the eunic-brussels.eu file. Both are outside the scope of this article.

CSS Examples[edit]

This is also useful if you are inserting a form field of CSS into your code. For example, in a module you might want a user to choose the colour of the border. Call the form field's value and assign it a variable $bordercolor in mod_eunic-brussels.eu Then in tmpl/eunic-brussels.eu you can include the following:

$document = JFactory::getDocument(); $document->addStyleSheet('mod_example/mod_eunic-brussels.eu'); $style = '#example { border-color:#' . $bordercolor . '; }'; $document->addStyleDeclaration( $style );

Here mod_eunic-brussels.eu contains the CSS file of any non-parameter based styles. Then the bordercolor parameter/form field is added in separately.

Add Custom Tag[edit]

There will be some occasions where even these functions are not flexible enough, as they are limited to writing the contents of <script /> or <style /> tags, and cannot add anything outside those tags. One example would be the inclusion of a style sheet link within conditional comments, so that it is picked up only by Internet Explorer 6 and earlier. To do this, use $document->addCustomTag:

$stylelink = '' ."\n"; $document = JFactory::getDocument(); $document->addCustomTag($stylelink);

If it was necessary to include other conditional CSS, always include the addCustomTag method after it is declared.

Sample Module Code[edit]

Below is the code for a simple Joomla module which you can install and run to demonstrate adding CSS and JavaScript, and can adapt to experiment with the concepts above. If you are unsure about development and installing a Joomla module then following the tutorial at Creating a simple module will help. In a folder mod_css_js_demo create the following 4 files:

mod_css_js_eunic-brussels.eu

<?xml version="" encoding="utf-8"?> <extension type="module" version="" client="site" method="upgrade"> <name>css js demo</name> <version></version> <description>Code for including JS and CSS links</description> <files> <filename module="mod_css_js_demo">mod_css_js_eunic-brussels.eu</filename> <filename>eunic-brussels.eu</filename> <filename>eunic-brussels.eu</filename> </files> </extension>

mod_css_js_eunic-brussels.eu

<?php defined('_JEXEC') or die('Restricted Access'); use Joomla\CMS\Factory; $document = Factory::getDocument(); $options = array("version" => "auto"); $attributes = array("defer" => "defer"); $document->addScript(JURI::root() . "modules/mod_css_js_demo/eunic-brussels.eu", $options, $attributes); $document->addStyleSheet(JURI::root() . "modules/mod_css_js_demo/eunic-brussels.eu", $options); $document->addScriptOptions('my_vars', array('id' => "css-js-demo-id2")); JText::script('JLIB_HTML_EDIT_MENU_ITEM_ID'); echo '<h1 id="css-js-demo-id1">Hello World!</h3>'; echo '<button id="css-js-demo-id2">Click here!</button>';

eunic-brussels.eu

#css-js-demo-id1 { color: red; }

eunic-brussels.eu

jQuery(document).ready(function() { const params = eunic-brussels.euions('my_vars'); eunic-brussels.eu(params); eunic-brussels.eu("JS language constant: " + eunic-brussels.eu_('JLIB_HTML_EDIT_MENU_ITEM_ID')); var message = eunic-brussels.eu_('JLIB_HTML_EDIT_MENU_ITEM_ID'); message = eunic-brussels.eue("%s", eunic-brussels.eu); eunic-brussels.eumentById(eunic-brussels.eu).addEventListener("click", function() {alert(message);}); });

Zip up the mod_css_js_demo directory to create mod_css_js_eunic-brussels.eu. Within your Joomla Administrator go to Install Extensions and via the Upload Package File tab, select this zip file to install this sample mod_css_js_demo module. Make this module visible by editing it (click on it within the Modules page) then:

making its status Published
selecting a position on the page for it to be shown
on the menu assignment tab specify the pages it should appear on

When you visit the web page, you should see the module in your selected position. It should display:

a message Hello World! which the CSS file should change to display in red
a button which when you click it will execute an alert() showing the language string and variable which were passed down from the PHP code.

Using your browser's development tools you can also view the <script> and <link> elements within the HTML and see the JavaScript output on the console.

Adding JavaScript and CSS to the page

Inserting from a File[edit]

To have a well-formed XHTML document, you must put all references to Javascript and CSS files within the portion. Since Joomla! generates all the HTML that makes up a page before output, it is possible to add these references within the <head> tags from your extension. The simplest way to do this is to make use of the functionality built in to Joomla!. In Joomla you can still use the following, but it's marked as deprecated and changed in 3.x:

// Add a reference to a Javascript file // The default path is 'media/system/js/' JHtml::script($filename, $path, $mootools); // Add a reference to a CSS file // The default path is 'media/system/css/' JHtml::stylesheet($filename, $path);

With the changed API in 3.x, the second parameter cannot be a string. If you really need to use these methods and wish to have compatibility with Joomla 3.x, you must include the absolute link to your files:

<?php JHtml::script(JUri::base() . 'templates/custom/js/eunic-brussels.eu', $mootools); JHtml::stylesheet(JUri::base() . 'templates/custom/css/eunic-brussels.eu'); ?>

Using these functions, Joomla! will take care of any additional requirements. For example, if your Javascript requires Mootools, setting will automatically ensure that Mootools is loaded, if it has not already been done.

However, the above functions will not be flexible enough for every scenario, and so it is possible to tap into the underlying functionality instead. Of course, you will also need to manually code some of the steps that would be done automatically using the functions above.

First, get a reference to the current document object:

$document = JFactory::getDocument();

For a stylesheet, use this code:

$document->addStyleSheet($url);

To add a Javascript file, use this code:

$document->addScript($url);

Note this will **NOT** include Mootools or jQuery. If your script requires Mootools or jQuery see Javascript_Frameworks for full details on how to include them (note jQuery can only be included natively on Joomla +).

Inserting from within a PHP file[edit]

If your Javascript or CSS are generated using PHP, you can add the script or stylesheet directly into the head of your document:

Javascript Examples[edit]

For example, the following code is used to define a custom tool tip that takes advantage of mootools.

Note that in order for this Javascript to be functionally useful, it would be necessary to include the appropriate class name in the HTML, as well as providing the file. Both are outside the scope of this article.

CSS Examples[edit]

This is also useful if your inserting a parameter/form field of CSS into your code. For example in a module, you might want a user to choose to call the colour of the border. After calling the parameter/form field and assigning it a variable $bordercolor in mod_eunic-brussels.eu Then in tmpl/eunic-brussels.eu you can include the following

$document = JFactory::getDocument(); $document->addStyleSheet(JURI::base() . 'modules/mod_example/css/mod_eunic-brussels.eu'); $style = '#example { border-color:#' . $bordercolor . '; }'; $document->addStyleDeclaration( $style );

Here mod_eunic-brussels.eu contains the CSS file of any non-parameter based styles. Then the bordercolor parameter/form field is added in separately

Add Custom Tag[edit]

There will be some occasions where even these functions are not flexible enough, as they are limited to writing the contents of or tags, and cannot add anything outside those tags. One example would be the inclusion of a stylesheet link within conditional comments, so that it is picked up only by Internet Explorer 6 and earlier. To do this, use :

DJ-ImageSlider

Each slide can include a title, description and can be linked to any Joomla article, menu item, or other URL or even do not linked (the magnificent popup appears ).

The Joomla slideshow extension also allows setting a start/end publishing date. Created slides can be organized in an unlimited number of slideshow categories and each category can have an unlimited number of slides.

Joomla Slideshow Features

As we mentioned above, it&#x;s a fully responsive, mobile, and touch-ready Joomla slideshow.
The slideshow adapts to all screen sizes! It also offers a swipe navigation handling for touch screens.
What about slider effects and slider customization options? DJ-Image-Slider brings HTML5/CSS3 transitions 9+ slide effects . Users can set a custom slide transition time, choose bulletsnumber as slider indicators, and load custom slider buttons (prev/next/ and play/pause).

What&#;s more?

The Joomla slideshow comes with a huge number of useful slider features. Check more of them listed below:

Easy slider backend control panel.
Easy listing and adding categories (groups).
Each slide can be customized.
Module settings allow setting the Slider source, Slider type, slider theme, and image.
The description box can be customized.
full RTL support
drag&drop slides ordering in the back-end
cross-browser support

We need to add that DJ Image Slider is an accessible slideshow component and it follows the latest Web Content Accessibility Guidelines (WCAG). It comes with compatibility with keyboard access (arrows and tab+ spacebar/enter key navigation). The accessibility is a very important issue when it comes to using the slider by people with different disabilities and older people, or those living in developing countries. Accessible slideshow is essential for many website visitors using keyboard navigation. Also, the people who are distracted by movement can pause a slideshow or if they need more time to read something, they can pause a slide, and find a while to understand the displayed content. You can enable or disable support for keyboard navigation with tab key and arrow keys!

The free slider extension offers many language translations of the slider (read below for more info)!

Tutorials

DJ Image Slider offers a tutorial section where users may find many articles, related to this free slideshow extension. Take a look at the list of available slider tutorials:

How to customize slide in DJ-ImageSlider
See how to create an attractive slideshow using unregular shapes, and customized colors for each element of the slide.

How to add DJ Image Slider module to the content
Discover how to publish DJ Image Slider module inside your content.

Fx-Transitions
See the list of the available slider effects along with the graph of how they work.

How to create smooth scrolling effect
See how to set the smooth scrolling for your slider.

How to link slides to external URLs
Linking slides to external URLs in DJ Image Slider is not a complicated issue.

DJ Image Slider doesn&#;t work after update from ver. 2.x to 3.x
The slider doesn&#;t work after the update? Follow the quick step by step guide.

How to change the spinning wheel/loader in DJ Image Slider
See how to change the slideshow spinning wheel/loader.

How to create a new slider theme?
Creating a new slider theme is very simple. Just follow a few steps.

DJ Image Slider system requirements
Check the slideshow extension&#x;s system requirements.

How to make a continuous loop?
Continuous slider loop is not available in DJ Image Slider. But you can use another slideshow extension.

How to change the background color of the description box?
Changing the background of a slideshow description box can be achieved only via CSS modifications, but this is a simple fix. See how to do it.

Custom ALT and TITLE image attributes in DJ Image Slider
You&#;ll find two fields in slide&#;s edition under "Images attributes" section. See how to use them.

How to get the slides to fade like on demo page?
See how to get the effect of slides to fade like on the slider demo page

How to redirect images to external links properly?
When you&#;re adding URL links to the slider make sure you are adding https:// or http:// before the address

Translations

We need to mention that the Joomla slideshow extension is a friendly slider for users from different countries because it includes available slideshow translations for such languages:

English
Polish
French
Russian
Italian
Dutch
Hebrew
Hungarian
German
Spanish

The number of available DJ Image Slider translations will be increased.

DJ Image Slider videos

Although our slider does not have video tutorials section, there is a DJ Image Slider user Movies playlist. We&#x;ve gathered a set of slideshow videos (in English and Spanish) about the Joomla slideshow component. Watching the slider videos you can learn:

How to load banners on the website
General orientation to DJ Image Slider
How to manage DJ image slider component?

Changelog

DJ-ImageSlider - slideshow ver.
- Added compatibility with PHP 8.x
- Fixed issue with the Joomla 4 Content SEF Helper

DJ-ImageSlider - slideshow ver.
- Full Joomla 4 compatibility
- Minor fixes
Version changelog:

DJ Image Slider - slideshow ver.
- added the possibility to attach subcategories to a given slider
- allow the user to set module radius
- allow the user to personalize slider colors
- Alt and caption attribute now doesn&#;t show it is not declared (incorrect code in terms of accessibility)
- Problem with missing alt and caption attribute
- Don´t show the Next button when there is only one slide
- Rebuilding in module settings
- Font size title and description