Java Script Bibliotheken

  • Hallo zusammen,

    ich habe bei Data Driven Document ein Dokument gefunden, welches ich gerne bei mir auf der Homepage einbinden möchte aber ich verstehe beim besten willen nicht wie ich das mache ich habe mir die Datei schon runtergeladen, wenn ich die öffne ist auch alles da aber ich will die kreise mit eigenem Inhalt füllen.

    kann mir das jemand helfen ?

    oder hat jemand einen code der mir die Kreise ermöglicht ?

  • Code
    <img src="hier den link zum foto rein kopieren" alt="" />

    ich würde es so versuchen ,wenn du es mit link machen willst.


    aber wie man datein in der homepage reinbekommt das weiss ich auch nicht da von habe ich leider kein plan.....aber hier gibt esgenug leute die dir bestimmt bessere tips geben können wie ich

  • hey Basti besten Dank für den Tipp aber ich habe mich da falsch ausgedrückt.

    ich will die Kreise mit Inhalt füllen also ich habe eigene Werte.

    Ich will nicht das Bild einfügen

  • ja jetzt verstehe ich ... ja möglich ist das schon mit java und oder css,aber dafür bin ich noch nicht gut genug ... ich würde das bild anzeigen lassen und dann mit java und css da drüber ein div legen und dann mit inhalt befüllen....aber wie gesagt hier gibt es leute die es besser können als ich ...mal sehen was die für lösungen haben

  • Zitat von detolopez



    ich habe bei Data Driven Document ein Dokument gefunden

    Was für ein Dokument hast du gefunden? Wie heißt es?


    Ebenso können wir nur rätseln ohne code.

    Bitte poste hier deinen Code, in die Code Tags.


    Danke

  • ich habe noch keinen code ich Schilder euch mal mein problem:

    ich möchte gerne Daten von einer Datenbank ziehen das bekomme ich schon hin

    und diese Daten (Füllstand) möchte ich gerne durch eines dieser Kreisdiagramme abbilden lassen.

    Nur ich weis nicht wie ich sowas hinbekomme

  • Zitat

    Was und wie muss ich dieses jQuery runterladen und einbinden ?

    und dann JCanvas runterladen?

    Für den Anfang brauchst Du es nicht herunterzuladen, sondern Du kannst beide von einem CDN einbinden:

    Code
        <script src="//code.jquery.com/jquery-1.10.2.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/jcanvas/20.1.2/jcanvas.js"></script>

    Inzwischen habe ich es geändert, so dass es mehr auf deine Anwendung passt:

    https://jsfiddle.net/Sempervivum/1somodv3/1/

    Mit createCircleDisplay() wird die Anzeige aufgebaut, dies brauchst Du nur einmal beim Laden der Seite aufzurufen.

    Mit updateCircleDisplay() wird der angezeigte Wert geändert.

    Das Eingabefeld ist nur zur Demonstration, das kannst Du später weg lassen.

  • Du bist echt der beste :thumbup:.

    ich will es aber offline nutzen wie lade ich es dann runter und wie binde ich es rein?

    Muss ich das Jcanvas auch runterladen ?

  • Hmm ich habe alles so eingebunden wie es dort steht aber es funktioniert immer noch nicht wodran kann es liegen ?


    ich habe aber auch gelesen, das es bei jQuery so sein muss, das man immer online sein muss.

    da mein Projekt eine Firmengeschichte ist und ich alles offline machen muss habe ich damit ein kleines Problem.

    gibt es dafür auch eine Lösung?

  • Zitat

    Warum kann er das denn nicht laden ?

    Du hast doch geschrieben, dass Du es offline verwenden willst. Wenn Du noch das Laden von den CDNs drin hast, kann es dann nicht funktionieren.

    Wenn es daran nicht liegt, dann poste noch Mal, wie Du jQuery und jCanvas eingebunden hast und was die Console anzeigt.

  • habe die Datein runtergeladen in den selben Ordner gelegt und mit dem Namen einfach über

    <script src="jquery.js"> </script>

    und

    <script src="jcanvas.js"> </script> eingebunden.

    die Konsole sagt mir jetzt keine Fehler mehr aber er zeigt mir nichts an

  • Dann vermute ich folgendes: Da ich im body kein Skript sehe, nehme ich an, dass Du das Javascript in den head eingetragen hast. Dann gibt es das Problem, dass dort die Elemente Canvas und Input noch nicht existieren. Lege das Javascript an das Ende des Body, vor das schließende </body>.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!