Js Tablo yazdırma Scripti

Html Sayfalarda bir tablo id ile tetiklendiğinde tablo içeriğini yazdırmaya aktaran script

<script>
function PrintTable(tabloId) {
    let table = document.querySelector(tabloId);
    if (!table) {
        console.error("Tablo bulunamadı: " + tabloId);
        return;
    }

    let printWindow = window.open('', '', 'width=800,height=600');
    printWindow.document.write('<html><head><title>Tablo Yazdır</title>');
    printWindow.document.write('<style>');
    printWindow.document.write('table { border-collapse: collapse; width: 100%; }');
    printWindow.document.write('th, td { border: 1px solid black; padding: 8px; text-align: left; }');
    printWindow.document.write('</style></head><body>');
    
    printWindow.document.write(table.outerHTML); // Sadece tablonun içeriğini ekler
    printWindow.document.write('</body></html>');
    
    printWindow.document.close();
    printWindow.print();
}
</script>

Örnek Kullanımı

	<button onclick="PrintTable('#Tablo1')">Yazdır</button>
Js Tablodan Pdf Aktarım Scripti

Html Sayfalarda bir tablo id ile tetiklendiğinde tablo içeriğini pdf aktaran script

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/3.5.27/jspdf.plugin.autotable.min.js"></script>

<script>


function TabloPDF(tabloId, dosyaAdi = "tablo.pdf") {
    let table = document.querySelector(tabloId);
    if (!table) {
        console.error("Tablo bulunamadı: " + tabloId);
        return;
    }

    let { jsPDF } = window.jspdf;
    let doc = new jsPDF();
	  doc.addFont('font/roboto.ttf', 'Roboto', 'normal');
  doc.setFont("Roboto", "normal");
 
 ;
    doc.autoTable({
        html: table ,
        styles: {
            font: "Roboto", // Alternatif: "times"
            fontStyle: "normal"
        }
    });

    doc.save(dosyaAdi);
}
</script>

Örnek Kullanımı

&lt;button onclick="TabloPDF('#Tablo1')">PDF İndir&lt;/button>
Karakter Kodları Listesi

Aşağıdaki tabloda HTML kodları içinde kullanılabilecek ISO Latin-1 karakter seti dahilindeki isimlendirilmiş karakter girişleri gösterilmektedir. Listede sık kullanılan bazı önemli işaretlerin/karakterlerin açıklamaları kalın olarak belirtilmiştir.

KarakterDesimal Koduİsimlendirilmiş GirişAçıklama
&#34;&quot;Çift Tırnak İşareti (Quotation mark)
&&#38;&amp;VE İşareti (Ampersand)
&#60;&lt;Küçüktür (Less than)
&#62;&gt;Büyüktür (Greater than)
 &#160;&nbsp;[Kesintisiz] Boşluk (Nonbreaking space)
¡&#161;&iexcl;Ters Ünlem İşareti (Inverted exclamation)
¢&#162;&cent;Sent İşareti (Cent sign)
£&#163;&pound;Sterlin İşareti (Pound sterling)
¤&#164;&curren;? General currency sign
¥&#165;&yen;[Japon] Yen İşareti (Yen sign)
¦&#166;&brvbar; veya &brkbar;Kesintili Dikey Çizgi (Broken vertical bar)
§&#167;&sect;Bölüm/Kısım İşareti (Section sign)
¨&#168;&uml; veya &die;? Diæresis / Umlaut
©&#169;&copy;Telif Hakkı (Copyright)
ª&#170;&ordf;Feminine ordinal
«&#171;&laquo;Sol guillemet (Left angle quote, guillemet left)
¬&#172;&notDeğil İşareti (Not sign)
&#173;&shy;Tire/Eksi İşareti (Soft hyphen)
®&#174;&reg;Marka İşareti (Registered trademark)
¯&#175;&macr; veya &hibar;Macron accent
°&#176;&deg;Derece İşareti (Degree sign)
±&#177;&plusmn;Artı veya Eksi İşareti (Plus or minus)
²&#178;&sup2;Üssü 2 İşareti (Superscript two)
³&#179;&sup3;Üssü 3 İşareti (Superscript three)
´&#180;&acute;Acute accent
µ&#181;&micro;Mikro İşareti (Micro sign)
&#182;&para;Paragraf İşareti (Paragraph sign)
·&#183;&middot;Middle dot
¸&#184;&cedil;Cedilla
¹&#185;&sup1;Üssü 1 İşareti (Superscript one)
º&#186;&ordm;Masculine ordinal
»&#187;&raquo;Sağ Guillemet (Right angle quote, guillemet right)
¼&#188;&frac14;1 Bölü 4 (Fraction one-fourth)
½&#189;&frac12;1 Bölü 2 (Fraction one-half)
¾&#190;&frac34;3 Bölü 4 (Fraction three-fourths)
¿&#191;&iquest;Ters Soru İşareti (Inverted question mark)
À&#192;&Agrave;Capital A, grave accent
Á&#193;&Aacute;Capital A, acute accent
Â&#194;&Acirc;Capital A, circumflex
Ã&#195;&Atilde;Capital A, tilde
Ä&#196;&Auml;Capital A, diæresis / umlaut
Å&#197;&Aring;Capital A, ring
Æ&#198;&AElig;Capital AE ligature
Ç&#199;&Ccedil;Capital C, cedilla
È&#200;&Egrave;Capital E, grave accent
É&#201;&Eacute;Capital E, acute accent
Ê&#202;&Ecirc;Capital E, circumflex
Ë&#203;&Euml;Capital E, diæresis / umlaut
Ì&#204;&Igrave;Capital I, grave accent
Í&#205;&Iacute;Capital I, acute accent
Î&#206;&Icirc;Capital I, circumflex
Ï&#207;&Iuml;Capital I, diæresis / umlaut
Ð&#208;&ETH;Capital Eth, Icelandic
Ñ&#209;&Ntilde;Capital N, tilde
Ò&#210;&Ograve;Capital O, grave accent
Ó&#211;&Oacute;Capital O, acute accent
Ô&#212;&Ocirc;Capital O, circumflex
Õ&#213;&Otilde;Capital O, tilde
Ö&#214;&Ouml;Capital O, diæresis / umlaut
×&#215;&times;Multiply sign
Ø&#216;&Oslash;Capital O, slash
Ù&#217;&Ugrave;Capital U, grave accent
Ú&#218;&Uacute;Capital U, acute accent
Û&#219;&Ucirc;Capital U, circumflex
Ü&#220;&Uuml;Capital U, diæresis / umlaut
Ý&#221;&Yacute;Capital Y, acute accent
Þ&#222;&THORN;Capital Thorn, Icelandic
ß&#223;&szlig;Small sharp s, German sz
à&#224;&agrave;Small a, grave accent
á&#225;&aacute;Small a, acute accent
â&#226;&acirc;Small a, circumflex
ã&#227;&atilde;Small a, tilde
ä&#228;&auml;Small a, diæresis / umlaut
å&#229;&aring;Small a, ring
æ&#230;&aelig;Small ae ligature
ç&#231;&ccedil;Small c, cedilla
è&#232;&egrave;Small e, grave accent
é&#233;&eacute;Small e, acute accent
ê&#234;&ecirc;Small e, circumflex
ë&#235;&euml;Small e, diæresis / umlaut
ì&#236;&igrave;Small i, grave accent
í&#237;&iacute;Small i, acute accent
î&#238;&icirc;Small i, circumflex
ï&#239;&iuml;Small i, diæresis / umlaut
ð&#240;&eth;Small eth, Icelandic
ñ&#241;&ntilde;Small n, tilde
ò&#242;&ograve;Small o, grave accent
ó&#243;&oacute;Small o, acute accent
ô&#244;&ocirc;Small o, circumflex
õ&#245;&otilde;Small o, tilde
ö&#246;&ouml;Small o, diæresis / umlaut
÷&#247;&divide;Bölü İşareti (Division sign)
ø&#248;&oslash;Small o, slash
ù&#249;&ugrave;Small u, grave accent
ú&#250;&uacute;Small u, acute accent
û&#251;&ucirc;Small u, circumflex
ü&#252;&uuml;Small u, diæresis / umlaut
ý&#253;&yacute;Small y, acute accent
þ&#254;&thorn;Small thorn, Icelandic
ÿ&#255;&yuml;Small y, diæresis / umlaut
Php Verot.net Multi Upload

Verot.net sınıfı ile php + html ile multi dosya yükleme scripti

Html Form Kodu

	<form action="?P=TGonder" id="Form1"  method="POST"  enctype="multipart/form-data">
							<table data-role="table" id="table-column-toggle" class="ui-table table-stripe" data-mode="toggle" style="margin:0px;padding:0px;">
								<tbody>
									
									<tr >
										<td ><strong>Dosyaları Seçin</strong></td>
										<td  colspan="2"><input type="file"  id="resim[]"  name="resim[]" multiple /></td>	
									</tr>								
								</tbody>
							</table>

							<input type="submit" value="Talebi Gönder" name="btn_kaydet" data-icon="check" data-theme="a" data-rel="external" data-ajax="false">
						</form> 

Php Kodu

if(isset($_POST['btn_kaydet'])) 
{
	require 'class.upload.php'; // Verot Upload Dosyası
	$resimler = array();
	foreach ($_FILES['resim'] as $k => $a) 
	{
		foreach ($a as $i => $v) 
		{
			if (!array_key_exists($i, $resimler))
			$resimler[$i] = array();
			$resimler[$i][$k] = $v;
	   }
	}
	foreach ($resimler as $resim) 
	{
		$handle = new Upload($resim);
		if ($handle->uploaded) 
		{
			if ($handle->processed) 
			{
				$handle->file_new_name_body = rand(0,99999999999999); // rastgele isim veriyiliyor
				$Yil = date('Y');
				$Gun = date('d');
		    	$Aylar = array('Ocak','Şubat','Mart','Nisan','Mayıs','Haziran','Temmuz','Ağustos','Eylül','Ekim','Kasım','Aralık'); // Yil - Gün ve Ay bazlı klasörleme işlemi yapılıyor
			    $Ay = $Aylar[date('m') - 1];
			    $yol = 'uploads/'.$Yil.'/'.seo_url($Ay).'/'.$Gun.'/'.$PID.'/';
		        $handle->Process($yol ); 
                echo $handle->file_dst_name ; // yüklenen dosyanın ismi
			}
		}
	}

Yüklenen dosya ile detaylı işlemler için https://www.verot.net/php_class_upload_samples.htm sitesini inceleyebilirsiniz

E-Fatura Banka Bilgileri Ekleme

E-fatura xml template bölümünde id=”notesTable” alanının altına eklediğiniz de notlar alanında gözükecektir

<br>
<table width="770" align="left" height="80">
	<tbody>
		<tr align="left">
			<td id="notesTableTd" style="width:3%">
				<span style="font-weight:bold;">
					<xsl:text>BANKA -1</xsl:text><br>
					<xsl:text>BANKA -2</xsl:text><br>					 
				</span>
			</td>
			
			<td id="notesTableTd" style="width:3%">
				<span style="font-weight:bold; ">
					<xsl:text>BANKA1-ŞUBE</xsl:text><br>
					<xsl:text>BANKA2-ŞUBE</xsl:text><br>				 
				</span>
			</td>
			
			<td id="notesTableTd" style="width:1%">
				<span>			 
					<xsl:text>TL Hesabı</xsl:text><br>
					<xsl:text>TL Hesabı</xsl:text><br>														
				</span>
			</td>
			
			<td id="notesTableTd" style="width:7%">
				<span style="font-weight:bold;">
					<xsl:text>BANKA-1 IBAN</xsl:text><br>
					<xsl:text>BANKA-2 IBAN</xsl:text><br>						 
				</span>
			</td>
		</tr>
	</tbody>
</table>

BANKA -1
BANKA -2
BANKA1-ŞUBE
BANKA2-ŞUBE
TL Hesabı
TL Hesabı
BANKA-1 IBAN
BANKA-2 IBAN

E-Fatura Teslim Alan Teslim Eden Ekleme

E-fatura xml template bölümünde id=”notesTable” alanının altına eklediğiniz de notlar alanında gözükecektir

 
	<table border="1"  width="100%"  height="150">
		<tbody>
			<tr>
				<td width="50%" align="center" height="20" >
					<b>Teslim Alan</b>
				</td>
				
				<td width="50%" align="center" height="20">
					<b>Teslim Eden</b>
				</td>
			</tr>
			<tr>
				<td width="50%" align="center" ></td>
				<td width="50%" align="center"></td>
			</tr>
		</tbody>
 </table>
Teslim Alan Teslim Eden