Is there anyway to apply both CSS and Javascript in static pages?

Post Reply
ashrafakader
Sr. Bludit
Posts: 40
Joined: Tue Sep 05, 2023 1:33 pm
Has thanked: 9 times

Hello,
I used this code as a test,
It includes HTML+CSS+Javascript all in one page.

The code is correct, link:
https://www.w3schools.com/howto/howto_js_hover_tabs.asp

Inclusion of whole of them in one body was done based on instructions found here: https://www.quora.com/Can-you-mix-HTML- ... -you-do-it

I added the code using source code`s block in tinymce.. but it doesn`t show well..

I know there are dedicated plugins for CSS insertion.. however, javascript is still missing.
............................................................................................................................................................
How it should be vs the real thing:
Image
............................................................................................................................................................
How it was inserted, as per provided instructions:
(*) Note: No dependencies for external pages or scripts. It`s a simple code for creation of vertical tabs, with native elements.

<!Doctype html>

<html>

<head> //Meta Data </head>

<style>

// You can write standard css within these style tags just like you would on a css file

</style>

<body>

// You can write your html here

<script>

// You can write your javascript here just like you would on a normal js file

</script>

</body>

</html>
User avatar
Edi
Site Admin
Posts: 3121
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Has thanked: 54 times
Been thanked: 77 times
Contact:

I have no problems with the example.

Can you please give the URL of your test page?
Clickwork - Websites mit Bludit | Planet Bludit - Tipps und Snippets
ashrafakader
Sr. Bludit
Posts: 40
Joined: Tue Sep 05, 2023 1:33 pm
Has thanked: 9 times

I can`t publish the page because I can`t hide it from the navigation menu.
This is an official site.

I tried publishing it (not just seeing the result in the editor), and it works. However, the shape is different.
User avatar
Edi
Site Admin
Posts: 3121
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Has thanked: 54 times
Been thanked: 77 times
Contact:

ashrafakader wrote: Mon Sep 18, 2023 12:06 pm However, the shape is different.
In this case you can adjust the CSS.
Clickwork - Websites mit Bludit | Planet Bludit - Tipps und Snippets
Post Reply