James Cameron assure : il ne se limite pas à Avatar et prépare d autres films

Questions courantes

Quels sont les prochains projets de James Cameron après Avatar ?

James Cameron prépare actuellement plusieurs projets, notamment des films et des séries télévisées. Il a annoncé vouloir réduire sa dépendance à la franchise Avatar et explorer de nouveaux genres et thèmes.

Quelle est la prochaine étape de la franchise Avatar ?

La franchise Avatar se poursuit avec la sortie d’Avatar 3, qui promet de révolutionner l’industrie du cinéma avec de nouvelles technologies et des effets visuels époustouflants.

Quels sont les films les plus célèbres de James Cameron ?

James Cameron est connu pour ses films à grand budget et à gros succès, tels que Titanic, Aliens et Terminator. Il a également réalisé des films plus récents comme Avatar et Avatar 2.

  <label for="annee" class="font-medium text-gray-700">Année :</label>
  

</tbody>

// Définition des données des films const films = [ { titre: « Avatar », type: « Science-fiction », annee: 2009, details: « Un film révolutionnaire en 3D qui explore l’écologie et la colonisation. » }, { titre: « Terminator 2 », type: « Action », annee: 1991, details: « Un classique du cinéma avec des effets spéciaux innovants pour l’époque. » }, { titre: « Les Mimics », type: « Animation », annee: 2017, details: « Projet d’animation en développement avancé par Cameron. » }, { titre: « Piranha 3D », type: « Action », annee: 2010, details: « Film catastrophe avec une touche de science-fiction et d’horreur. » }, { titre: « Titanic », type: « Drame », annee: 1997, details: « Un grand succès mondial mêlant romance et tragédie maritime. » } ];

// Variable globale pour trier let ordreTri = { champ: null, ascendant: true };

/**

• Fonction pour générer le tableau en fonction des filtres */ function genererTableau() { const tbody = document.getElementById(‘corpsTableau’); tbody.innerHTML =  »; // Vider le tableau

// Récupérer les filtres const filtreType = document.getElementById(‘typeFilm’).value; const filtreAnnee = document.getElementById(‘annee’).value;

// Filtrer les données const filmsFiltres = films.filter(film => { const matchType = (filtreType === ‘Tous’) || (film.type === filtreType); const matchAnnee = (filtreAnnee ===  ») || (film.annee == filtreAnnee); return matchType && matchAnnee; });

// Générer les lignes filmsFiltres.forEach(film => { const tr = document.createElement(‘tr’);

// Titre
const tdTitre = document.createElement(‘td’);
tdTitre.className = ‘border border-gray-300 px-4 py-2’;
tdTitre.textContent = film.titre;
tr.appendChild(tdTitre);

// Type
const tdType = document.createElement(‘td’);
tdType.className = ‘border border-gray-300 px-4 py-2’;
tdType.textContent = film.type;
tr.appendChild(tdType);

// Année
const tdAnnee = document.createElement(‘td’);
tdAnnee.className = ‘border border-gray-300 px-4 py-2’;
tdAnnee.textContent = film.annee;
tr.appendChild(tdAnnee);

// Bouton « En savoir + »
const tdDetails = document.createElement(‘td’);
tdDetails.className = ‘border border-gray-300 px-4 py-2 text-center’;
const btn = document.createElement(‘button’);
btn.className = ‘bg-blue-500 hover:bg-blue-600 text-white font-semibold py-1 px-3 rounded cursor-pointer’;
btn.textContent = ‘Voir détails’;
btn.setAttribute(‘aria-expanded’, ‘false’);
btn.setAttribute(‘aria-controls’, ‘detail-‘ + film.titre.replace(/s+/g, ‘-‘));
btn.onclick = () => toggleDetails(film.titre);
tdDetails.appendChild(btn);
tr.appendChild(tdDetails);

// Ligne pour détails (initialement masquée)
const trDetails = document.createElement(‘tr’);
trDetails.id = ‘detail-‘ + film.titre.replace(/s+/g, ‘-‘);
trDetails.className = ‘hidden bg-gray-50’;

const tdDetailContent = document.createElement(‘td’);
tdDetailContent.colSpan = 4;
tdDetailContent.className = ‘border border-gray-300 px-4 py-2 text-gray-800’;
tdDetailContent.textContent = film.details;

trDetails.appendChild(tdDetailContent);

// Ajouter les deux lignes au tbody
tbody.appendChild(tr);
tbody.appendChild(trDetails);

}); }

/**

• Fonction pour basculer l’affichage des détails
• @param {string} titre – Titre du film pour retrouver la ligne */ function toggleDetails(titre) { const id = ‘detail-‘ + titre.replace(/s+/g, ‘-‘); const detailRow = document.getElementById(id); const btns = document.querySelectorAll(button[aria-controls= »${id} »]); const btn = btns[0];

if (detailRow.classList.contains(‘hidden’)) { detailRow.classList.remove(‘hidden’); btn.setAttribute(‘aria-expanded’, ‘true’); btn.textContent = ‘Cacher détails’; } else { detailRow.classList.add(‘hidden’); btn.setAttribute(‘aria-expanded’, ‘false’); btn.textContent = ‘Voir détails’; } }

/**

• Fonction pour filtrer le tableau selon les filtres */ function filtrerTableau() { genererTableau(); }

/**

• Fonction pour trier le tableau par une colonne
• @param {string} champ – Champ de tri (‘titre’, ‘type’, ‘annee’) */ function trierPar(champ) { // Déterminer l’ordre if (ordreTri.champ === champ) { ordreTri.ascendant = !ordreTri.ascendant; } else { ordreTri.champ = champ; ordreTri.ascendant = true; }

// Trier les films filtrés films.sort((a, b) => { if (a[champ] b[champ]) return ordreTri.ascendant ? 1 : -1; return 0; });