matchmedia et suppression bloc d'image

bonjour

je ne voulais pas aborder le Javascript comme langage mais la fonction Matchmedia me semble interressante pour bloquer le chargement d'image volumineuse sur les mobiles

le css masque deja l'affichage du blocimage

Code:

---

1 2 3

<div class="blocimage hidetablette"> <div id="suppjv"><img alt="radiologie1" src="radio01.jpg"><img alt="radiologie2" src="radio02.jpg"><img alt="radiologie3" src="radio03.jpg"></div> </div>

---

je voulais suprimmer le tout le div suppjv et son contenu avec du JS
mais je debute et je dois pas avoir saisi une subtilité

Code:

---

1 2 3 4 5 6

<script> if (window.matchMedia("(max-width: 960px)").matches) { document.getElementById(suppjv').innerHTML = ''; /* La largeur max de l'affichage est 960 px inclus */ } </script>

---

Merci a celui qui trouvera

Citation:

---

je voulais suprimmer le tout le div suppjv

---

Code:

---

document.getElementById('myDiv')

---

:roll:

oooops !!!

Merci ....si je recopie le pb en me plantant de code
voila tj le meme probleme que manque t'il pour que cela fonctionne

voila j'ai ameliorer le programme

Code:

---

1 2 3 4 5 6 7 8 9 10 11

function redimensionnement() { var result = document.getElementById('suppjv'); if("matchMedia" in window) { if(window.matchMedia("(min-width:960px)").matches) { suppjv.innerHTML = '<img alt="radiologie1" src="radio01.jpg"><img alt="radiologie2" src="radio02.jpg"><img alt="radiologie3" src="radio03.jpg">'; } } } // On lie l'événement resize à la fonction window.addEventListener('resize', redimensionnement, false);   // Exécution de cette même fonction au démarrage pour avoir un retour initial redimensionnement();

---

il marche bien sauf qu'au demarage de la page il faut redimensionner la page pour voir apparaitre les photos
que manque t'il pour que la fonction fasse la modification avant le chargement de la page

ta fonction est lancée avant le chargement de la page

Code:

---

1 2 3 4 5 6

if (window.addEventListener) { window.addEventListener('load',redimensionnement , false); } else if (window.attachEvent) { window.attachEvent('onload', redimensionnement ); }

---

Merci

ça marche du tonnerre par contre je vais devoir me remettre au cours car j'ai du mal a saisir dont code

MERCI en tout cas !!!