Sobald ich die vorherige Version der bearbeitbaren Rechnung veröffentlicht hatte, wusste ich, dass die Verwendung von etwas JavaScript, um sie aufzuhübschen, eine gute Idee wäre. Ich dachte vielleicht daran, einen Screencast dazu zu machen, aber dann traten mehrere Leute auf und begannen, es selbst zu tun! Jeder hat großartige Arbeit geleistet, aber letztendlich ist die Version, die ich als Version 2 veröffentliche, von Vinh Pham.
Neue Funktionen
- Fügt automatisch das heutige Datum ein
- Einige zusätzliche Dinge sind editierbar, wie der Titel „Rechnung“ und die „Bedingungen“
- Berechnet automatisch, wenn Sie Mengen und Beträge ändern
- Zeilen mit Artikeln hinzufügen und entfernen
- Bearbeiten Sie das Logo, indem Sie einen URL-Pfad zu einem neuen Logo angeben
- Rollover-Farben für die Textfelder, um die Editierbarkeit anzuzeigen
- Druck-Stylesheet, um zusätzliche Funktionsbits beim Drucken zu eliminieren
Wissen Sie, Sie sollten eine Option hinzufügen, um dieses Baby als PDF zu exportieren ;)
Drucken > Als PDF speichern
Auf dem Mac können Sie einfach als PDF speichern, aber unter Windows gibt es keine Option im Druckdialog.
Sie können einen gefälschten Drucker installieren, der in PDF konvertiert, aber manche Leute wissen das vielleicht nicht, daher sollten Sie das wahrscheinlich hinzufügen, es wäre nützlich.
Wenn Sie Adobe Reader installieren, wird es meiner Meinung nach zu einer Standardoption. Ich sehe einfach keinen großen Bedarf, das Rad dort mit vielen ausgefallenen Technologien neu zu erfinden, wenn es einfacher ist, Tools zu verwenden, die für die jeweilige Aufgabe entwickelt wurden und einen breiteren Nutzenbereich haben.
Wie Alton Brown sagt: „KEINE Unimenschen!“
Vielen Dank an Sie und Vinh Phan für den großartigen Code.
PS: Ich liebe Alton Brown! lol
Acrobat Pro ist erforderlich, um unter Windows als PDF zu speichern oder zu drucken. Es ist nicht in Reader enthalten. Wie Kommentator Chris erwähnte, gibt es alternative kostenlose Open-Source-Optionen, um einen Pseudo-Drucker zum „Drucken in PDF“ hinzuzufügen.
Es gibt Open-Source-Bibliotheken zum „Exportieren nach PDF“, die auf der Seite implementiert werden können, wie z. B. dompdf.
Wenn Sie Firefox als Webbrowser verwenden (und ich bin sicher, es gibt auch andere), ist die Funktion für den PDF-Druck integriert.
Liebe es. Ich werde es sofort benutzen. Ich habe gestern einen großartigen Artikel auf A List Apart darüber gelesen, wie man Kunden die Möglichkeit gibt, eine Rechnung oder ein Angebot mit einer „digitalen Signatur“ mithilfe von PDF und PHP zu genehmigen. Würde sich Ihr obiges Rechnungsstellungssystem ohne allzu großen Aufwand für eine solche digitale Signatur eignen?
Das sieht großartig aus..
Obwohl es nicht funktioniert, wenn man Pfund verwendet.. :(
Gibt es Buchhaltungsdinge wie diese, die mit Pfund funktionieren?
Danke
Hallo Chris! Oder andere Code-affine Leute,
Ich frage mich, ob es eine Möglichkeit gibt, die Standardwährung für dieses Formular auf Schwedische Kronen zu ändern. Ich habe versucht, das PHP zu modifizieren, aber es erkennt die Syntax nicht.
Prost!
-Ot
Sie sollten es dem Benutzer ermöglichen, die Währung einzustellen. Tolle Arbeit
Schön, vielleicht fange ich an, das zu benutzen..
Schön, schön und schön!
k.
Pfundzeichen verwirren es gut ;-)
Der nächste Schritt ist offensichtlich ein WordPress-Theme, ja?
Ich weiß nicht warum, aber eine super bearbeitbare Oberfläche zu haben und dann die Werte bei Verlust statt bei Änderung aktualisieren zu lassen, gepaart mit dem hässlichen „Zeile hinzufügen“-Button, lässt es einfach „alt“ wirken. Aber das Konzept gefällt mir.
Hallo Chris, mir fällt auf, dass die css-tricks-Seite heute langsamer lädt als üblich. Es scheint lange zu dauern, bis die Seite gefunden wird.
FYI, es lädt jetzt besser. Ich habe auf Twitter gesehen, dass Sie gestern oder heute den Cache aktiviert haben. Es könnte sein, dass der Cache gerade aufgebaut wurde, aber wer weiß… alles ist jetzt gut. Danke für all Ihre tolle Arbeit und Großzügigkeit, sie mit der Community zu teilen.
Danke Chris, das wird sehr nützlich sein.
Ich versuche, zwei neue Elemente in die Berechnung aufzunehmen, die beiden Steuern, die wir hier in der Provinz Quebec haben.
Nach dem Zwischensumme muss ich die TPS hinzufügen (Zwischensumme * 0,05)
Und nach der TPS muss ich die TVQ hinzufügen (Zwischensumme + TPS * 0,075) und dann Zwischensumme + TPS + TVQ berechnen, um die Gesamtsumme zu erhalten…
Ich arbeite seit heute Morgen daran, aber ich komme nicht dahinter.
Hallo!
Wenn Sie einen Weg finden, lassen Sie es mich bitte wissen. In Italien haben wir auch 2 Steuern (4 % und 20 %).
Vielen Dank,
-L.
Wenn Sie ein Windows-Benutzer sind und nicht als PDF drucken können, suchen Sie nicht weiter. Es gibt ein Programm namens CuteWriter, das Ihnen im Grunde die Option gibt, alles als PDF zu drucken.
Sie müssen auch etwas namens Ghostscript installieren, aber es wird Sie dazu auffordern und dies nach der Installation tun.
http://www.cutepdf.com/download/CuteWriter.exe
Danke Chris! Das wird mir Geld sparen, da ich mein Freshbooks-Konto nicht aufrüsten muss… vorerst.
Das wird wirklich schön, sogar benutzbar!! ;)
Super schön zu benutzen und davon zu lernen. Danke.
Für mich würde ich gerne die Zeilenartikel per Drag & Drop sortieren können. In welche Richtung würden Sie gehen, um dies zu tun?
Das ist wirklich großartig, Chris (und Vinh). Eine Sache, die ich zur Verbesserung tun würde, wäre, dass die „Menge“ automatisch auf „1“ gesetzt wird, wenn man den Stückpreis eingibt. Das würde in vielen Fällen einen zusätzlichen Schritt sparen.
Aber eine großartige kleine Mini-App und eine großartige Idee.
Großartige Sachen.
Ich denke wirklich darüber nach, diese Methode für mich selbst zu übernehmen.
Danke.
Seltsamkeiten…
Versuchen Sie, das Logo zu löschen und dann die Seite zu aktualisieren… beobachten Sie die Rechnungsnummer. (Sie wird mit dem Datum gefüllt)
Versuchen Sie dann, das Logo zu löschen UND die Rechnungsnummer zu ändern und dann die Seite zu aktualisieren… beobachten Sie den Kundennamen. (Er wird mit der Rechnungsnummer gefüllt)
Ansonsten… sehr cool.
Das sieht großartig aus..
Obwohl es nicht funktioniert, wenn man Pfund verwendet.. :(
Gibt es Buchhaltungsdinge wie diese, die mit Pfund funktionieren?
Danke
Das ist schlichtweg genial! Der Printliminator davor… Erstaunliche Arbeit, Chris!
Das ist großartig. Können wir als nicht bearbeitbare HTML-Datei (z.B. 00123.html) speichern, damit wir sie per E-Mail an den Kunden senden können.
Ich denke, Sie können einige PHP-Skripte finden, die diese Funktionalität leicht erreichen könnten.
-A
Es gibt nichts, was Sie daran hindert, es in Ihrem Browser zu speichern, gehen Sie einfach auf Datei > Speichern. Natürlich, wenn Sie möchten, dass sie automatisch auf dem Server gespeichert werden, sobald Sie eine Schaltfläche drücken, könnten Sie etwas in PHP dafür schreiben.
Das ist einfach genial. Dankbar für dieses Stück, Chris.
Großartige Arbeit!
Das ist großartig!
Schön, Chris.
Das ist großartig!
Ich liebe die Änderungen seit der Veröffentlichung der vorherigen Version, Chris! :)
Das ist absolut rockt! Spart, dass Rechnungsstellung softwareabhängig ist. Das bedeutet, jeder kann eine Rechnung für mich erstellen, sodass ich noch mehr Zeit für die Arbeit habe ;) also mehr Rechnungen, juhu!
Aber bitte, bitte, wie bekomme ich das dazu, mit britischen Pfund zu funktionieren? Ich hoffe, Sie können mich in die richtige Richtung weisen.
Jedes Mal, wenn ich diese Seite besuche, haben Sie eine Lösung! Danke :o)
Wie oben, ich schaffe es nicht, den Code in £ Sterling umzuwandeln…
Hallo Iain, ein Kollege von mir hat es für mich in Sterling geändert. Wenn Sie also eine Kopie möchten, senden Sie mir eine E-Mail. :o) Cheers Mark
PDF Creator ist kostenlos und fügt in jeder Windows-Anwendung eine Option „An PDF drucken“ hinzu. http://sourceforge.net/projects/pdfcreator/
Ich sollte es benutzen, vielleicht ist das eine weitere Lösung neben meiner aktuellen Rechnung Bamboo Invoice, die auch großartig läuft.
Wenn dieses Rechnungsstellungstool die Möglichkeit hätte, die Transaktionshistorie aufzuzeichnen, wäre es besser ;)
Großartige Arbeit. Definitiv meine erste Wahl.
Aber kann ich die Rechnung als .PDF exportieren?
Das ist großartig! Ich bin es so leid, eine Vorlage von Quickbooks zu verwenden…
Kann jemand bitte erklären, wie man die Währung ändert? Ich ändere sie in der Hauptdatei und alle „$“ im JS, aber das erwischt nicht alle und ergibt auch NaN
einfach+anpassbar+nützlich=großartig!
danke!
Hallo Leute, ich bin ein Neuling in der Programmierung. Ich habe diese bearbeitbare Rechnung heruntergeladen und versuche, sie für ein Projekt zu verwenden. Ich möchte die ID der (Artikel hinzufügen und entfernen) abrufen, damit ich eine SQL-Abfrage ausführen kann. Weiß jemand, wie das geht? Bitte helfen Sie mir, danke
Hallo Leute, wenn jemand die Währung der Rechnung ändern kann, lassen Sie es mich bitte wissen.
Ich möchte den Betrag, der bezahlt wurde, in eine Steuer (MwSt.)-Berechnung ändern? Ich habe mehrere Lösungen ausprobiert, aber es funktioniert nicht. Kann jemand die Beispiel.js für mich modifizieren, damit der bezahlte Betrag durch eine Steuerberechnung ersetzt wird?
Vielen Dank im Voraus.
Riekelt
Wenn Sie GBP / Pfund Sterling (£) verwenden möchten, vergessen Sie nicht, die HTML-Entity-Version £ anstelle des tatsächlichen Zeichens zu verwenden.
Was die Änderung der Währung angeht… öffnen Sie den JS-Ordner, öffnen Sie die Datei example.js… in der Funktion, die mit $(„#addrow“).click(function(){ beginnt, suchen Sie nach textarea class =”cost”, ändern Sie das Dollarzeichen in £ für Pfund und € für Euro und speichern Sie Ihre letzten Änderungen… öffnen Sie die bearbeitbare Rechnung und klicken Sie auf Zeile hinzufügen, Sie werden das neue Währungssymbol sehen… jetzt müssen Sie vielleicht den Rest finden, den Sie ändern müssen… seien Sie vorsichtig, keine Variable zu ändern.
Ich habe eine eigene Frage… ich habe eine Dropdown-Box zur index.php-Datei hinzugefügt, damit Benutzer verschiedene Währungen auswählen können. Wie ändere ich den Währungswert meiner Rechnung, wenn ich eine Währung auswähle? … sehen Sie meine HTML-Dropdown-Box
₦
€
£
$
¥
999
PS: Die letzte mit 999 ist nur eine „Kontrolle“.