Bilder in HTML



  • @biter bitte schaff dir ein ordentliches buch ueber web dev an, wenn du wirklich vorhast irgendwas in die richtung weiter verfolgen zu wollen...

    non-SSR javascript wird vom browser ausgefuehrt nicht auf nem server... browser == client.

    nochmal: liess dich vernuenftig in das thema rein, und probiere dich nich sinnfrei in der gegend rum.
    Wenns beim verwenden von jquery schon scheitert, sehe ich da fuer komplexere themen schwarz



  • Soweit sind meine Fragen beantwortet. Ich bin eben noch Anfänger auf dem Gebiet. Bücher habe ich mir schon angeschafft. Habe mich für ASP .NET C#, ( nicht PHP, weil ich C# schon kenne ), Javascript, Ajax und JQuery entschieden. Möchte mich nur mit grundlegenden Dingen befassen, und die ganze Sache ruhen lassen. Wollte Euch nicht nerven. Danke fürs Antworten !!!



  • Ajax kommt aus einer Era in der es "einfacher" war als XMLHttpRequests selbst zu bauen.
    Das aequivalent heutzutage ist das fetch API

    JQuery braucht heute kein mensch mehr, denn 99% der funktionalitaet sind native in allen browsern vorhanden. Das sogar halbwegs standardisiert, selbst in W$ browsern.

    Wenn du javascript lernen willst, dann mach das direkt in aktuellen versionen (ECMAScript 8 oder aufwaerts, weil async/await hauptsaechlich + syntax sugar); ein framework on top zu lernen schadet definitiv auch nicht, davon gibts mehr als genug zur auswahl.



  • Wie kann ich mit Javascript Dateien ( zB Bilder ) vom Server, im HTML-Dokument anzeigen, oder mit Javascript Dateien zum Server hochladen, wenn nicht mit JQuery ?



  • Geht das mit ECMAScript 8 ?



  • document.getElementById('whateverImage').src('someImage.png')
    

    ?
    Dazu benoetigt man keinen ECMAScript standard aus diesem jahrzehnt... das geht schon laenger



  • Wie oben beschrieben ist es für mich ein Problem, mehrere Bilder vom Server in das HTML-Dokument einzufügen, und jeweils einen ( gleichen ) EventHändler einzurichten, nicht nur ein Bild ! Die Bilder liegen beim Server in einer Datei oder MySql Datenbank. Außerdem hätte ich auf dem Server eine Datei mit den Bildnamen auf die ich mit JQuery zugreifen möchte. mit <img src="someImage.png"> ist es nicht getan. Vergleichbar mit einem Internet-Auftritt einer Firma die Artikel anzeigt, und Bestellungen ermöglicht, und nur die Datenbank aktualisieren muss, wenn neue Artikel hinzukommen oder wegfallen.
    Mit JQuery kann ich die Datei mit den Bildnamen zum Javascript herholen und die Bilder anzeigen ...



  • Das war das konkrete Problem, das ich aber gelöst habe, allerdings noch nicht ausprobiert habe. Also .



  • 
    const myElement = document.getElemenentById('myProductContainer')
    const products = await fetch('my-api.whatever.foo/products').json()
    
    for(product in products){
      let tmpImg = document.create('IMG').src(product)
      myElement.appendChild(tmpImg)
    }
    

    Keine ahnung wo und wofuer du da jquery braeuchtest /shrug



  • Ja genauso, bzw ähnlich wollte ich es machen, aber ehrlich gesagt die Images von Hand einzurichten ohne Datenbank mit <img src="Datei1"> ... <img src="DateiN"> und EventHändler, ist wohl einfacher ...


Log in to reply