Affichage banniere site en fonction de la resolution de l'utilisateur

**Cirdan Telemnar** · 14/05/2008, 11h26

bonjour

voila mon problème je suis en cours de création de site sauf on me demande de l'optimiser pour deux résolution et le seul truc qui cloche c'est la bannière.

voila mon code

le problème c'est comment faire une fois banniere1.htm ou banniere2.htm sont choisi pour les incruster dans le frame du code HTML

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<html>

<script language="javascript"> 
<!--
  if (typeof(screen.width) != "undefined") { 
    if (screen.width <=800){ 
      scr="banniere1.htm";  //le probleme est ici
    } 
    else{ 
      scr="banniere2.htm"; //et ici
    } 
  } 
//--> 
</script> 


<frameset framespacing="0" border="false" frameborder="0" rows="96%">
<FRAMESET ROWS="176,*">
  <!--et pour finir ici -->
  <FRAME name="banniere" scr="banniere.html" scrolling="no"> Première ligne 
  <!--<FRAMESET COLS="200,*">-->
  <!--<FRAME name="sommaire" SRC="gauche02.htm" scrolling="auto">-->
  <FRAME name="principal" SRC="droit02.htm" target="_self" scrolling="auto">
  </FRAMESET> Seconde ligne
</FRAMESET>

  <noframes>
  <body>
  <p>Cette page utilise des cadres, mais votre navigateur ne les prend pas en charge.</p>
  </body>
  </noframes>
</frameset>
</html>

ca doit pas etre tres dur mais j'ai jamais fais de java script donc je galère

merci

**SpaceFrog** · 14/05/2008, 11h56

fais une recherche sur le forum ...

http://javascript.developpez.com/faq...vig#resolVisit

et le src ne peut pas s'attribuer de la sorte ...

il te faut faire une fonction qui sur le onload du body modifiera le src du frame

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<html>
 
<script language="javascript"> 
<!--
function resol(){
  if (typeof(screen.width) != "undefined") { 
     document.frames['banniere'].scr=(screen.width <=800)?"banniere1.htm":"banniere2.htm"; 
  } 
window.onload=resol();
//--> 
</script> 
 
 
<frameset framespacing="0" border="false" frameborder="0" rows="96%">
<FRAMESET ROWS="176,*">
  <!--et pour finir ici -->
  <FRAME name="banniere" scr="banniere.html" scrolling="no"> Première ligne 
  <!--<FRAMESET COLS="200,*">-->
  <!--<FRAME name="sommaire" SRC="gauche02.htm" scrolling="auto">-->
  <FRAME name="principal" SRC="droit02.htm" target="_self" scrolling="auto">
  </FRAMESET> Seconde ligne
</FRAMESET>

**Cirdan Telemnar** · 19/05/2008, 09h47

ça ne fonctionne pas, j'ai une page blanche a la place de ma bannière et ma page principal en dessous.

**SpaceFrog** · 19/05/2008, 09h52

Essaye ça :
?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<html>
 
<script language="javascript"> 
<!--
function resol(){
  if (typeof(screen.width) != "undefined") { 
     document.frames['banniere'].scr=(screen.width <=800)?"banniere1.htm":"banniere2.htm"; 
  } 
//--> 
</script> 
 
 
<frameset framespacing="0" border="false" frameborder="0" rows="96%" onload="resol()">
<FRAMESET ROWS="176,*">
  <!--et pour finir ici -->
  <FRAME name="banniere" scr="banniere.html" scrolling="no"> Première ligne 
  <!--<FRAMESET COLS="200,*">-->
  <!--<FRAME name="sommaire" SRC="gauche02.htm" scrolling="auto">-->
  <FRAME name="principal" SRC="droit02.htm" target="_self" scrolling="auto">
  </FRAMESET> Seconde ligne
</FRAMESET>

**Cirdan Telemnar** · 26/05/2008, 09h56

ça ne fonctionne pas car soit pars que je rentre pas dans la fonction ou elle ne modifie pas le SRC du Frame ???

**SpaceFrog** · 26/05/2008, 10h05

et comme ça :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<html>
 
<script language="javascript"> 
<!--
function resol(){
  if (typeof(screen.width) != "undefined") { 
     document.frames['banniere'].scr=(screen.width <=800)?"banniere1.htm":"banniere2.htm"; 
  }
window.onload=resol(); 
//--> 
</script> 
 
 
<frameset framespacing="0" border="false" frameborder="0" rows="96%" >
<FRAMESET ROWS="176,*">
  <!--et pour finir ici -->
  <FRAME name="banniere" scr="banniere.html" scrolling="no"> Première ligne 
  <!--<FRAMESET COLS="200,*">-->
  <!--<FRAME name="sommaire" SRC="gauche02.htm" scrolling="auto">-->
  <FRAME name="principal" SRC="droit02.htm" target="_self" scrolling="auto">
  </FRAMESET> Seconde ligne
</FRAMESET>

Affichage banniere site en fonction de la resolution de l'utilisateur

JavaScript

Vue hybride

Discussions similaires

Partager

Partager