Pedigree

Exporter en PDF -- Génération -- 1 génération 2 générations 3 générations 4 générations 5 générations

// CSV export functionality document.getElementById('csvBtn')?.addEventListener('click', function() { const table = document.getElementById('horseTable'); const rows = table.querySelectorAll('tr'); let csvContent = "data:text/csv;charset=utf-8,"; // Add headers const headers = []; table.querySelectorAll('thead th:not(:nth-child(8))').forEach(header => { headers.push('"' + header.textContent.trim() + '"'); }); csvContent += headers.join(',') + '\n'; // Add rows table.querySelectorAll('tbody tr').forEach(row => { if (row.style.display !== 'none') { // Only include visible rows const rowData = []; row.querySelectorAll('td:not(:nth-child(8))').forEach(cell => { // Remove HTML tags and extra whitespace let text = cell.textContent.replace(/(<([^>]+)>)/gi, '').trim(); text = text.replace(/\s+/g, ' '); // Collapse multiple spaces rowData.push('"' + text + '"'); }); csvContent += rowData.join(',') + '\n'; } }); // Create download link const encodedUri = encodeURI(csvContent); const link = document.createElement('a'); link.setAttribute('href', encodedUri); link.setAttribute('download', 'reproduction_chevaux.csv'); document.body.appendChild(link); // Trigger download link.click(); document.body.removeChild(link); }); // Excel export functionality document.getElementById('excelBtn')?.addEventListener('click', function() { const table = document.getElementById('horseTable'); const data = []; // Add headers const headers = []; table.querySelectorAll('thead th:not(:nth-child(8))').forEach(header => { headers.push(header.textContent.trim()); }); data.push(headers); // Add rows table.querySelectorAll('tbody tr').forEach(row => { if (row.style.display !== 'none') { // Only include visible rows const rowData = []; row.querySelectorAll('td:not(:nth-child(8))').forEach(cell => { // Remove HTML tags and extra whitespace let text = cell.textContent.replace(/(<([^>]+)>)/gi, '').trim(); text = text.replace(/\s+/g, ' '); // Collapse multiple spaces rowData.push(text); }); data.push(rowData); } }); // Create worksheet const ws = XLSX.utils.aoa_to_sheet(data); // Create workbook const wb = XLSX.utils.book_new(); XLSX.utils.book_append_sheet(wb, ws, 'Reproduction Chevaux'); // Export to file XLSX.writeFile(wb, 'reproduction_chevaux.xlsx'); }); // PDF export functionality document.getElementById('pdfBtn')?.addEventListener('click', function() { const { jsPDF } = window.jspdf; const doc = new jsPDF(); // Add title doc.setFontSize(16); doc.text('Reproduction - Liste des chevaux', 14, 15); // Get table data const table = document.getElementById('horseTable'); const headers = []; const rows = []; // Extract headers table.querySelectorAll('thead th:not(:nth-child(8))').forEach(header => { headers.push(header.textContent.trim()); }); // Extract rows table.querySelectorAll('tbody tr').forEach(row => { if (row.style.display !== 'none') { // Only include visible rows const rowData = []; row.querySelectorAll('td:not(:nth-child(8))').forEach(cell => { // Remove HTML tags and extra whitespace let text = cell.textContent.replace(/(<([^>]+)>)/gi, '').trim(); text = text.replace(/\s+/g, ' '); // Collapse multiple spaces rowData.push(text); }); rows.push(rowData); } }); // Create table in PDF doc.autoTable({ head: [headers], body: rows, startY: 25, theme: 'grid', styles: { fontSize: 8, cellPadding: 2 }, headerStyles: { fillColor: [78, 115, 223] }, margin: { top: 25 } }); // Save the PDF doc.save('reproduction_chevaux.pdf'); }); });

Production

Diversité Génitique

Diversité Génitique