getElementById click javascript

**zecka** · 13/10/2011, 17h48

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 :

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

<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 ?

**Auteur** · 13/10/2011, 21h19

bonsoir,

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

**zecka** · 13/10/2011, 22h04

index.php

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
 
<!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 :

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
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>

**zecka** · 13/10/2011, 22h18

Jai résolu mon problême:

il fallai remplacer

Code :

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

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

par

Code :

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

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

**Auteur** · 13/10/2011, 22h26

bonsoir

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

Code html :

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

1
2
 
<body onload="CngClass(list-shop);">

[edit]
L'argument de cette fonction est curieux

Il ne manque pas des guillemets ?
[/edit]

PS : inutile d'écrire si gros !

getElementById click javascript

JavaScript

Discussions similaires

Partager

Partager