Discussion :

[imwdman]

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Bovino]

je voulais suprimmer le tout le div suppjv

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('myDiv')

[imwdman]

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

[imwdman]

voila j'ai ameliorer le programme

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
if (window.addEventListener) {
  window.addEventListener('load',redimensionnement , false);
}
else if (window.attachEvent) {
  window.attachEvent('onload', redimensionnement );
}

[imwdman]

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 !!!