groupe1cir1n/groupe1CIR1Njs
1
0
Fork 0
mirror of https://github.com/groupe1cir1n/groupe1CIR1Njs.git synced 2026-03-18 21:40:30 +01:00
Code Issues Packages Projects Releases Wiki Activity

publication with a mistake

Browse Source
This commit is contained in:
Clément Brossaud
2023-05-25 18:46:01 +02:00
parent 34952a1a1b
commit c6c5ae38ce
3 changed files with 19 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
publications.html
View File

@@ -11,7 +11,7 @@
<link rel="stylesheet" href="src/css/style_publications.css"> <link rel="stylesheet" href="src/css/style_publications.css">
<link rel="stylesheet" href="src/css/navbar.css"> <link rel="stylesheet" href="src/css/navbar.css">
<link rel="stylesheet" href="src/css/footer.css"> <link rel="stylesheet" href="src/css/footer.css">
<script type="module" src="src/js/publication/publicaton.js"></script> <script type='module' src="src/js/publication/publication.js" defer></script>
</head> </head>
<body> <body>
<div id="loaderContainer"> <div id="loaderContainer">
@@ -44,7 +44,8 @@
<div id="chrono"></div> <div id="chrono"></div>
<div id="hour"></div> <div id="hour"></div>
</nav> </nav>
<input type="text" id="entry_text"> <input type="text" id="entry_text">
<button id="search_button" onclick='search()'>Rechercher</button>
<div class="publi"> <div class="publi">
<p><img src="src/img/publications/pink square.png" alt="pink square" class="squares"> <p><img src="src/img/publications/pink square.png" alt="pink square" class="squares">
Sébastien Puma Emmanuel Sander Matthieu Saumard Isabelle Barbet Aurélien Latouche.<strong> Reconsidering conceptual knowledge: Heterogeneity of its components.</strong> Journal of Experimental Child Psychology, 2023, 227, pp.105587. Sébastien Puma Emmanuel Sander Matthieu Saumard Isabelle Barbet Aurélien Latouche.<strong> Reconsidering conceptual knowledge: Heterogeneity of its components.</strong> Journal of Experimental Child Psychology, 2023, 227, pp.105587.
@@ -59,7 +60,7 @@
Ayoub Karine , Maher Jridi , Rémi Adde , Sébastien Demousselle. <strong>CONCEPTION ET DEVELOPPEMENT D’UNE VOITURE AUTONOME.</strong> La Revue 3 E. I, 2022 </p> Ayoub Karine , Maher Jridi , Rémi Adde , Sébastien Demousselle. <strong>CONCEPTION ET DEVELOPPEMENT D’UNE VOITURE AUTONOME.</strong> La Revue 3 E. I, 2022 </p>
<p><img src="src/img/publications/pink square.png" alt="pink square" class="squares"> <p><img src="src/img/publications/pink square.png" alt="pink square" class="squares">
Sylvain Lefebvre , Maher Jridi. <strong>Mutualisation des Ressources IOT par Conteneurisation de Passerelle.</strong> La Revue 3 E. I, 2022, Intelligence Artificielle et Génie Électrique 2ème partie, 109, pp.69 </p> Sylvain Lefebvre , Maher Jridi. <strong>Mutualisation des Ressources IOT par Conteneurisation de Passerelle.</strong> La Revue 3 E. I, 2022, Intelligence Artificielle et Génie Électrique 2ème partie, 109, pp.69 </p>
</div> </div>
<footer> <footer>
<div class="foot"> <div class="foot">
<p> <p>

4
src/css/style_publications.css
View File

@@ -16,10 +16,6 @@ img{
text-align: center; text-align: center;
} }
.highlight {
background-color: yellow;
}
.publi{ .publi{
display: flex; display: flex;
flex-direction: column; flex-direction: column;

36
src/js/publication/publication.js
View File

@@ -1,22 +1,16 @@
function searchAndHighlight() { function search() {
const searchInput = document.getElementById('text_entry'); const searchInput = document.getElementById('entry_text');
const searchTerm = searchInput.value.trim(); const searchTerm = searchInput.value.trim().toLowerCase(); // on récupère le terme recherché en minuscule
const content = document.getElementById('content'); const paragraphs = document.querySelectorAll('.publi p'); // on prend tous les paragraphes
const result = document.getElementById('result');
for (let i = 0; i < paragraphs.length; i++) { // boucle qui parcourt tous les paragraphes
// Effacer le contenu précédent const paragraph = paragraphs[i];
result.innerHTML = ''; const paragraphText = paragraph.textContent.toLowerCase(); // on récupère le texte du paragraphe en minuscule
// Rechercher et mettre en évidence le terme de recherche if (paragraphText.includes(searchTerm)) { //on cherche si le texte du paragraphe contient le terme recherché
const regex = new RegExp(`\\b${searchTerm}\\b`, 'gi'); paragraph.style.display = 'block'; // si oui, on affiche le paragraphe
const matches = content.innerHTML.match(regex); } else {
if (matches) { paragraph.style.display = 'none'; // sinon, on le cache
matches.forEach(match => {
const matchElement = document.createElement('span');
matchElement.innerText = match;
matchElement.classList.add('highlight');
result.appendChild(matchElement);
});
} }
}
}