JavaScript and CSS Editor in joomla - php

As we see in Joomla 2.5 if we click on template then we saw lit of CSS. I want to generate exact list of JS(Javascript) files along with that. If we click on Javascript i am able to edit it.
Now, second question how i can create up loader for Joomla Admin Panel. My clien want to upload CSS and JS files of his own. I checked out few link and extensions but not able to understand. any help on above please
I had check ed following link for uploading but not able to understand how to implement
http://docs.joomla.org/Creating_a_file_uploader_in_your_component
Thanks,
Manpreet

The CSS and JS editor is only available in some templates. Also it is able to edit the JS and CSS files that are embedded through your template. You can view these files in your index.php
(/templates/your_templates/index.php )
That link you have posted is about creating a component (nothing to do with templates), also is impossible to upload CSS and JS files through the media uploader , first of all the files are uploaded by default in /images/ folder, secondly I am not quite sure how is it possible to work.
BUT there might be a tricky solution for your problem. Each component, module or plugin is able to embed its own styles and Javascript files. Take a look at your template's source code, there must be a line like this
<jdoc:include type="head" />
This mentions to the joomla core that there will be embedded the additional files in the head of the HTML document.
My approach would be presented four generic steps
a) Create a folder where your client can upload several CSS and JS files
b) Create a plugin in order to do the uploaded stuff
c) In your plugin implementation add some functionality for editing the files (you can use any jquery's editor plugin to display the code in a popup or even joomla default editor
d)allow user to choose which files wants to embed
As I can imagine it will be a very hard task to accomplish since you have to face lots of problems (file uploading restrictions, file rights etc) but it's not impossible to do
Good luck with your project

Having answered your previous question regarding basically the same thing, I will say again, you can download the file uploader component which I provided you a link for or just download a File Management extension from JED.

Related

How can I find the file some element is loaded from?

I manage a website which is based on Drupal CMS. I have FTP access and I want to modify the structure of the header.
I know that the header is loaded from separated php file but I don't know what is the path to the file and how to find it in FTP.
Is there any way in Chrome dev tools to find the path to the file and is there a general way to find the files from which some part is loaded?
Check under "Appearance" from admin menu what theme is used and download whole theme over FTP. Themes should be in sites/all/themes dir. Then search the theme files and change what you need.
I don't think that browser can be aware of theme structure since it receives the whole pages and it can not know how page html is built on server side. There is an drupal module called Theme developer which can help you with that:
https://www.drupal.org/project/devel_themer
Unfortunately it exists only for Drupal 6 & Drupal 7 - not sure what version of drupal uses your site.

CSS Icons are working locally in the app, but are not showing on Heroku?

So I have this app, just deployed on Heroku: http://jobsboardd.herokuapp.com/
And as you can see, instead of some fancy icons there are some strange symbols(rectangle)? I know it's a common thing with ruby apps, and I couldn't find anything related to php.
And according to the html code, every css file is loaded as it should. So what can be causing it and how i can fix it?
As I've check in the site's code, you are using HTML Kickstart Toolkit. The Icons that you are looking for belongs to another plugin called font-awesome. See if all the files in the css and fonts are accessible and mapped correctly. I've noticed when I check in the browser's developer console that this image is missing so its possible others are not accessible as well.

Modifying Joomla html5 module chrome

I want to modify the module chrome for the Joomla custom html module. I understand that I can simply overwrite it or create an alternative chrome by creating a modules.php file in my template html folder. However, I have no idea where I can find the code for the existing, standard Joomla chromes so that I can modify them - does anybody know where the standard chrome php/html markup files are located or generated in the file system? Of course I could write it all from scratch in theory but I just want a slight variation to the existing html5 module and I would like to see how it is constructed to learn from it. Anybody got any clues where t can be found in Joomla 3.1? The documentation is sparse on the matter.
You can use the system modules.php file that comes with joomla as a starting point for your own module chrome. It is located under the templates/system/html/modules.php
For the custom html module overrides:
Copy the default.php file located under the /modules/mod_custom/tmpl/ directory over to /templates/yourtemplatename/html/mod_custom/ directory.

Make the media uploader accept flash files

I am currently working with WordPress on a project and I need to allow the WordPress Media-Uploader.
I need to allow the upload of flash files since everytime I attempt to upload a flash file i get the following error: Sorry, this file type is not permitted for security reasons.
I tried to find within the doc but I couldnt find a place where it tell me how to allow flash files.
Could anyone point me in the right direction?
This is by design. To allow this you'll need to either change the core or install a plugin such as http://wordpress.org/plugins/mime-types-extended/.
There are other plugins here: http://wordpress.org/plugins/search.php?q=mime
Edit:
According to this tutorial, you can infact define additional mimetypes easily.

WordPress or PHP script to pick an image file from a plugin folder

I'm creating a WordPress plugin that allows a user to select one of several image files that are distributed with it. Is there a simple technique for allowing the user to view the files in a filebrowser-like interface and pick one? I want it to look as similar as possible to picking a file in the normal file upload dialog.
I ended up adapting the code from this filebrowser that utilizes scandir. It has a nice simple interface and the code is simple enough to incorporate into a plugin.

Categories