Exécution du script "javascript" au chargement de la page JSP

**FuneralRose** · 29/05/2012, 13h54

Bonjour,
J'arrive pas à exécuter du code javascript au chargement de la page JSP.
J'ai essayé d'appeler une fonction javascript dans l’évènement onload de la balise <body> ça marche sauf que ça demande du temps pour que la fonction s'exécute.
Ma fonction consiste à cacher une balise <div> au chargement de la page.

voilà mon code javascript:

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
<script type="text/javascript">
function afficheId(baliseId) 
  {
  if (document.getElementById && document.getElementById(baliseId) != null) 
    {
    document.getElementById(baliseId).style.visibility='visible';
    document.getElementById(baliseId).style.display='block';
    }
  }

function cacheId(baliseId) 
  {
  
    document.getElementById(baliseId).style.visibility='hidden';
    document.getElementById(baliseId).style.display='none';
    
  }

// Là j'appelle ma fonction  qui devrait s'exécuter au chargement de la page mais ça marche pas
 cacheId('pannel_identifiant'); 

</script>

Par contre quand j'appelle cette fonction dans la balise body ça marche (sauf que ça met beaucoup de temps pour que le contenu que j'ai dans la balise div soit caché):

Code :

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

<body onload=" cacherId('pannel_identifiant') ">

Est-ce un problème dû à l'incompatibilité de JSP avec Javascript?
Quelqu'un peut-il m'aider vraiment je suis bloquée ça fait des jours

**Willpower** · 29/05/2012, 13h57

Si le script se trouve avant la balise, il est normal que si tu l’exécute directement, il ne trouve pas ton div.

Si tu ne peux pas attendre l'événement "onload" tu peux placer ton script juste après le DIV en question.

Par contre, je ne pense pas que ce soit la bonne solution, pourquoi ne pas générer en jsp le css du div directement ?

**FuneralRose** · 29/05/2012, 14h16

Envoyé par Willpower

Si le script se trouve avant la balise, il est normal que si tu l’exécute directement, il ne trouve pas ton div.

Si tu ne peux pas attendre l'événement "onload" tu peux placer ton script juste après le DIV en question.

Merci énormément , effectivement il ne trouvait pas la balise div donc j'ai choisis ta première solution .

Par contre, je ne pense pas que ce soit la bonne solution, pourquoi ne pas générer en jsp le css du div directement ?

Pour cette deuxième solution j'ai pas compris ce que tu veux dire vraiment peux tu m'expliquer un peu plus ?

**Willpower** · 29/05/2012, 15h09

Code :

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

<div id="pannel_identifiant" style="display:none;"></div>

Aussi visibility:hidden ne sert à rien avec display:none.

visibility:hidden cache mais garde l'espace qu'il occupe dans le flux des éléments tandis que display:none cache totalement l'objet comme s'il n'existait pas. Tu peux donc enlever visibility:hidden.

**FuneralRose** · 30/05/2012, 10h55

Ah d'accord. Et comment je fais pour activer la visibilité après un code en JavaScript ?

**Willpower** · 30/05/2012, 12h13

Envoyé par FuneralRose

Ah d'accord. Et comment je fais pour activer la visibilité après un code en JavaScript ?

Oui, tu initialises le style de base (que doit avoir la page au chargement) en style normal ..... et puis plus tard quand les éléments doivent être modifié (affiché/masqué) tu utilises javascript !

Exécution du script "javascript" au chargement de la page JSP

JavaScript

Discussions similaires

Partager

Partager