C'est pour moi le meilleur rapport qualité prix du moment. En face, Youtube Music ne tient plus la comparaison
Claude a tout fait, juste avec mon fichier initial contenant uniquement les noms de mes artistes favoris.
Il a recherché tous les genres de tous les artistes. Et, ils sont nombreux.
Il a ajouté les options de recherche : de la fiche Wikipédia de l'artiste de la fiche Wikipédia de l'artiste des photos de l'artiste
Cliquer sur les têtes de colonne Artiste ou Genre pour classer tous les enregistrements en fonction de ce critère.
Cette application, certainement élémentaire pour Claude 3.7, m'ouvre personnellement de vastes horizons.
Je régis seul ce site depuis 25 ans, sans rien connaître de la programmation. Quand je l'ai choisi, c'était en l'an de grâce 2000, un des rares fournisseurs de sites internet à proposer ce que l'on appelait pour la première fois un blog, c'est-à-dire un site internet « clé en mains » qui pouvait se régir sans être programmeur.
C'est ainsi que depuis 25 ans, c'est mon hébergeur qui s'occupe de tout. Je ne m'occupe « que » d'écrire mes articles avec l'éditeur de texte fourni avec l'abonnement.
Lequel éditeur s'avère depuis l'apparition de l'I.A plutôt rudimentaire. C'est logique, il n'a pas été modifié depuis des décennies. Ce que je viens de faire remarquer à mon hébergeur. J'attends sa réponse et si elle ne me convient pas, je rechercherai, pour la première fois depuis 25 ans, une autre solution.
Qui ne manquent pas, mais mon problème est que mon site contient maintenant près de 8 000 articles et qu'un hébergeur vedette comme Hostinger m'a informé qu'il était incapable de faire une sauvegarde informatique de mes articles et de l'intégrer à mon nouveau site.
Je ne vois pas où est le problème pour un hébergeur qui se flatte de maîtriser l'intelligence artificielle, mais si je cherche vraiment, je devrais en trouver un qui puisse s'acquitter de cette tâche. 8 000 articles, c'est beaucoup, mais ce n'est quand même pas la bibliothèque d'Alexandrie 😉.
En attendant, avec l'aide de Claude 3.7, je peux proposer, pour la première fois depuis 25 ans, un article véritablement interactif. Je vais, toujours avec Claude, voir dans les prochains jours, comment l'améliorer. Si vous avez des suggestions en ce sens, je suis preneur.
En tout cas, moi qui écoute de la musique de mon réveil à mon coucher, en ce moment avec YouTube Music et avec Amazon Music, en attendant de pouvoir me défaire de YouTube Music, dont la qualité sonore n'a rien à voir avec celle d'Amazon, cette page de mon site va bien me servir, car elle m'évitera d'oublier certains artistes ou simplement de retrouver plus rapidement, à mon âge canonique, (80 ans l'année prochaine) l'artiste que je cherche.
N.B
La seule chose qui m'empêche d'annuler mon abonnement à YouTube Music, c'est la suppression des pubs dans Youtube, que je regarde souvent, notamment les vidéos traitant de la Tech, pour ne rien perdre des nouveautés de l'I.A, ou en matière de santé, un sujet crucial pour quelqu'un de mon âge. J'ai trouvé, avec l'I.A, 15 alternatives (!), mais il me faut le temps de les examiner toutes.
Mes artistes favoris body { font-family: Arial, sans-serif; line-height: 1.6; margin: 0; padding: 20px; color: #333; } .search-container { margin-bottom: 20px; } input { padding: 8px; width: 300px; font-size: 16px; } table { width: 100%; border-collapse: collapse; margin-top: 20px; } th, td { padding: 10px; border: 1px solid #ddd; text-align: left; } th { background-color: #f2f2f2; cursor: pointer; } tr:hover { background-color: #f5f5f5; } .pagination { display: flex; justify-content: center; margin-top: 20px; } .pagination button { padding: 8px 16px; margin: 0 5px; cursor: pointer; } Mes artistes favoris Artiste Genre Liens // Données des artistes et leurs genres const artists = [ { name: "2cellos", genre: "Classique crossover" }, { name: "4 non blondes", genre: "Rock alternatif" }, { name: "Adrian Lucas", genre: "Classique" }, { name: "Alan Jackson", genre: "Country" }, { name: "Albinoni", genre: "Classique baroque" }, { name: "Al Jarreau", genre: "Jazz, R&B" }, { name: "Ali Akbar Khan", genre: "Musique indienne classique" }, { name: "Allegri Gregorio", genre: "Classique renaissance" }, { name: "Amy Winehouse", genre: "Soul, Jazz, R&B" }, { name: "Andres Segovia", genre: "Classique, Guitare classique" }, { name: "Angelique Kidjo", genre: "World music, Afropop" }, { name: "Aretha Franklin", genre: "Soul, R&B, Gospel" }, { name: "Ariell Dombasle", genre: "Chanson française, Pop" }, { name: "Art Mengo", genre: "Chanson française" }, { name: "Arno", genre: "Rock, Chanson belge" }, { name: "Astor Piazzolla", genre: "Tango nuevo" }, { name: "Avalon Jazz band", genre: "Jazz manouche, Swing" }, { name: "Axelle Red", genre: "Pop, Soul" }, { name: "Ayo", genre: "Folk, Soul, Reggae" }, { name: "Aznavour", genre: "Chanson française" }, { name: "B.B. King", genre: "Blues" }, { name: "Baden Powell", genre: "Bossa Nova, Jazz brésilien" }, { name: "Barbara", genre: "Chanson française" }, { name: "Baroque Composers", genre: "Classique baroque" }, { name: "Barry White", genre: "Soul, Disco, R&B" }, { name: "Bashung", genre: "Rock, Chanson française" }, { name: "Beau Dommage", genre: "Folk québécois" }, { name: "Beth Hart", genre: "Blues, Rock" }, { name: "Beatles", genre: "Rock, Pop" }, { name: "Bee Gees", genre: "Pop, Disco" }, { name: "Ben Harper", genre: "Folk, Blues, Rock" }, { name: "Ben Webster", genre: "Jazz" }, { name: "Bernard Lavilliers", genre: "Chanson française, World music" }, { name: "Bevinda", genre: "Fado, World music" }, { name: "Big Bad Voodoo Daddy", genre: "Swing, Jazz" }, { name: "Bill Deraime", genre: "Blues" }, { name: "Billie Holiday", genre: "Jazz, Blues" }, { name: "Blind Boys of Alabama", genre: "Gospel" }, { name: "Bob Dylan", genre: "Folk, Rock" }, { name: "Bocelli Andrea", genre: "Classique, Opéra, Pop" }, { name: "Bo Diddley", genre: "Rock & Roll, Blues" }, { name: "Bonnie Raitt", genre: "Blues, Rock" }, { name: "Bossa Nova", genre: "Bossa Nova" }, { name: "Brassens", genre: "Chanson française" }, { name: "Brownie McGee and Sonny Terry", genre: "Blues" }, { name: "Bruce Springsteen", genre: "Rock" }, { name: "Buena Vista Social Club", genre: "Son cubain, World music" }, { name: "Cabrel", genre: "Chanson française, Folk" }, { name: "Camille Saint Saens", genre: "Classique" }, { name: "Canned Heat", genre: "Blues rock" }, { name: "Capuçon Renaud", genre: "Classique" }, { name: "Carlos Gardel", genre: "Tango" }, { name: "Cat Stevens", genre: "Folk, Pop" }, { name: "Catherine Ringer", genre: "Rock, Pop" }, { name: "Céline Dion", genre: "Pop" }, { name: "Cesaria Evora", genre: "Morna, World music" }, { name: "Charlelie Couture", genre: "Rock, Chanson française" }, { name: "Charles Dumont", genre: "Chanson française" }, { name: "Charlie Musselwhite", genre: "Blues" }, { name: "Charlie Byrd", genre: "Jazz, Bossa Nova" }, { name: "Cheb Khaled", genre: "Raï" }, { name: "Cheb Mami", genre: "Raï" }, { name: "Chet Baker", genre: "Jazz" }, { name: "Chris Stapleton", genre: "Country, Southern rock" }, { name: "Christophe", genre: "Pop, Chanson française" }, { name: "Clapton", genre: "Blues, Rock" }, { name: "Claude Nougaro", genre: "Chanson française, Jazz" }, { name: "Coleman Hawkins", genre: "Jazz" }, { name: "Colette Magny", genre: "Chanson française, Blues" }, { name: "Compay Segundo", genre: "Son cubain" }, { name: "Concha Buika", genre: "Flamenco, Jazz, Soul" }, { name: "Cranberries", genre: "Rock alternatif" }, { name: "Creedence Clearwater", genre: "Rock, Blues rock" }, { name: "Daby Toure", genre: "World music, Folk africain" }, { name: "Dave Brubeck", genre: "Jazz" }, { name: "Dean Martin", genre: "Swing, Pop traditionnelle" }, { name: "De Palmas", genre: "Pop, Rock" }, { name: "Diane Dufresne", genre: "Chanson québécoise" }, { name: "Diana Krall", genre: "Jazz" }, { name: "Dire Straits", genre: "Rock" }, { name: "Django Reinhardt", genre: "Jazz manouche" }, { name: "Donny Hathaway", genre: "Soul, R&B" }, { name: "Eagles", genre: "Rock, Country rock" }, { name: "Ed Sheeran", genre: "Pop, Folk" }, { name: "Eddy Mitchell", genre: "Rock & Roll, Chanson française" }, { name: "Edward Higginbottom", genre: "Classique, Musique chorale" }, { name: "Ella Fitzgerald & Louis Armstrong", genre: "Jazz" }, { name: "Elvis Presley", genre: "Rock & Roll" }, { name: "Emma Kirkby et James Bowman", genre: "Classique" }, { name: "Emmylou Harris", genre: "Country, Folk" }, { name: "Ennio Morricone", genre: "Musique de film, Classique" }, { name: "Era", genre: "New Age, World music" }, { name: "Erroll Garner", genre: "Jazz" }, { name: "Fats Domino", genre: "Rock & Roll, R&B" }, { name: "Fats Waller", genre: "Jazz, Swing" }, { name: "Faun", genre: "Folk médiéval" }, { name: "Felix Leclerc", genre: "Chanson québécoise" }, { name: "France Gall", genre: "Pop, Chanson française" }, { name: "Form", genre: "World music" }, { name: "Gainsbourg", genre: "Chanson française, Pop" }, { name: "Gérard Manset", genre: "Chanson française, Rock" }, { name: "George Benson", genre: "Jazz, Soul" }, { name: "Gipsy Kings", genre: "Flamenco, Rumba catalane" }, { name: "Glenn Miller", genre: "Swing, Jazz" }, { name: "Gotan Project", genre: "Electro-tango" }, { name: "Gregorian", genre: "New Age, Chant grégorien" }, { name: "Grover Washington", genre: "Jazz, Smooth jazz" }, { name: "Hadouk Trio", genre: "World jazz" }, { name: "Herbie Hancock", genre: "Jazz, Funk" }, { name: "Hot Club de France", genre: "Jazz manouche" }, { name: "Hugh Coltman", genre: "Jazz, Blues" }, { name: "Highway Men", genre: "Country" }, { name: "Idir", genre: "Musique kabyle, World music" }, { name: "Ike & Tina Turner", genre: "Rock & Roll, Soul" }, { name: "Ilene Barnes", genre: "Folk, Jazz" }, { name: "Il Divo", genre: "Opéra pop, Classique crossover" }, { name: "Imany", genre: "Soul, Folk" }, { name: "I Musici", genre: "Classique" }, { name: "INXS", genre: "Rock, New wave" }, { name: "Isabelle Boulay", genre: "Chanson québécoise, Pop" }, { name: "Ismael Lo", genre: "Mbalax, World music" }, { name: "J.J. Cale", genre: "Blues, Rock" }, { name: "Jack Johnson", genre: "Folk, Soft rock" }, { name: "Jacques Loussier", genre: "Jazz, Classique" }, { name: "James Blunt", genre: "Pop, Folk" }, { name: "James Brown", genre: "Funk, Soul" }, { name: "Jane Birkin", genre: "Chanson française, Pop" }, { name: "Janis Joplin", genre: "Rock, Blues" }, { name: "Jaroussky Philippe", genre: "Classique, Opéra baroque" }, { name: "Jean Ferrat", genre: "Chanson française" }, { name: "Jean Jacques Milteau", genre: "Blues" }, { name: "Jimmy Smith", genre: "Jazz, Soul jazz" }, { name: "Jo Dassin", genre: "Chanson française, Pop" }, { name: "Joan Baez", genre: "Folk" }, { name: "Joao Gilberto", genre: "Bossa Nova" }, { name: "Joe Cocker", genre: "Rock, Blues" }, { name: "Johnny Lee Hooker", genre: "Blues" }, { name: "John Lennon", genre: "Rock, Pop" }, { name: "Johnny Guitar Watson", genre: "Blues, Funk" }, { name: "Johnny Cash", genre: "Country" }, { name: "Jordi Savall", genre: "Classique, Musique ancienne" }, { name: "Josh Turner", genre: "Country" }, { name: "Julia Westlin", genre: "A cappella, Pop" }, { name: "Julien Clerc", genre: "Chanson française, Pop" }, { name: "Julien Jacob", genre: "World music" }, { name: "Julio Iglesias", genre: "Pop latine" }, { name: "Karen Dalton", genre: "Folk, Blues" }, { name: "Kassav", genre: "Zouk, World music" }, { name: "Katie Melua", genre: "Jazz, Blues, Pop" }, { name: "Keith B Brown", genre: "Blues" }, { name: "Kenny Rogers", genre: "Country" }, { name: "Keren Ann", genre: "Pop, Folk" }, { name: "Keziah Jones", genre: "Blues, Funk" }, { name: "Khaled", genre: "Raï" }, { name: "Kinga Glyk", genre: "Jazz, Funk" }, { name: "Klazz Brothers", genre: "Jazz, Classique" }, { name: "Leo Ferre", genre: "Chanson française" }, { name: "Leonard Cohen", genre: "Folk" }, { name: "Lester Young", genre: "Jazz" }, { name: "Levon Minassian", genre: "Musique arménienne, World music" }, { name: "Liane Foly", genre: "Jazz, Pop" }, { name: "Lightnin' Hopkins", genre: "Blues" }, { name: "Lindsay Ell", genre: "Country" }, { name: "Lionel Richie", genre: "R&B, Pop" }, { name: "Lisa Simone", genre: "Jazz, Soul" }, { name: "Lisa Gerrard", genre: "New Age, World music" }, { name: "Lokua Kanza", genre: "World music, Jazz" }, { name: "Louis Prima", genre: "Swing, Jazz" }, { name: "Madeleine Peyroux", genre: "Jazz, Blues" }, { name: "Mad Manoush", genre: "Jazz manouche" }, { name: "Madonna", genre: "Pop, Dance" }, { name: "Malia", genre: "Jazz, Soul" }, { name: "Marcus Miller", genre: "Jazz fusion, Funk" }, { name: "Marie Laforêt", genre: "Chanson française, Folk" }, { name: "Mark Knopfler", genre: "Rock, Folk" }, { name: "Marvin Gaye", genre: "Soul, R&B" }, { name: "Martin Zarzar", genre: "World music, Jazz" }, { name: "Maxime Le Forestier", genre: "Chanson française, Folk" }, { name: "MB14 Ambitius", genre: "Beatbox, A cappella" }, { name: "Mean Mary", genre: "Folk, Bluegrass" }, { name: "Mélanie de Biasio", genre: "Jazz, Trip-hop" }, { name: "Melissa Laveaux", genre: "Folk, World music" }, { name: "Melody Gardot", genre: "Jazz, Blues" }, { name: "Memphis Slim", genre: "Blues" }, { name: "Mem Shannon", genre: "Blues" }, { name: "Merle Haggard", genre: "Country" }, { name: "Michel Berger", genre: "Pop, Chanson française" }, { name: "Michel Jonasz", genre: "Chanson française, Jazz" }, { name: "Mighty Mo Rogers", genre: "Blues" }, { name: "Michael Franks", genre: "Jazz, Pop" }, { name: "Miguel Angel Ruiz", genre: "Flamenco" }, { name: "Mstislav Rostropovitch", genre: "Classique" }, { name: "MISIA", genre: "Soul japonaise, R&B" }, { name: "Molly Johnson", genre: "Jazz" }, { name: "Monteverdi", genre: "Classique renaissance" }, { name: "Mozart", genre: "Classique" }, { name: "Muddy Waters", genre: "Blues" }, { name: "Narciso Yepes", genre: "Classique, Guitare classique" }, { name: "Nat King Cole", genre: "Jazz, Swing" }, { name: "Neville Brothers", genre: "R&B, Funk" }, { name: "Nina Simone", genre: "Jazz, Blues, Soul" }, { name: "Nino Ferrer", genre: "Chanson française, Rock" }, { name: "Noa", genre: "Pop, World music" }, { name: "Norah Jones", genre: "Jazz, Pop" }, { name: "O'Brothers", genre: "Folk, Bluegrass" }, { name: "Oryema Geoffrey", genre: "World music" }, { name: "Otis Redding", genre: "Soul, R&B" }, { name: "Pablo Casals", genre: "Classique" }, { name: "Pachelbel", genre: "Classique baroque" }, { name: "Paco De Lucia", genre: "Flamenco" }, { name: "Paolo Conte", genre: "Jazz, Chanson italienne" }, { name: "Patricia Kaas", genre: "Chanson française, Jazz" }, { name: "Peggy Lee", genre: "Jazz, Pop" }, { name: "Peter Paul and Mary", genre: "Folk" }, { name: "Philippe Lavil", genre: "Chanson française, Zouk" }, { name: "Pink Floyd", genre: "Rock progressif" }, { name: "Pink Martini", genre: "Jazz, World music" }, { name: "Polyphonies Corses", genre: "Musique traditionnelle corse" }, { name: "Pomplamoose", genre: "Indie pop" }, { name: "Prince", genre: "Funk, Pop, R&B" }, { name: "Queen", genre: "Rock" }, { name: "Ray Charles", genre: "Soul, R&B, Jazz" }, { name: "Reggiani Serge", genre: "Chanson française" }, { name: "Robert Johnson", genre: "Blues" }, { name: "Roberto Alagna", genre: "Opéra, Classique" }, { name: "Rod Stewart", genre: "Rock, Pop" }, { name: "Sade", genre: "Smooth jazz, Soul" }, { name: "Saint Germain", genre: "Nu jazz, Électronique" }, { name: "Salvador Henri", genre: "Chanson française, Jazz" }, { name: "Sanseverino", genre: "Chanson française, Jazz manouche" }, { name: "Santana", genre: "Rock latino, Fusion" }, { name: "Sarah Lazarus", genre: "Jazz" }, { name: "Sarah Vaughan", genre: "Jazz" }, { name: "Scott Hamilton", genre: "Jazz" }, { name: "Serge Gainsbourg", genre: "Chanson française, Pop" }, { name: "Serge Reggiani", genre: "Chanson française" }, { name: "Shania Twain", genre: "Country, Pop" }, { name: "Simon and Garfunkel", genre: "Folk" }, { name: "Sinead O'Connor", genre: "Pop, Folk" }, { name: "Sona Jobarteh", genre: "World music, Musique mandingue" }, { name: "Sonny Boy Williamson II", genre: "Blues" }, { name: "Sophie Milman", genre: "Jazz" }, { name: "Souad Massi", genre: "Folk, World music" }, { name: "Southern Raised", genre: "Bluegrass, Gospel" }, { name: "Souchon", genre: "Chanson française" }, { name: "Stan Getz", genre: "Jazz, Bossa Nova" }, { name: "Stephane Eicher", genre: "Pop, Rock" }, { name: "Stevie Wonder", genre: "Soul, R&B, Funk" }, { name: "Sting", genre: "Rock, Jazz, Pop" }, { name: "Sugarman", genre: "Folk" }, { name: "Supertramp", genre: "Rock progressif" }, { name: "Sydney Bechet", genre: "Jazz" }, { name: "Susheela Raman", genre: "World music" }, { name: "Terez Montcalm", genre: "Jazz" }, { name: "The Bee Gees", genre: "Pop, Disco" }, { name: "The Dead South", genre: "Bluegrass, Folk" }, { name: "The Petersens", genre: "Bluegrass, Country" }, { name: "Thomas Dutronc", genre: "Jazz manouche, Chanson française" }, { name: "Thomas Fersen", genre: "Chanson française" }, { name: "Tom Jones", genre: "Pop, Soul" }, { name: "Tommy Emmanuel", genre: "Country, Fingerstyle" }, { name: "Toto", genre: "Rock" }, { name: "Townes Van Zandt", genre: "Folk, Country" }, { name: "Tracy Chapman", genre: "Folk, Blues" }, { name: "Trio Joubran", genre: "Musique arabe, World music" }, { name: "Van Morrison", genre: "Rock, Folk, Blues" }, { name: "Veronique Sanson", genre: "Pop, Chanson française" }, { name: "Vivaldi", genre: "Classique baroque" }, { name: "Voces 8", genre: "A cappella, Classique" }, { name: "Voulzy", genre: "Pop, Chanson française" }, { name: "Waylon Jennings", genre: "Country" }, { name: "William Sheller", genre: "Chanson française, Pop" }, { name: "Willie Nelson", genre: "Country" }, { name: "Woody Guthrie", genre: "Folk" }, { name: "Yeghish Manoukian", genre: "Musique arménienne" }, { name: "Youssou N'Dour", genre: "World music, Mbalax" }, { name: "Yorn", genre: "Folk rock" }, { name: "Yo-Yo Ma", genre: "Classique" }, { name: "Yves Montand", genre: "Chanson française" }, { name: "Zaz", genre: "Chanson française, Jazz" }, { name: "ZZ Top", genre: "Rock, Blues rock" }, { name: "ZZ Ward", genre: "Blues, Rock" } ]; const itemsPerPage = 20; let currentPage = 1; // Fonction pour initialiser la table function initTable() { const tbody = document.querySelector('#artistTable tbody'); tbody.innerHTML = ''; const startIndex = (currentPage - 1) * itemsPerPage; const endIndex = startIndex + itemsPerPage; const paginatedData = artists.slice(startIndex, endIndex); paginatedData.forEach(artist => { const row = document.createElement('tr'); const nameCell = document.createElement('td'); nameCell.textContent = artist.name; row.appendChild(nameCell); const genreCell = document.createElement('td'); genreCell.textContent = artist.genre; row.appendChild(genreCell); const linksCell = document.createElement('td'); // Lien Wikipedia artiste const wikiArtistLink = document.createElement('a'); wikiArtistLink.href = `https://fr.wikipedia.org/wiki/${encodeURIComponent(artist.name)}`; wikiArtistLink.textContent = 'Wiki Artiste'; wikiArtistLink.target = '_blank'; linksCell.appendChild(wikiArtistLink); linksCell.appendChild(document.createTextNode(' | ')); // Lien Wikipedia genre const wikiGenreLink = document.createElement('a'); wikiGenreLink.href = `https://fr.wikipedia.org/wiki/${encodeURIComponent(artist.genre.split(',')[0])}`; wikiGenreLink.textContent = 'Wiki Genre'; wikiGenreLink.target = '_blank'; linksCell.appendChild(wikiGenreLink); linksCell.appendChild(document.createTextNode(' | ')); // Recherche d'image Google const imageLink = document.createElement('a'); imageLink.href = `https://www.google.com/search?q=${encodeURIComponent(artist.name)}&tbm=isch`; imageLink.textContent = 'Photos'; imageLink.target = '_blank'; linksCell.appendChild(imageLink); row.appendChild(linksCell); tbody.appendChild(row); }); // Mise à jour de la pagination updatePagination(); } // Fonction pour mettre à jour la pagination function updatePagination() { const paginationDiv = document.getElementById('pagination'); paginationDiv.innerHTML = ''; const totalPages = Math.ceil(artists.length / itemsPerPage); // Bouton précédent const prevButton = document.createElement('button'); prevButton.textContent = 'Précédent'; prevButton.disabled = currentPage === 1; prevButton.addEventListener('click', () => { if (currentPage > 1) { currentPage--; initTable(); } }); paginationDiv.appendChild(prevButton); // Affichage du numéro de page actuelle const pageInfo = document.createElement('span'); pageInfo.textContent = ` Page ${currentPage} sur ${totalPages} `; pageInfo.style.margin = '0 10px'; paginationDiv.appendChild(pageInfo); // Bouton suivant const nextButton = document.createElement('button'); nextButton.textContent = 'Suivant'; nextButton.disabled = currentPage === totalPages; nextButton.addEventListener('click', () => { if (currentPage < totalPages) { currentPage++; initTable(); } }); paginationDiv.appendChild(nextButton); } // Fonction pour rechercher dans la table function searchTable() { const input = document.getElementById('searchInput'); const filter = input.value.toLowerCase(); if (filter.length < 2) { // Si moins de 2 caractères, afficher tous les artistes currentPage = 1; initTable(); return; } const filteredArtists = artists.filter(artist => artist.name.toLowerCase().includes(filter) || artist.genre.toLowerCase().includes(filter) ); const tbody = document.querySelector('#artistTable tbody'); tbody.innerHTML = ''; filteredArtists.forEach(artist => { const row = document.createElement('tr'); const nameCell = document.createElement('td'); nameCell.textContent = artist.name; row.appendChild(nameCell); const genreCell = document.createElement('td'); genreCell.textContent = artist.genre; row.appendChild(genreCell); const linksCell = document.createElement('td'); // Lien Wikipedia artiste const wikiArtistLink = document.createElement('a'); wikiArtistLink.href = `https://fr.wikipedia.org/wiki/${encodeURIComponent(artist.name)}`; wikiArtistLink.textContent = 'Wiki Artiste'; wikiArtistLink.target = '_blank'; linksCell.appendChild(wikiArtistLink); linksCell.appendChild(document.createTextNode(' | ')); // Lien Wikipedia genre const wikiGenreLink = document.createElement('a'); wikiGenreLink.href = `https://fr.wikipedia.org/wiki/${encodeURIComponent(artist.genre.split(',')[0])}`; wikiGenreLink.textContent = 'Wiki Genre'; wikiGenreLink.target = '_blank'; linksCell.appendChild(wikiGenreLink); linksCell.appendChild(document.createTextNode(' | ')); // Recherche d'image Google const imageLink = document.createElement('a'); imageLink.href = `https://www.google.com/search?q=${encodeURIComponent(artist.name)}&tbm=isch`; imageLink.textContent = 'Photos'; imageLink.target = '_blank'; linksCell.appendChild(imageLink); row.appendChild(linksCell); tbody.appendChild(row); }); // Cacher la pagination lors d'une recherche document.getElementById('pagination').style.display = 'flex'; } // Fonction pour trier la table function sortTable(columnIndex) { artists.sort((a, b) => { const valueA = columnIndex === 0 ? a.name : a.genre; const valueB = columnIndex === 0 ? b.name : b.genre; return valueA.localeCompare(valueB, 'fr', { sensitivity: 'base' }); }); currentPage = 1; initTable(); } // Initialiser la table au chargement window.onload = function() { initTable(); };