Einbindung JS Particle

  • Schönen guten Tag,


    ich habe mich jetzt durch sämtliche Beiträge gelesen welche mit einbinden von JS in der Suche auftauchen. Finde aber meinen Fehler nicht. Ich würde gerne in einer Box ein Script verwenden (https://github.com/JulianLaval/canvas-particle-network)


    eingebunden habe ich es mit (die particle-network.min.js liegt dabei im Ordner js )


    JavaScript

    im Stil ist folgender CSS hinterlegt:

    CSS

    Code
    #particle-canvas {
        width:100%;
        height:100%;
    
    }

    Jedoch tauchen nur Fehler in der Dev-Konsole des Browsers auf. Ich bin etwas überfragt ?(.


    Grüße

  • Hallo so ein ähnliches Problem hätte ich auch Mal und ich erinnere mich drann das ich den Teil mit dem .js entfernen müsste da der Cote sein eigenes hatt. Du kannst es ja Mal probieren ob das geht.


    Natürlich ohne Gewähr, aber testen kann man es ja ein schaden wird dadurch nicht entstehen.

  • Wenn ich hier Dünnpfiff von mir geben sollte, bitte ich um Verbesserung, aber müsste bei <script>var canvasDiv...</script> nicht auch ein data-relocate="true" hinzugefügt werden?

    • Official Post

    Hallo,

    Jedoch tauchen nur Fehler in der Dev-Konsole des Browsers auf. Ich bin etwas überfragt ?( .

    hilfreich wäre es die Fehler zu nennen.


    Es ist an dieser Stelle aber festzustellen, dass die JavaScript-Datei ein AMD-Modul ist und daher mit Hilfe von require.js geladen werden sollte.

  • Hallo,

    hilfreich wäre es die Fehler zu nennen.


    Es ist an dieser Stelle aber festzustellen, dass die JavaScript-Datei ein AMD-Modul ist und daher mit Hilfe von require.js geladen werden sollte.

    Ich habe mal die particle-network.js bearbeitet und diese eingebunden, statt der .min.js

    Code
    <script data-relocate="true">
      $(function() {
        Hier den Code von particle-network.js eingefügt
      });
    </script>

    darauf folgen diese Fehler in der Console:

  • Versuch mal:

    Code
    <script data-relocate="true">define.amd = undefined;</script>
    <script data-relocate="true" src="../js/particle-network.min.js"></script>
    <script data-relocate="true">define.amd = __require_define_amd;</script>

    Kein Fehler in der Console, dafür wird aber auch nur ein Balken angezeigt ^^



    Hallo,


    das riecht verdächtig nach dem was ich vermutet habe. Teste folgendes:


    JavaScript
    require(['../particle-network.min'], function (ParticleNetwork) {
     // stuff
    });

    Wo soll das angepasst werden? So:?


    Code
    <script data-relocate="true">
        require(['../particle-network.min'], function (ParticleNetwork) {
     // stuff
    });
    </script>
  • Erstmal danke für die hilfe :) ich stelle mich aber gerade etwas an.


    In die Box also:


    oder muss die particle-network.min.js so angepasst werden?


  • Huhu,

    Hallo,

    die Datei ist nicht anzupassen. Der Code gehört in die Box / in das Template.

    das dachte ich mir, dennoch wirft die Console folgende Fehler:


    mit


    ?(

  • Du musst schon die weiteren Scripte im "require"-Teil weiterführen.


  • Du musst schon die weiteren Scripte im "require"-Teil weiterführen.


    Ah ok :) Jetzt wird ein Schuh daraus. Danke euch allen für die Hilfe.

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!