La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  Javascript / DOM / Ajax
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Où placer ce code JS dans l'html pour qu'il marche?
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Où placer ce code JS dans l'html pour qu'il marche?  (Lu 1638 fois)
Où placer ce code JS dans l'html pour qu'il marche?
« sur: le 23-03-2011 a 16:33:26 »
nakamura100
Invité

E-Mail
Répondre avec citation

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

« Dernière Édition: le 23-03-2011 a 16:35:44 par nakamura100 » Rapporter au modérateur  

Re:Où placer ce code JS dans l'html pour qu'il marche?
« Répondre #1 sur: le 27-03-2011 a 16:54:13 »
MarvinLeRouge
Superactif
****

Hors-Ligne

Messages: 584





Voir le Profil    WWW
Répondre avec citation

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ù.

Rapporter au modérateur  

Développeur web / Création de site internet
jean@ceugniet.com
Jean Ceugniet, Développement web
SIRET : 523 611 044 00018
Re:Où placer ce code JS dans l'html pour qu'il marche?
« Répondre #2 sur: le 28-04-2011 a 01:25:06 »
Apollinaire
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 7





Voir le Profil    WWW
Répondre avec citation

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

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg