getElementById click javascript

Bonjours,
Je r�alise un th�me wordpress avec quicksand, mais j'ai un probl�me

J'ai l'impression que cette fonction ne marche que sur firefox

Code:

<body onLoad="document.getElementById('link-<?php echo $cat; ?>').click();">

Ou peut �tre que mon probl�me vient d'ailleurs

J'ai fait un zip pour montrer concr�tement mon probl�me:

http://ge.tt/89r2Ik8?c

Sur firefox lorsque je clique sur le lien restaurant depuis index.php j'arrive sur la page activite.php et les entr�es se r�organisent (celle qui correspondent a shop disparaissent)

Tandis que si je fait la m�me chose depuis chrome ou safari j'arrive bien sur la page activite.php mais tout les entr�es sont m�langer , je dois recliquer depuis activite.php pour que le r�organisation se fassent.

Comment faire pour rendre mon code compatible sur chrome et safari ?

bonsoir,

peux-tu nous poster le code g�n�r� ?

index.php

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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
 
<!DOCTYPE html>
<!-- saved from url=(0066)file:///Users/robinferrari/Downloads/_equil/505517_fichiers/c.html -->
<html><!--<![endif]--><head>
 
 
 
 
 
	<!-- main stylesheets -->
 
	<link rel="stylesheet" href="c.css">	
 
 
 
 
	<!-- wp head -->
 
 
 
 
 
	<!-- wp head end -->
</head>
 
 
	<body>
 
	<ul id="filter" onLoad="" class="grid_12 alpha omega">
<li id="list-shop" class=""><a id="link-shop" href="activite.php?cat=shop" class="shop" >Shop</a> </li>
<li id="list-restaurant" class=""><a id="link-restaurant" href="activite.php?cat=restaurant" class="restaurant" >Restaurant</a> </li>
<li id="all" class=""><a href="activite.php?cat=all" class="all" id="link-all" title="View all items">Tous les partenaires</a></li>
</ul>
 
 
 
 
<!-- START wp_footer -->
<script type="text/javascript" src="jquery_004.js"></script>
<script type="text/javascript" src="jquery.js"></script>
 
<script type="text/javascript" src="jquery_006.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
var quicksand = {
	numberOfProjectsPerRow: "4"
};
/* ]]> */
</script>
<script type="text/javascript" src="jquery_009.js"></script>
 
<script type="text/javascript" src="jquery_005.js"></script>
 
<!-- POUR RELOVER  -->
 
<script type="text/javascript" src="jquery_003.js"></script>
 
 
<!-- END wp_footer -->
 
 
<!-- END #main-wrapper -->
</body>

activite.php

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
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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
 
<!DOCTYPE html>
<!-- saved from url=(0066)file:///Users/robinferrari/Downloads/_equil/505517_fichiers/c.html -->
<html><!--<![endif]--><head>
 
 
 
 
 
	<!-- main stylesheets -->
 
	<link rel="stylesheet" href="c.css">	
 
 
 
 
	<!-- wp head -->
 
 
<script type="text/javascript" src="jquery_007.js"></script>
 
 
 
 
	<!-- wp head end -->
</head>
 
 
	<body onLoad="document.getElementById('link-shop').click();">
 
	<ul id="filter" onLoad="" class="grid_12 alpha omega">
<li id="list-shop" class=""><a onclick="CngClass(list-shop);" id="link-shop" href="#" class="shop" >Shop</a> </li>
<li id="list-restaurant" class=""><a onclick="CngClass(list-restaurant);" id="link-restaurant" href="#" class="restaurant" >Restaurant</a> </li>
<li id="all" class=""><a href="#" class="all" id="link-all" title="View all items">Tous les partenaires</a></li>
</ul>
 
<ul id="filterable-gallery" class="">
 
			<li data-id="id-1"  data-group="shop" class="nodeco portfolio-item grid_3">
          	<ul id="article">
          	<h3><a href="">Le big shop</a></h3>
 
 
 
  			<li id="vignette">
  			<a href="">
  			<img src="01.png" /></a>
 
  			</li>
 
			</ul>
            </li>
            <!-- END .portfolio-item -->
 
             <li data-id="id-2"  data-group="restaurant" class="nodeco portfolio-item grid_3">
          	<ul id="article">
          	<h3><a href="">resto Viet</a></h3>
 
 
 
  			<li id="vignette">
  			<a href="">
  			<img src="02.png" /></a>
 
  			</li>
 
			</ul>
            </li>
 
            <!-- END .portfolio-item -->
                         <li data-id="id-3"  data-group="restaurant" class="nodeco portfolio-item grid_3">
          	<ul id="article">
          	<h3><a href="">Resto indien</a></h3>
 
 
 
  			<li id="vignette">
  			<a href="">
  			<img src="01.png" /></a>
 
  			</li>
 
			</ul>
            </li>
            <!-- END .portfolio-item -->
                         <li data-id="id-4"  data-group="shop" class="nodeco portfolio-item grid_3">
          	<ul id="article">
          	<h3><a href="">Magasin de cuire</a></h3>
 
 
 
  			<li id="vignette">
  			<a href="">
  			<img src="02.png" /></a>
 
  			</li>
 
			</ul>
            </li>
            <!-- END .portfolio-item -->
                         <li data-id="id-5"  data-group="restaurant" class="nodeco portfolio-item grid_3">
          	<ul id="article">
          	<h3><a href="">resto chinois</a></h3>
 
 
 
  			<li id="vignette">
  			<a href="">
  			<img src="01.png" /></a>
 
  			</li>
 
			</ul>
            </li>
            <!-- END .portfolio-item -->
 
</ul>
 
 
 
<!-- START wp_footer -->
<script type="text/javascript" src="jquery_004.js"></script>
<script type="text/javascript" src="jquery.js"></script>
 
<script type="text/javascript" src="jquery_006.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
var quicksand = {
	numberOfProjectsPerRow: "4"
};
/* ]]> */
</script>
<script type="text/javascript" src="jquery_009.js"></script>
 
<script type="text/javascript" src="jquery_005.js"></script>
 
<!-- POUR RELOVER  -->
 
<script type="text/javascript" src="jquery_003.js"></script>
 
 
<!-- END wp_footer -->
 
 
<!-- END #main-wrapper -->
</body>

Jai r�solu mon probl�me:

il fallai remplacer

Code:

1
2
 
<body onLoad="document.getElementById('link-<?php echo $cat; ?>').click();" <?php body_class(); ?>>

par

Code:

1
2
 
<body onLoad="$('#link-<?php echo $cat ;?>').click();" <?php body_class(); ?>>

bonsoir

pourquoi simuler le clic sur ta balise ? Pourquoi ne pas appeler directement la fonction CngClass(list-shop); dans ta balise body ?
Code:

1 2 <body onload="CngClass(list-shop);">
[edit]
L'argument de cette fonction est curieux :koi: Il ne manque pas des guillemets ?
[/edit]

PS : inutile d'�crire si gros !