Lancer un script dès le chargement d'une page

**leara500** · 07/01/2013, 13h34

Bonjour,

Je souhaiterai savoir comment lancer un script dès la lancement d'une page. En effet, selon les valeurs présent sur la nouvelle page, les couleurs des caractères doivent changer. Quelqu'un pourrait t'il m'aider?
Merci de votre aide

**vermine** · 07/01/2013, 13h40

Bonjour,

Dans la balise <body>, vous pouvez faire appel à une fonction JavaScript, par exemple init(), dans laquelle vous mettrez votre code pour modifier la couleur.

Code html :

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

1
2
 
<body onload="init();">

Par contre, ce serait peut-être plus facile en CSS, non ?

**sdamart** · 07/01/2013, 13h50

Il est aussi possible d'utiliser un écouteur d’évènement

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
/**
* @param el DOMElement element auquel l'évènement sera associé
* @param evtname string nom de l'évènement
* @param fn function fonction attaché à l'évènement
*/
var addEvent=function(el,evtname,fn){
if(el.attachEvent){
el.attachEvent("on"+evtname,fn);
}else
el.addEventListener(evtname,fn,false);
}

Plus loin dans ton code tu pourra faire

Code :

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

addEvent(document.body,"load",init());

Sa revient au même mais c'est plus élégant et ça t'évite d'avoir des fonctions "fourre tout"

**leara500** · 07/01/2013, 16h09

Merci pour vos réponses.

Le soucis que je rencontre, et que je voudrais que la fonction soit utilisé lors du chargement de ma page, notamment dans la balise :

Code :

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

1
2
<table align="center" width="97%" cellspacing="0" cellpadding="0" border="0" class="cadb">
	<tbody onload="verifCouleur();">

J'ai mis une alerte dans ma fonction, mais elle ne s'affiche pas. Auriez vous une idée ? Merci pour tout

**SpaceFrog** · 07/01/2013, 16h30

du body .. pas du tbody ....

<tbody onload="verifCouleur();">

lance la fonction depuis la balise body ...

**leara500** · 07/01/2013, 16h37

Merci beaucoup pour votre réponse. Le soucis est que j'ai découpé ma page en plusieurs partie.
Dans ma page, j'ai un include header.jsp (là ou se trouve la balise body). Le header est utilisé dans plusieur page différente.
J'aimerai que ma fonction ne se lance que dans le chargement d'une page donnée et pas dans toute

C'est pour cela que j'aimerai ne pas le mettre dans la balise <body>

**SpaceFrog** · 07/01/2013, 16h40

A toi de mettre une variable flag sur les pages voulues pour lancer ou non le script ...

Lancer un script dès le chargement d'une page

JavaScript

Discussions similaires

Partager

Partager