how to use materializejs components with meteor - javascript

I use materialize framework for my front-end meteor app.
I have installed materialize package and jQuery package, and I can use componants that use only css but when it came to js componants I can't find where to put the Initialization.
For example I want to add dropdown I take the HTML code and I put it inside my HTML file
enter image description here
After that I didn't know how and where can i put the js or jquery code
enter image description here
So I want to know where and how I use the js or the jquery lines please.

Related

Using JavaScript Plugins with Angular 4

I'm trying to use the Bootstrap 3 Datepicker plugin (http://eonasdan.github.io/bootstrap-datetimepicker/) with Angular 4.0.
I've included the necessary JS and CSS (and a custom JS script calling the plugin) in my angular-cli.json file and the script loads great on the first page that I open but stops working as soon as I route to another component.
I figure that I need a way to call $('.datetime-picker').datetimepicker() every time I route to the new component. How would I do that?
this is a different solution try using primeNg google it.

Use simple JavaScript in an ionic application

I am using ionic to build hybrid app for mobile phones. I have a card type layout in div tag and want to change the functionality of a div to be clickable just like accordion in bootstrap. Where can I put the JS code? Do I need a separate file for the code or need to add it to existing file? (like app.js or controller.js or services.js)
I have tried to put it in app.js but not working.
you can use in html page also using script tag, or you can keep that code into related controller.js. best way is controller.

CKEditor show block element HTML

I'm using CKEditor version 4.5. I want to configure showing HTML blocks for content.
Please help me.
Please use the Show Blocks plugin in your CKEditor build and it should work. It comes by default in the full-featured preset of CKEditor, but you can also add it to your custom build by using CKBuilder.

develop a Custom HTML Slider for joomla

I'm new to web and its developing.I have HTML code and JS & CSS codes snippets i want to grab all these into one HTML page to Attach custom HTML page to Joomla. Please find below the link I followed.please help me. I need to use this kind of slider
Click here to see i want to use CSS,JS,HTML code
Try this,
Instead of creating a custom HTML page for slider you can create a banner module,then assign it to a proper menu , this way has several advantages and you can use it on multiple Joomla sites and easy to manage etc.
In this method you can manage images from banner manager and links ,clicks,impressions etc. An example Joomla banner slider can be download form here. If you have some experience in Joomla then it is very easy to make your slider from the example.
If you still want to use custom html create an article then assigne it to a proper page like home. Then use some Sourcer kind of plugin for adding script inside article editor.
Hope it make sense..

javascript in Joomla custom module

I have a code generated by "highslide" software and what it does is to create an image gallery.
This code consists of .css html and javascript.
If I place the htmal code in the Joomla's "index.php" file and then the rest of the file in the root directory then the image gallery is working and is placed in every page in Joomla.
I do not want this. Is there a way of assigning that image gallery to only pages I choose?
Or is there a way to find out what is the index.php main file for that specific page I need to have the gallery and paste the code in there?
I have tried to insert the code in a custom module via the Joomla's editor but when I click on save then it compiles the code and remove certain parts of it and cannot work.
It removes the link to javascript and to css file.
Is there a way without any other third party extension to have that code into the custom module without then Joomla eliminate the half of the code?
Thank you,
Best Regards,
Andreas Achilleos
I would not add things like this to your index.php file. This is Joomla, not a static html website ;)
You have 3 options:
Option 1 would be to develop your own module and install it on your Joomla site. This option would take the longest amount of time and would require you to get your handy in a bit of coding.
Option 2 would be to firstly download, install and enable a plugin called Sourcerer. Once done, in the Joomla backend, create a new "Custom Module" and manually add your html code. After, below the big textbox, you will see a button below saying "Insert code". O modal will popup allowing you to add your custom code. Simply add your CSS and JS using the <style> and <script> tags.
Option 3 would be to use a pre-built Image Gallery extensions from the Joomla Extensions Directory. There are loads to choose from.
Hope this helps

Categories