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

fix of button by radio button

Browse Source
This commit is contained in:
Clément Brossaud
2023-05-28 20:58:15 +02:00
parent c270255ad9
commit 1cbc1fe74a
2 changed files with 35 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
publications.html
View File

@@ -45,10 +45,26 @@
<div id="hour"></div>
</nav>
<div id="allButton">
<button class="button" onclick="revue()">Article de revue</button>
<button class="button" onclick="communication()">Communication</button>
<button class="button" onclick="reset()">Toutes</button>
<input type="text" id="entry_text" placeholder="Saisir texte" onkeypress="search(event)">
<fieldset>
<legend>Choisir ce que vous souhaitez voir</legend>
<div>
<input type="radio" onclick="revue()" name="drone" value="huey"
checked>
<label>Revue</label>
</div>
<div>
<input type="radio" onclick="communication()" name="drone" value="dewey">
<label>Communication</label>
</div>
<div>
<input type="radio" onclick="reset()" name="drone" value="louie">
<label>Toutes</label>
</div>
</fieldset>
<input type="text" id="entry_text" placeholder="Saisir texte" onkeypress="search(event)">
<button class="button" id="search_button" onclick="search(event)">Rechercher</button>
</div>
<div class="publi">

18
src/js/index/index.js
View File

@@ -24,7 +24,7 @@ function displayWord() {
}, 1000);
});
}
/*
function slide(element, distance, duration, delay) {
element.style.transform = `translateX(-${distance}px)`; // Déplacer l'élément vers la gauche
element.style.transition = `transform ${duration}ms ease ${delay}ms`; // Ajouter une transition
@@ -33,8 +33,20 @@ function slide(element, distance, duration, delay) {
element.style.transform = 'translateX(0)'; // Déplacer l'élément vers la gauche
}, 0);
}
const element = document.getElementById('LabHidden'); // Récupérer l'élément à animer
slide(element, 100, 500, 200);
const element = document.getElementById('LabHidden'); // Récupérer l'élément à animer
displayWord();
slide(element, 100, 500, 200);
*/
function slide(element, distance, duration, delay) {
element.style.transform = `translateX(-${distance}px)`; // Déplacer l'élément vers la gauche
element.style.transition = `transform ${duration}ms ease ${delay}ms`; // Ajouter une transition
setTimeout(() => { // Remettre l'élément à sa position initiale
element.style.transform = 'translateX(0)'; // Déplacer l'élément vers la gauche
element.style.transition = ''; // Supprimer la transition pour le réinitialiser
}, duration + delay);
}
displayWord();
slide(document.getElementById('LabHidden'), 100, 500, 200); // Appliquer l'effet de slide au mot