Messages de Belmundo
Le 06 avril 2023 à 10:44:38 :
Le 06 avril 2023 à 10:39:58 :
En gros tu fais une div que tu positionne au milieu de l'écran avec une position absolute. Tu lui met un display:none
Tu rajoutes un évent clic sur l'élément que tu veux pour que ça ouvre ta modal, quand il y a l'évent tu rajoutes display: block à la div créé précédemmentje vois le cheminement comment tu rajoutes lors de l'evenement (addeventlistener('click')) le display:block
c'est là ma grosse galere en javascript faut lui faire dire quoi j'en chie avec javascript
faut faire une fonction qui renvoit toujours vraie ?
et l'élément avec la div en querySelector, je le crée dans une variable const la variable const doit etre parent ou enfant de l'evenement
Pour déclencher un événement en JavaScript, vous pouvez utiliser la méthode addEventListener qui permet de lier une fonction à un événement spécifique (par exemple, un clic de souris). La fonction liée à l'événement peut alors modifier les propriétés CSS de l'élément cible pour afficher ou cacher un élément de la page.
Voici un exemple de code qui montre comment créer une fonction qui sera appelée lors d'un clic sur un bouton, et qui modifie le style CSS d'une div pour afficher ou cacher un élément :
<button id="toggle-button">Cliquez ici pour afficher/cacher la modale</button>
<div id="modal" style="display: none;">
<p>Ceci est une modale.</p>
</div>
<script>
const button = document.querySelector('#toggle-button');
const modal = document.querySelector('#modal');
function toggleModal() {
if (modal.style.display === 'none') {
modal.style.display = 'block';
} else {
modal.style.display = 'none';
}
}
button.addEventListener('click', toggleModal);
</script>
Dans cet exemple, nous avons créé une fonction appelée toggleModal qui vérifie l'état actuel de l'affichage de la div modal en regardant la valeur de sa propriété CSS display. Si display est égal à none, la fonction définit la propriété display à block pour afficher la div. Si display est déjà block, la fonction définit display à none pour cacher la div. Nous avons ensuite lié cette fonction à l'événement "click" du bouton à l'aide de addEventListener.
Pour répondre à votre deuxième question, la variable const qui contient la référence à l'élément cible peut être déclarée n'importe où dans le code, en tant que parent ou enfant de l'événement. Ce qui est important, c'est que la variable contient une référence valide à l'élément que vous voulez modifier. Dans notre exemple, nous avons utilisé document.querySelector pour récupérer la référence aux éléments cible, mais vous pouvez également utiliser d'autres méthodes pour récupérer la référence, comme document.getElementById ou document.getElementsByClassName.
Pour créer une modale en JavaScript, vous pouvez utiliser une combinaison de HTML, CSS et JavaScript. Voici les étapes générales à suivre :
Créez une structure HTML pour la modale. Cela peut inclure une div pour la modale elle-même, une div pour le contenu, et des boutons pour fermer la modale.
Utilisez CSS pour cacher la modale par défaut en définissant la propriété "display" à "none".
Ajoutez un événement de clic à un bouton ou un lien pour afficher la modale. Dans cet événement, utilisez JavaScript pour afficher la modale en définissant la propriété "display" à "block".
Ajoutez un événement de clic à un bouton pour fermer la modale. Dans cet événement, utilisez JavaScript pour cacher la modale en définissant la propriété "display" à "none".
Voici un exemple de code HTML/CSS/JavaScript pour créer une modale simple :
<!-- Structure HTML pour la modale -->
<div id="myModal" class="modal">
<div class="modal-content">
<span class="close">×</span>
<p>Ceci est une modale.</p>
</div>
</div>
<!-- CSS pour cacher la modale par défaut -->
<style>
.modal {
display: none; /* caché par défaut */
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0,0,0,0.4);
}
.modal-content {
background-color: #fff;
margin: 15% auto;
padding: 20px;
border: 1px solid #888;
width: 80%;
}
.close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
</style>
<!-- JavaScript pour afficher/cacher la modale -->
<script>
var modal = document.getElementById("myModal");
var btn = document.getElementById("myBtn");
var span = document.getElementsByClassName("close")[0];
btn.onclick = function() {
modal.style.display = "block";
}
span.onclick = function() {
modal.style.display = "none";
}
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
</script>
Dans cet exemple, la modale est cachée par défaut grâce à la propriété "display: none" dans le CSS. Lorsque l'utilisateur clique sur le bouton avec l'id "myBtn", la modale est affichée grâce à JavaScript qui définit la propriété "display" à "block". Lorsque l'utilisateur clique sur le bouton de fermeture (la croix), ou en dehors de la modale, la modale est cachée grâce à JavaScript qui définit la propriété "display" à "none".
donc je reste sur terre et je maitrise le temps, je deviens le KING de la terre et ensuite je conquers l'espace
maitrise la guitare, le piano et la théorie musicale
grosse connaissance en psychologie, philosophie
luthier
+ de 25 meuf au compteur
Le 04 avril 2023 à 22:42:21 :
Le 04 avril 2023 à 22:41:44 :
Le 04 avril 2023 à 22:40:38 :
Le 04 avril 2023 à 22:39:57 :
Pourquoi l’ombre de la terre est ronde sur la lune ?Preuve ?
https://image.noelshack.com/fichiers/2023/14/2/1680640902-image.jpeg En quoi est ce que ça prouve que la Terre est en forme de globe ?
ah donc ton postula est que la terre est plate mais en forme de cercle ?
Le 04 avril 2023 à 22:40:38 :
Le 04 avril 2023 à 22:39:57 :
Pourquoi l’ombre de la terre est ronde sur la lune ?Preuve ?
Bref tous les artifices pour tricher, elle vaut rien
ca fait bander tout le monde l'idée d'être au pieds d'une femme et obéir à ses ordres comme un bon tou tou ?
ou bien c'est seulement les déviants ?
Le 04 avril 2023 à 16:39:45 :
ma copine avait tenté le même coup une fois, partir en city trip avec un ami pour "voir un musée" (elle fait de la peinture)je l'ai prise comme un viking sur mon dos, je l'ai jeté sur le lit, je l'ai baisée comme un barbare, et je lui dit qu'elle n'était pas autorisé à partir avec lui .
elle m'a fait la gueule une semaine mais elle n'est pas partie .
c'est quoi le nom du film khey ?
sans parler de la diversité (cheveux brun, blond, châtain, roux, noir) les yeux (vert, bleu, noir, brun, gris)
la peau, les tache de rousseur, les differentes forme de nez...
les autres c'est quoi ??? les black (noir partout, cheveux crépu noir, même nez, même gueule)
les asiat idem, blanche, même cheveux, même gueule, même taille
On peut utiliser la relation de la somme des longueurs des segments pour déterminer la mesure de QN:
QN = MN + NP + PQ - (QM + NP)
En substituant les valeurs données:
QN = 7 + 5 + 8 - (6 + 5)
QN = 9
Ainsi, la mesure de QN est de 9 unités sur la droite graduée.
