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

Version imprimable

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:

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">  </script> <frameset framespacing="0" border="false" frameborder="0" rows="96%"> <FRAMESET ROWS="176,*">  <FRAME name="banniere" scr="banniere.html" scrolling="no"> Première ligne   <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

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:

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>

19/05/2008, 09h47
Cirdan Telemnar

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

Essaye ça :
?

Code:

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>

26/05/2008, 09h56
Cirdan Telemnar

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

et comme ça :

Code:

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>

26/05/2008, 10h15
Cirdan Telemnar

je doit pas voir la subtilité mais je vois pas de différence avec ton premier poste :roll:

arf en effet ... je tourne en rond ...

essaye juste

Code:

1
2
3
4
5
 
function resol(){
  if (screen.width) { 
     document.frames['banniere'].scr=(screen.width <=800)?"banniere1.htm":"banniere2.htm"; 
  }

10/06/2008, 10h10
Cirdan Telemnar

sorry pour le moment de blanc mais j'étais sur autre chose

je viens de tester et ça marche pas nom plus

a croire que cette ligne
document.frames['banniere'].scr=(screen.width<=800)?"banniere1.htm":"banniere2.htm";

n'affecte pas le SCR de la FRAMES 'bannière'
document.frames['banniere'].scr