[JAVASCRIPT] rendre disponible javascript !

**Joe Le Mort** · 10/11/2006, 12h46

bonjour à tous,

j'ai trouvé ce ptit code bien interessant :

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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<style>
.clicTitre
  {
  border-color: #000000;
  border-top: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  border-bottom: 2px dashed;
  background-color: #eeeeee;
  }
 
.clicCacher
  {
  top: -20px;
  position: relative;
  text-align:right;
  }
 
.contenant
  {
  display : block;
  border: 1px solid #000000;
  }
</style>
 
<script>
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)
  {
  if (document.getElementById && document.getElementById(baliseId) != null)
    {
    document.getElementById(baliseId).style.visibility='hidden';
    document.getElementById(baliseId).style.display='none';
    }
  }
 
cacheId('contenu');
// si JavaScript est disponible, cache le contenu dès le
// chargement de la page. Sans JavaScript, le contenu sera
// affiché.
</script>
 
<div class="clicTitre">
  <a href="javascript:afficheId('contenu')">Nous contacter</a>
</div>
<div class="contenant" id="contenu">
  <div class="clicCacher">
    <a href="javascript:cacheId('contenu');">Fermer</a>
  </div>
...
</div>

le développeur écrit :

cacheId('contenu');
// si JavaScript est disponible, cache le contenu dès le
// chargement de la page. Sans JavaScript, le contenu sera
// affiché.

le probleme sur mon site, c'est que javascript n'est pas disponible, donc il affiche directement le contenu... Donc je n'ai pas besoin de cliquer sur afficher, car il s'affiche par défaut.

Comment rendre le javascript "disponible" afin qu'il ne soit pas affiché par défaut ??

Merci

**Matthieu2000** · 10/11/2006, 14h39

tu ne peux pas.

**Joe Le Mort** · 10/11/2006, 14h58

peux tu m'expliquer un peu plus.
Pourquoi je peux tester sur le site du developpeur et pas sur mon site ???

**Auteur** · 10/11/2006, 19h23

bonjour,

peux tu m'expliquer un peu plus.
Pourquoi je peux tester sur le site du developpeur et pas sur mon site ???

Matthieu2000 voulait dire que seul l'utilisateur du site peut décider si oui ou non le Javascript de son navigateur doit être activé. Le contenu des balises noscript est affiché si le javascript n'est pas activé.

Pour l'activer, il faut modifier les options.

**Joe Le Mort** · 13/11/2006, 09h33

Envoyé par Auteur

bonjour,

Matthieu2000 voulait dire que seul l'utilisateur du site peut décider si oui ou non le Javascript de son navigateur doit être activé. Le contenu des balises noscript est affiché si le javascript n'est pas activé.

Pour l'activer, il faut modifier les options.

dans ce cas, peux tu me dire pourquoi le script matche sur le site de l'auteur, et sur mon site, alros que je met la meme chose que lui, cela ne fonctionne pas ?

**Auteur** · 13/11/2006, 11h40

en prenant le code tel quel, il est vrai que cela ne marche pas. En fait, il faut appeler la fonction cacheId lors du chargement de la page :

Code :

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

1
2
 
<body onload="cacheId('contenu');">

code complet :

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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
 
<html>
<head>
<title></title>
<style>
.clicTitre
  {
  border-color: #000000;
  border-top: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  border-bottom: 2px dashed;
  background-color: #eeeeee;
  }
 
.clicCacher
  {
  top: -20px;
  position: relative;
  text-align:right;
  }
 
.contenant
  {
  display : block;
  border: 1px solid #000000;
  }
</style>
 
<script>
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)
  {
  if (document.getElementById && document.getElementById(baliseId) != null)
    {
    document.getElementById(baliseId).style.visibility='hidden';
    document.getElementById(baliseId).style.display='none';
    }
  }
 
 
// si JavaScript est disponible, cache le contenu dès le
// chargement de la page. Sans JavaScript, le contenu sera
// affiché.
</script>
</head>
 
<body onload="cacheId('contenu');">
 
<div class="clicTitre">
  <a href="javascript:afficheId('contenu')">Nous contacter</a>
</div>
<div class="contenant" id="contenu">
  <div class="clicCacher">
    <a href="javascript:cacheId('contenu');">Fermer</a>
  </div>
...
</div>
 
</body>
 
</html>