Hilfe benötigt ......

  • Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Monti

Neues Mitglied
19 September 2017
6
0
1
38
Hallo zusammen,

kurz etwas zu mir bevor ich um Hilfe bitte.
Seit gut 4 Tagen probiere ich einen Code von einem Anbieter auf einer Webseite einzubinden.

Den Code habe ich von dem Anbieter selbst erhalten, was mir sehr recht kam da ich kaum was in HTML kann und nahezu am Anfang stehe...

Ich habe bis heute wahnsinnig viele Varianten ausprobiert aber leider ohne Erfolg. Jetzt habe ich natürlich die Hoffnung hier Hilfe zu finden und vielleicht findet sich ja jemand!?
Es ist eine HTML5 Webseite und der Code soll auf eine neue Seite eingefügt werden...

Folgendes ist der Code:

<div id="output">// OXOMI JavaScript Bibliothek einbinden und laden
setTimeout(function() {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = (window.location.protocol == 'https:' ? 'https:' : 'http:')
+ "//" + (typeof oxomi_server == 'undefined' ? 'oxomi.com' : oxomi_server)
+ "/assets/frontend/oxomi.js";
document.getElementsByTagName("head")[0].appendChild(script);
}, 0);

// Wir warten bis die OXOMI JavaScript Bibliothek geladen ist...
function oxomi_ready() {

// Initialisierung
oxomi.init({
"portal": "3000174",
"accessToken": "386ea64f3e8b45db13ca5863f23bc4f4",
"roles": "",
"user": "_showcase"
});
// Funktionsaufruf, um eine Markenbersicht der Dokumente anzuzeigen
oxomi.catalogBrands({
"target": "#output",
"brandSearch": false,
"search": false,
"showDetails": true,
"includeOutdated": false,
"onlyOutdated": false
});
};</div>

Die <script></script> Tags hatte ich drumherum gelegt...

Kann hier jemand weiterhelfen?
Vielen Dank schon mal fürs lesen...

LG
 

Aaron3219

Senior HTML'ler
6 Oktober 2015
1.142
236
63
19
Du beschreibst ja gar kein Problem.
Ich gehe mal davon aus, dass es nicht funktioniert?

Hast du mal einen Link zur Seite?
Was soll der Code bewirken?
Wenn kein Link zur Seite existiert, dann bitte das HTML auch mitschicken!


Edit:
Denke daran, dass Scripte normalerweise am ENDE des body-tags eingebunden werden und nicht mittendrinne:

HTML:
<body>
...
stuff
...
   <script>
       //Hier dann das Script
   </script>
</body>
 
  • Like
Reaktionen: Monti

Monti

Neues Mitglied
19 September 2017
6
0
1
38
Hallo,

vielen Dank für die Antwort.
Das ist ein Portal "Oxomi"

Das es wie auf dem Bild dargestellt wird.

Wie man sieht wird es unter dem Codepen dargestellt wie es sein soll jedoch klappt es nicht auf der Seite.
 

Anhänge

  • 5.PNG
    5.PNG
    368,2 KB · Aufrufe: 6

Sempervivum

Senior HTML'ler
18 Oktober 2016
2.103
408
83
67
Die <script></script> Tags hatte ich drumherum gelegt...
Hoffentlich hast Du dabei nicht die div-Tags einbezogen. So wäre es richtig:
Code:
    <div id="output">
        <script>
            // OXOMI JavaScript Bibliothek einbinden und laden
            setTimeout(function() {
                var script = document.createElement("script");
                script.type = "text/javascript";
                script.src = (window.location.protocol == 'https:' ? 'https:' : 'http:')
                + "//" + (typeof oxomi_server == 'undefined' ? 'oxomi.com' : oxomi_server)
                + "/assets/frontend/oxomi.js";
                document.getElementsByTagName("head")[0].appendChild(script);
            }, 0);

            // Wir warten bis die OXOMI JavaScript Bibliothek geladen ist...
            function oxomi_ready() {

                // Initialisierung
                oxomi.init({
                    "portal": "3000174",
                    "accessToken": "386ea64f3e8b45db13ca5863f23bc4f4",
                    "roles": "",
                    "user": "_showcase"
                });
                // Funktionsaufruf, um eine Markenbersicht der Dokumente anzuzeigen
                oxomi.catalogBrands({
                    "target": "#output",
                    "brandSearch": false,
                    "search": false,
                    "showDetails": true,
                    "includeOutdated": false,
                    "onlyOutdated": false
                });
            };
        </script>
    </div>
 
  • Like
Reaktionen: Monti

Monti

Neues Mitglied
19 September 2017
6
0
1
38
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>OXOMI Integration</title>


<script>
// OXOMI JavaScript Bibliothek einbinden und laden
setTimeout(function() {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = (window.location.protocol == 'https:' ? 'https:' : 'http:')
+ "//" + (typeof oxomi_server == 'undefined' ? 'oxomi.com' : oxomi_server)
+ "/assets/frontend/oxomi.js";
document.getElementsByTagName("head")[0].appendChild(script);
}, 0);

// Wir warten bis die OXOMI JavaScript Bibliothek geladen ist...
function oxomi_ready() {

// Initialisierung
oxomi.init({
"portal": "3000174",
"accessToken": "a561efd6bdb96672d641e8b73444f4ca",
"roles": "",
"user": "_showcase"
});

// Funktionsaufruf, um eine Markenbersicht der Dokumente anzuzeigen
oxomi.catalogBrands({
"target": "#output",
"brandSearch": true,
"search": false,
"showDetails": true,
"includeOutdated": false,
"onlyOutdated": false
});
};
</script>
</head>

<body>
<div id="output"></div>
</body>

</html>



Das unterstrichene waren meine Fehler