Ergebnis 1 bis 13 von 13
  1. #1
    RevoX ist offline Grünschnabel
    registriert
    13-10-2011
    Beiträge
    6

    QR Codes in mehrere IDs erstellen mit HTLM5 und Javascript

    Hallo Forum,

    ich habe ein kleines Projekt um aus einem Inventar (PCs) heraus QR-Codes () zu erstellen. Bis jetzt bin ich soweit, das ich aus einer MySQL-Datenbank Informationen mit PHP auslese und mir ebenso mit PHP eine Tabelle erstelle in denen ich die Informationen (PC-Name, Inventarnummer, Seriennummer, Mac-Adresse) darstelle - dort vergebe ich auch direkt jeder Zelle eine eindeutige ID. Um die QR-Codes zu erstellen greife ich auf zwei JavaScript Dateien (dazu wird übrigens HTML5 genutzt) zu die man hier auf github findet: https://github.com/amanuel/JS-HTML5-QRCode-Generator . Die Datei "html5-qrcode.js" habe ich geringfügig angepasst. Meine Frage ist, wie diese Datei weiter anzupassen ist, sodass in der letzten Spalte der Tabelle der jeweilige CR-Code dargestellt wird.

    Jetzt zu meinem PHP-Dokument:

    http://pastebin.com/yFjQhtP2

    Die Javascript-Datei um die es wohl eher geht ist diese:

    http://pastebin.com/kjN3eHDP

    Ich muss dazu sagen, dass ich mich noch nicht viel mit Javascript beschäftigen konnte und daher nicht wirklich weiß was nun zu tun ist oder wie ich mögliche Lösungen umzusetzen habe - ich bin also recht neu, kann aber sicherlich Quellcode gut verstehen. Wenn jemand eine Lösung hat würde mir das sehr weiterhelfen.

    MfG Tony

  2. #2
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.757

    AW: QR Codes in mehrere IDs erstellen mit HTLM5 und Javascript

    Ich würde die Codes ja serverseitig Erzeugen, cachen und dann von dort aus mit einem ganz normalen <img> ins HTML einbinden.

  3. #3
    RevoX ist offline Grünschnabel
    registriert
    13-10-2011
    Beiträge
    6

    AW: QR Codes in mehrere IDs erstellen mit HTLM5 und Javascript

    Seververseitig, Cachen? Sorry das sind Begriffe mit denen ich zwar so etwas anfangen kann, was aber wohl in eine ganz andere Richtung geht und ich noch weniger damit anfangen kann.
    Ich würde gern mit der Lösung arbeiten die ich da bereits habe, sie braucht weder irgend ein PlugIn noch eine Internetverbindung.
    Theoretisch ist der Ablauf ja so:
    1. Verbindung zur Datenbank aufbauen
    2. Daten abgreifen
    3. Tabelle aus diesen Daten bauen und eindeutige ID für jede Zelle vergeben
    4. Das Javascript in einer Schleife bis zum letzten Datensatz durchgehen lassen und in die entsprechenden IDs schreiben

    Und um diesen 4. Punkt geht es ja eigentlich, ich habe leider keine Ahnung wie man das anzupassen hätte.
    Wenn jemand weiß wie, und es sich mit mir erarbeiten kann bzw die Lösung die er hat erklären kann sodass ich was lern, bitte =)!

  4. #4
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.757

    AW: QR Codes in mehrere IDs erstellen mit HTLM5 und Javascript

    Du hast doch schon eine serverseitige Sprache an Bord: PHP.

  5. #5
    RevoX ist offline Grünschnabel
    registriert
    13-10-2011
    Beiträge
    6

    AW: QR Codes in mehrere IDs erstellen mit HTLM5 und Javascript

    Ja aber es geht um die Erzeugung der QR-Codes an sich mit nem JavaScript in mehrere IDs das möchte ich wissen.
    Wie ich meine Tabelle befülle ist doch egal.

  6. #6
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.757

    AW: QR Codes in mehrere IDs erstellen mit HTLM5 und Javascript

    Warum willstr du es unbedingt mit JS machen, wenn das gleiche mit PHP auch machbar ist und du schon PHP kannst (und JS nicht)?

  7. #7
    RevoX ist offline Grünschnabel
    registriert
    13-10-2011
    Beiträge
    6

    AW: QR Codes in mehrere IDs erstellen mit HTLM5 und Javascript

    Weil ich PHP ähnlich gut kann wie Javascript. Mein wissen reicht da um mir HTML Konstrukte aufzubauen und eine einfache SQL-Abfrage zusammenzubasteln und das wars dann quasi - außerdem funktioniert die Lösung an sich einwandfrei und ist einfach anzupassen (QR-Korrekturlevel, Version, Größe etc.).
    Ich will halt nicht noch 10 Lösungen suchen, ich will diese anpassen.

  8. #8
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.757

    AW: QR Codes in mehrere IDs erstellen mit HTLM5 und Javascript

    Die JS Lösung ist aber viel komplizierter... du musst ja nicht einmal den eigenen Server bemühen: http://api.qrserver.com/v1/create-qr...n&size=250x250
    Und wenn du's auf deinem eigenen Server haben willst, um auch offline arbeiten zu können, spückt mir Google nach 10s Suche das aus: http://www.codegefluester.de/blog/20...en-und-nutzen/ (hab' die Qualität jetzt nicht geprüft - aber beim ersten Querlesen klang's nicht schlect).

    PS: Ich verstehe bei deinem JS-Skript auch nicht, warum da ein <canvas> erzeugt wird, das dann aber nicht dargestellt wird, sondern dan noch zusätzlich ein <img> benötigt wird. Ist total überflüssig.

  9. #9
    RevoX ist offline Grünschnabel
    registriert
    13-10-2011
    Beiträge
    6

    AW: QR Codes in mehrere IDs erstellen mit HTLM5 und Javascript

    Die zweite Möglichkeit klingt ja an sich ganz okay nur wie bekommt man in einen String Zeilenumbrüche?
    So wie ich es probiert habe, nämlich mit " \r\n" oder chr(13) und chr(10), hat auf den QR-Code keine Auswirkung, maximal ein Leerzeichen zwischen den Variablen erscheint;

    $qr_Name = "P07062";
    $qr_Inventory ="200700610";
    $qr_Serial = "648061";
    $qr_Mac = "001D60C26E09";

    $complStr = $qr_Name . "\r\n" . $qr_Inventory . "\r\n" . $qr_Serial . "\r\n" . $qr_Mac;

    echo '<img src="php/qr_img.php?d=',$complStr,'"';

    Ob das jetzt hier reinpasst weils ja nun php ist weiß ich nicht - wäre trotzdem dankbar für weitere Hilfe

  10. #10
    ein schlauer ist offline Lounge-Member
    registriert
    18-08-2004
    Beiträge
    14.671

    AW: QR Codes in mehrere IDs erstellen mit HTLM5 und Javascript

    Nein, es ist vermutlich ein HTML Problem. Zeilenumbrüche in HTML ist ein <br>, es sei denn du benutzt ein <pre> Element, bzw. deren Eigenschaft

    [EDIT] Wobei ich gerade sehe, da willst es in einen URL Parameter packen, dann musst du die Zeichen URL kodieren, nicht nur die Zeilenumbrüche

  11. #11
    RevoX ist offline Grünschnabel
    registriert
    13-10-2011
    Beiträge
    6

    AW: QR Codes in mehrere IDs erstellen mit HTLM5 und Javascript

    Zitat Zitat von ein schlauer Beitrag anzeigen
    Nein, es ist vermutlich ein HTML Problem. Zeilenumbrüche in HTML ist ein <br>, es sei denn du benutzt ein <pre> Element, bzw. deren Eigenschaft

    [EDIT] Wobei ich gerade sehe, da willst es in einen URL Parameter packen, dann musst du die Zeichen URL kodieren, nicht nur die Zeilenumbrüche
    Danke darauf bin ich gerade, bevor ich deinen Post gelesen habe, auch gekommen
    Ich hab mir einfach mal den Quelltext im Browser anzeigen lassen und gesehen das es so falsch ist:

    Also ich hab einfach irgend eine Zeichenkette genommen: ":||:"
    Und in dem PHP-Script wandel ich die wieder in ein \n um.

    $qr_Name = "P07062";
    $qr_Inventory ="200700610";
    $qr_Serial = "648061";
    $qr_Mac = "001D60C26E09";

    $complStr = $qr_Name . ":||:" . $qr_Inventory . ":||:" . $qr_Serial . ":||:" . $qr_Mac;

    und in der PHP-Datei um das QR zu erzeugen:

    $qrcode_data_string=rawurldecode($qrcode_data_string);
    $qrcode_data_string = str_replace(':||:',"\r\n",$qrcode_data_string);

    Danke kkapsner und ein schlauer, damit kann ich erstmal gut arbeiten .
    Das ich da so störisch bin ist glaube die allgemeine Erfahrung mit Foren, dieses:
    "warum willst du das machen; warum machst du das so, warum nimmst du nich das" führt oft zu nichts aber dass das PHP-Script nun an sich einfacher ist als das JavaScript hab ich nun auch eingesehen, da ich ja quasi nur das HTML-Dokument maniupuliere.

    Die Intentention für komplett ohne Internet war ja Anfangs das ich halt keinen Webserver hatte und es in möglichst jeden Browser laufen soll - dann kam aber die Datenbank hinzu etc.

    Wie auch immer thx

  12. #12
    ein schlauer ist offline Lounge-Member
    registriert
    18-08-2004
    Beiträge
    14.671

    AW: QR Codes in mehrere IDs erstellen mit HTLM5 und Javascript

    Diese Umwandlung ist unnötig. Besser ist es die URL umzuwandeln, dann brauchst du hinterher das nicht mehr zu machen.

  13. #13
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.757

    AW: QR Codes in mehrere IDs erstellen mit HTLM5 und Javascript

    PHP hat dafür die Funktion urlencode.

Ähnliche Themen

  1. Div Box erstellen mit Javascript
    Von JULm3 im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 10-04-2011, 01:11
  2. Javascript erstellen
    Von thomasgerd im Forum JavaScript
    Antworten: 8
    Letzter Beitrag: 26-06-2010, 15:55
  3. Änderung des HTML Codes mit Javascript?
    Von chercheur im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 23-09-2009, 08:04
  4. Javascript Checkboxen erstellen in n
    Von Lightware im Forum JavaScript
    Antworten: 8
    Letzter Beitrag: 09-10-2008, 16:19
  5. [JavaScript] bb codes + texfeld zusamenfügen ??
    Von Schranzler12345 im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 24-04-2005, 13:30

Stichworte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •