Ceci est une version archivée de Essai303 à 2023-11-12 21:24:30
Page vierge pour essai 30
"🍴🍽este sitio te puede interesar🍴🍽 <!-- --> <!DOCTYPE html> <html lang="en">
<head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Click to Play Audio</title>
<body>
<!-- Create a container for the rectangle and the additional text -->
<div style="display: flex; align-items: center;">
- <!-- Create a rectangle with the text "Hello" centered -->
- <div id="myRectangle" style="width: 50px; height: 50px; background-color: lightblue; cursor: pointer; display: flex; justify-content: center; align-items: center;">
- Click
- </div>
- <!-- Create an element for "What is it" initially hidden -->
- <div id="whatIsIt" style="display: none; margin-left: 10px;">
- Do you know this signal ?
- </div>
</div>
<!-- Add the hidden audio player -->
<audio id="myAudio">
- <source src="https://ferme.yeswiki.net/wikipasapas/files/Essai303_spoutnikbip_20231110095032_20231110095352.mp3" type="audio/mp3">
- Your browser does not support the audio tag.
<!-- Add the JavaScript script to detect click and trigger audio playback -->
<script>
- Select the rectangle by its ID
- var rectangle = document.getElementById('myRectangle');
- Select the "What is it" element by its ID
- var whatIsIt = document.getElementById('whatIsIt');
- Select the audio element by its ID
- var audio = document.getElementById('myAudio');
- Add an event listener for click on the rectangle
- rectangle.addEventListener('click', function() {
- Check if the audio is paused, if yes, play it, otherwise, pause it
- if (audio.paused) {
- audio.play();
- Show the "What is it" element
- whatIsIt.style.display = 'block';
- } else {
- audio.pause();
- Hide the "What is it" element
- whatIsIt.style.display = 'none';
- }
- });
- Add an event listener for the 'ended' event of the audio
- audio.addEventListener('ended', function() {
- Hide the "What is it" element when the audio ends
- whatIsIt.style.display = 'none';
- });
</body>
</html> <!DOCTYPE html>
<html lang="en">
<head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Click Button Example</title>
<body>
<button id="connexionButton" onclick="connect()">este sitio te puede interesar</button>
<script>
- function connect() {
- Vous pouvez remplacer l'URL par celle que vous souhaitez.
- window.location.href = "https://www.espagnol-cours.fr/restaurant-nourriture.html";
- }
</body>
</html> ****======Page vierge pour essai 30====== aller [[page25 page 25]] <a href="#" onclick="javascript:history.back();">Précédent</a> aller [[page25 page 25]] {{grid}} {{col size="4" class="text-justify"}} {{attach file="listenchanceok.mp3" desc="listenchanceok.mp3 (68.2kB)" size="original" class="left"}} {{attach file="lucky.jpg" desc="image lucky.jpg (61.0kB)" size="medium" class="left" caption="Tuve un poco de suerte hoy (es una alcantarilla y la llave de mi auto)"}} {{end elem="col"}} {{col size="4" class="text-justify"}} {{attach file="suertemotamotok.mp3" desc="suertemotamotok.mp3 (0.1MB)" size="original" class="left"}} {{attach file="suerte.jpg" desc="image suerte.jpg (0.1MB)" size="medium" class="left" caption="savoir utiliser efficacement mes ressources pour réussir"}} {{end elem="col"}} {{col size="4" class="text-justify"}} Una mujer va a la clinica estética.Para quitarse las ARRUGAS, hacer una RINOPLASTIA, aumentarse los SENOS y aumentarse los LABIOS.El cirujano le pregunta a la señora si se queda satisfecha con su trabajo.Ella responde : No lo sé. Me hubiera gustado tener mis ojos más grandes y más expresivos.Responde el cirujano : No te preocupes. Que cuando veas mis honorarios vas a tener una mirada expresiva y unos ojos muy grandes ! {{end elem="col"}} {{end elem="grid"}} <div class="warning">
- <p>Beware of the leopard</p>