This section is for posting questions which are not directly related to WYSIWYG Web Builder.
Examples of off topics: web server configuration, hosting, programming related questions, third party scripts.

Note that these questions will generally not be answered by the administrators of this forum.

Many thanks to all of you for your hints and tips.
So I will have to deal with the integration of foreign code (JS, CSS).

I keep my fingers crossed that it won't be too difficult and that there are no pitfalls.

My problem is that I don't come from the group of people who developed handwritten web code. I am a developer, but in regular programming languages. Therefore I use WebBuilder to abstract the core functions of web design.

So the way is a bit harder for me, because I don't know the paradigms and peculiarities of the individual components that have to work together for web design.

When you say foreign code I take it you are referring to external scripts?. To use external scripts you can use the HTML Object See along with the File Publisher for any external scripts (jQuery, CSS etc) that maybe needed. Note not everything you see or think of (script wise) can be added to the program but suggestions can be made or requests for possible extension(s) asked. For extensions it is not possible to make them from paid (commercial) scripts as these cannot be shared due to copyrights etc but with that said if you have the knowledge you can make paid (commercial) for your own private use.

I have now created an HTML element in my project and inserted the corresponding HTML code.

For CSS and JS I created two files with the corresponding content on the hard disk. The two files (CSS and JS) are integrated into the project with a FilePublisher.

What do I still have to do to make these three components work together?

Thank you very much for your help.

Markus

PS: I added now the following 2 rows between the page tags <head> and </head>:
<script src="3d-carousel.js"></script>
<script src="3d-carousel.css"></script>
But nothing changes.

PS2: I added the files carousel.js and carousel.css into the "resource window" of the HTML element and removed the entries in the <head> tag of the page.
Now I can at least see the carousel, but the buttons don't work. Really Hard stuff, if you don't have the strongest idea what you're doing.

Sorry for the double post, but I wanted to push up the thread, because...

... I've finally made the example work.

The carousel hasn't rotated, because the option "Load built-in JavaScript files asynchronous" wasn't activated under Options/HTML/JavaScript. This is the second time that a setting in WebBuilder has distorted or prevented the functionality of an element of the website.

Why does this setting affect a JavaScript file which is integrated with FilePublisher?

It is really hard when you have to pay attention to special settings in WebBuilder as a beginner. Especially since these dependencies are not obvious.
You just have to try everything to be lucky sometime (or not, because you did something wrong somewhere else, but unfortunately you will never know).

All formatting options are 'post publish', they are applied after all code has been generated. So, it will affect all code on the page.
There is no other way, because the HTML does not exists until you publish the page.

I suggest not to change any settings unless you know what you are doing. See also the notes in the help.

You just have to try everything to be lucky sometime (or not, because you did something wrong somewhere else, but unfortunately you will never know).

The behavior is not 'random'. You can exactly predict what will happen based on the selected options if you understand the purpose of them.
All these settings were added based on feedback or requests of other users. They may not be useful for everyone and I do not recommend to enable them randomly without knowing what effect they will have.
For example, just because Google tells you to move JavaScripts to end of the page, does not means that it is always a good idea.

I understand what you want to tell me (the technical procedures in the background) and I understand that.

But after resetting all settings of WebBuilder to default, I have to say that the option "Load built-in JavaScript files asynchronous" is not set by default. So, my problem with the caroussel would also have occurred with the default setting (which of course still wouldn't mean I understood what the exact technical cause of the problem was). It is only solved if the option is set against the default.

It will probably be due to the complexity of this powerful software that some things only work with one option and other things only work with another option in the settings. But maybe every webdesigner trained at school would know exactly what leads to this problem, I can't judge that.

I have never claimed that the program behavior is random. I am a Windows application developer myself and know that there is no random program behavior. Everything has its reason, even if you can't recognize it right away. Please don't feel personally attacked if I criticize something. I know that I can be wrong as a beginner in this field and I mean it in any case constructively. I also don't want to rule out the possibility that I'm just talking nonsense because I just don't know any better.

Speaking of constructive criticism:
When resetting the program settings I noticed that with the button "Reset Settings" all 8 sections of the options window are reset (General, HTML, Fonts... and so on). In my case it would have been better if I could reset each section individually.

And is there an option to export and import the WebBuilder settings? Apparently at least some of these settings are saved directly with the project and not globally.

So if I now change the settings in my project "D" after reading this thread, then I also have to make all these single changes manually in the projects "A", "B", and "C". Here an export/import of the settings would be useful or the option that the settings are saved globally and are therefore the same for all existing and new projects. The next logical conclusion would then be that you can overwrite a global setting with a project-related setting, since there are obviously certain special cases, such as one or the other option must be set exactly differently in some projects.

I'm now trying the Flipster Extension and a little bit JavaScript that I've read here and there.

Generally this works quite well (even if it's not a real rotating carousel, but I could soften this requirement a bit).

However, I still have a little thing to solve on the flipster.
I want a new audio file to be loaded into a MediaPlayer when a new Flipster item is moved to the middle.

This works with my Javascript snipplet only with 2 clicks. The first click causes the flipster item to move to the center. And then I have to click it again to call the link or the Javascript snipplet which loads the audio file into the mediaplayer.

Is there any way to register the first click on a flipster item and determine the item number?

I have seen that the Flipster Extension is derived from a Github project and I have now taken a closer look at the "original".

The original is able to call a function when the carousel is turned. The parameters are the current item and the the previous item. I am currently working my way into JavaScript. Fortunately I have a lot of time with this project, because it is for a private friend.

It is exciting and thrilling to see what new possibilities this opens up, even though it is quite tedious to "program" without any meaningful error messages in the browser. But I believe that I can realize my original intention including an audio player in the carousel.

Therefore: Thank you for the recent creation of the Flipster extension. It got the ball rolling.