Forum-webmaster 
Technique - programmation => Javascript / DOM / Ajax => Message commencé par: nakamura100 le le 23-03-2011 a 16:33:26
Titre: Où placer ce code JS dans l'html pour qu'il marche?
Posté par: nakamura100 le le 23-03-2011 a 16:33:26
Bonjour, je voudrais créer une page web DE TEST, ayant un fond d'écran s'adaptant à toutes les résolutions des visiteurs.

J'ai donc ce code JAVASCRIPT :


Code:
<script language="JavaScript1.2" type="text/javascript">
if (screen.width==800||screen.height==600)
document.write('<img src="lien vers image 800x600">');
else if (screen.width==1024||screen.height==768)
document.write('<img src="http://www.clipart-fr.com/data/wallpaper/Paysages_05/fond_ecran_wallpaper_paysage_1318.jpg">');
else if (screen.width==1280||screen.height==1024)
document.write('<img src="lien vers image 1280x1024">');
else if (screen.width==1600||screen.height==1200)
document.write('<img src="lien vers image 1600x1200">');
else
document.write('<img src="lien vers autre image">');
else if (screen.width==1920||screen.height==1080)
document.write('http://s2.noelshack.com/uploads/images/11368957080591_sans_titre14_2.jpg">');
</script>



Et je voudrais savoir, que faut-il modifier dans mon code HTML actuel pour que le code JS marche, et où faut-il placer le JS dans l'html (ou alors sur une fiche externe?)


Code:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr>
<head>


<title>test page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="design" href="design.css" />
</head>


<body topmargin=10px bottommargin=10px leftmargin=10px rightmargin=10px scroll=no bgcolor=#474747>



<table height=100% width=100% align=center border=0 BACKGROUND="http://s2.noelshack.com/uploads/images/11368957080591_sans_titre14_2.jpg">

<tr>
<td align=center valign=bottom height=100px><H1>TON TITRE</H1>
<img src="http://img4.hostingpics.net/pics/343382psnlogo222.png" width="150" height="100" style="margin:0 auto" alt="Mon logo"></td>
</tr>

<tr>
<td align=center>
<iframe src="http://player.vimeo.com/video/2571178?title=0&amp;byline=0&amp;portrait=0&amp;autoplay=0" width="700" height="400" frameborder="0"></iframe>
</td>
</tr>

<tr>
<td align=center height=100px></td>
</tr>

</table>

</td>

</body>
</html>


Merci d'avance de votre aide, je débute
Titre: Re:Où placer ce code JS dans l'html pour qu'il marche?
Posté par: MarvinLeRouge le le 27-03-2011 a 16:54:13
Salut,

Il serait beaucoup plus efficace d'utiliser une seule image, qui marche pour toutes les résolutions, en la centrant horizontalement, et en prévoyant une couleur de remplissage aux bords, au cas où.
Titre: Re:Où placer ce code JS dans l'html pour qu'il marche?
Posté par: Apollinaire le le 28-04-2011 a 01:25:06
Bonsoir,

Pour le JS, il est possible de le mettre dans le html ou dans un fichier externe (personnellement je préconise cette solution).

Je changerais directement le paramètre au niveau du CSS via le JS avec un style.backgroundImage sur l'élément en question.

Bonne continuation


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.