11548 sujets

JavaScript, DOM et API Web HTML5

Saluti Tutti Smiley cligne

J'ai une page d'accueil en html qui propose aux visiteurs de cliquer sur la langue de leur choix et normalement, ça les dirige sur un site en Flash. Mais ce site ne s'affiche de manière optimale que pour les personnes qui ont un écran d'au moins 1280 pixels de large. Je pensais rediriger ceux qui ont un écran plus petit vers une version du site en HTML mais j'avoue que je n'y connais pas grand chose en JS. Est-ce que l'un d'entre vous pourrait me dépanner ? Smiley biggol
Salut,

J'ai fais une petite fonction :

function detectScreen() {
    var linkHTML = document.getElementById('html-ver');
    var linkFlash = document.getElementById('flash-ver');
	
    if (screen.width < 1280) {
		linkFlash.style.display = 'none';
    }
    else if (screen.width >= 1280) {
		linkHTML.style.display = 'none';
    }
}
window.onload = detectScreen;


Code HTML :
<a id="html-ver" href="lien version HTML">lien version HTML</a>
<a id="flash-ver" href="lien version Flash"> Lien version Flash</a>


Il suffit de mettre les bons liens dans le code HTML, et JS fera le reste. Aussi n'enlève pas les ID 'flash-ver' et 'html-ver' sinon ça plantera.