Skip to main content
johns45317965
johns45317965
Known Participant
April 7, 2018
Answered

Attach or add javascript or css style sheet (.js or .css)

  • April 7, 2018
  • 3 replies
  • 7596 views

Hi. In my particular case I need a javascript - but I think this would be appropriate for anyone who may want to attach (or create/insert) a new .css script as well.

I'm working with a pre-set bootstrap template and making adjustments to it. In my particular case the Google Maps wasn't working so I removed it and installing a new one. I found a site that gave me one designed just for bootstrap and it gave me the HTML (which I can put anywhere) and the javascript written SEPARATELY. So what I wonder is how create a new box and then "insert" it along the horizontal  "Source Code" line? Here's a pic of the line I'm referring to:

I know there is a .css "attach style sheet" located down "Tools" but the Google Map is a javascript (.js)...so in no way can be seen as an "existing .css file". Plus, copying the javescript (.js) will just be through notepad of something simple like that.

Here's the site I found all the Google Maps options which I may want to use for bootstrap:

https://mdbootstrap.com/javascript/bootstrap-google-map/#custom

I just now need to find how to sync the javescript (.js) in along with the codes like the picture above...

Thanks for any help on how to add extra .js and .css files to bootstrap scripts

Correct answer Jon Fritz

That bar of file names is the Dependent File Toolbar and will show any new scripts you attach to the page automatically.

To attach scripts to your page, from within your defined site, go to Insert > HTML > Script and browse to the correct .js file.

You can attach them wherever you click in Code View (usually the instructions will say "as the last item before the </head>" or "last item before the </body>")

3 replies

V
visual_help7755
Participant
September 20, 2025

Your bootstrap scripts are batch scripts for a typical chatbot. To create a menu will be to request a 'chat.js' response.

It's best to running javascript (.js) on shell for the .css version control web host file. So it literally means a backend design will 

be best for the chatbots.

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
September 21, 2025

I have no idea what you just said or how it relates to the 7-year-old, inactive topic you resurrected. 

Bootstrap is a responsive layout framework with an extensive support community, unrelated to chatbots.

https://getbootstrap.com/

 

[2018 discussion locked by moderator.]

 

Nancy O'Shea— Product User & Community Expert
Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
April 10, 2018

Don't tamper with Bootstrap CSS or JS files.  If needed, create new CSS  or JS files and insert them below Bootstrap and jQuery files.

Nancy O'Shea— Product User & Community Expert
Jon Fritz
Community Expert
Jon FritzCommunity ExpertCorrect answer
Community Expert
April 10, 2018

That bar of file names is the Dependent File Toolbar and will show any new scripts you attach to the page automatically.

To attach scripts to your page, from within your defined site, go to Insert > HTML > Script and browse to the correct .js file.

You can attach them wherever you click in Code View (usually the instructions will say "as the last item before the </head>" or "last item before the </body>")

johns45317965
johns45317965Author
Known Participant
April 11, 2018

Hi Jon. Okay I followed the plan and attached both the HTML where I want the Google map to be located and the javascript at the bottom of the </body>. However, again nothing showed up but a big chunk of white open space. Also, nothing popped up in the "Dependent File Toolbar" section to represent that the full javascript (.js) is now there...I thought that would happen when I asked to insert the .js in the bottom of the </body>

If you would like to see a quick video of each step I took here it is:

My thoughts now are: Is the source of the HTML or .js poor? Or am I still doing this wrong?

BenPleysier
Community Expert
BenPleysierCommunity Expert
Community Expert
April 11, 2018

You did not upload the JS file

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices