Le css intégré dans le javascript

Version imprimable

18/01/2008, 00h23
Olivier Regnier

Le css intégré dans le javascript
Bonjour :)

J'essaye depuis quelques minutes à placer une bannière généré par un script Javascript dont le code se situe dans un fichier externe. Le seul soucis, il ne tient pas compte du fichier css.

Voici le code html:
Code:

1 2 3 4 5 6  <div id="haut-de-page"> <div id="bannieres"> <script src="scripts/js_ban.js" type="text/javascript"></script> </div> </div>
Voici une partie du code Javascript concernant le css:
Code:

1 2 3 4 5 6 function PlaceBannieres() { document.getElementById('bannieres').style.styleFloat='right'; document.getElementById('bannieres').style.marginTop='5px'; } PlaceBannieres();
Cela ne change en rien, la bannière est toujours placé à gauche et ne respecte pas non plus la valeur du marginTop.

Un petit coup de main s'il vous plaît ?

:merci:

voila ;) :
Code:

1 2 3 4 document.getElementById('bannieres').style.styleFloat ='right'; document.getElementById('bannieres').setAttribute("style","float:right"); document.getElementById('bannieres').style.marginTop='5px';
testé sous ie7 et firefox bonne nuit

ps : je suis également vers mont saint aignant ^^

Le code que tu m'as donné fonctionne mais lorsque je passe la souris sur la bannière, elle n'est pas cliquable (sous firefox) alors qu'elle est sous IE.

Voici le code Javascript dans sa globalité:

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
34
35
36
37
38
39
ban_url=new Array;
ban_img_url=new Array;
ban_alt_text=new Array;
 
ban_img_url[0]="images/banniere-openbsd.gif";
ban_url[0]="http://www.openbsd.org/orders.html";
ban_alt_text[0]="Acheter OpenBSD 4.2";
 
show=false;
 
function ShowBan()
   {
   if(!show)
      {
      nbimg=Math.round(Math.random()*(ban_url.length-1));
      document.write ('<a href="#" onClick="window.open(ban_url[nbimg],\'_blank\')"><img id="bannieres" src="' + ban_img_url[nbimg] + '" alt="' + ban_alt_text[nbimg] + '" name=ban_pub></a>')
      show=true;
      }
   else
      {
      if(nbimg==(ban_url.length-1))
         nbimg=0;
      else
         nbimg++;
      document.ban_pub.src=ban_img_url[nbimg];
      }
 
   setTimeout("ShowBan()",10000);
   }
ShowBan();
 
function PlaceBannieres()
 
{
	document.getElementById('bannieres').style.styleFloat='right';
	document.getElementById('bannieres').setAttribute("style","float:right");
	document.getElementById('bannieres').style.marginTop='5px';
}
PlaceBannieres();

Etrange non ?

:merci:

18/01/2008, 09h28
le_chomeur

Bonjour ^^
2trange , je viens de tester le code en faisant un simple copier/coller et je n'ai eu aucun souçis , la popup s'ouvre bien sous firefox ET ie 7
18/01/2008, 12h18
Olivier Regnier

C'est moi qui déraille, cela fonctionne sur les deux navigateurs.

Merci beaucoup pour ton aide :mrgreen:

Citation:

ps : je suis également vers mont saint aignant ^^

Le monde est petit :mouarf: