selecteur id commence par

**SpaceFrog** · 26/10/2010, 11h39

Je cherchais à resoudre un souci de offsetHeight et width sur le body et me je retrouve confronté a un souci de selecteur par id ???

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
 
<script language="javascript">
function DocDims(){
var db = document.body;
var dde = document.documentElement;
var docHeight = Math.max(db.scrollHeight, dde.scrollHeight, db.offsetHeight, dde.offsetHeight, db.clientHeight, dde.clientHeight)
var docWidth = Math.max(db.scrollWidth, dde.scrollWidth, db.offsetWidth, dde.offsetWidth, db.clientWidth, dde.clientWidth)
return {'dheight': docHeight,'dwidth': docWidth}
}
 
 
$(function(){		
		$("div[id^='ABC']").css({ 'height': DocDims().dheight,
                                  'width':  DocDims().dwidth
                                  })
                     });
 
 
</script>
<style type="text/css">
html, body {height:100%}
</style>
 
</head>
 
<body>
<div style="background-color:red" id="ABC2" class="dyndim">
&nbsp;
 
</div>
<div style="background-color:green" id="ABC1" class="dyndim">
&nbsp;</div>
</body>
 
</html>

pourquoi div[id^='ABC'] ne fonctionne-t-il pas

**Fenn_** · 26/10/2010, 12h43

Parce qu'il ne faut pas mettre de quotes autour du ABC?

(les crochets servent de délimiteur au sélecteur, ni le nom de l'attribut ni la chaîne à rechercher ne doivent se trouver entre quotes, sans quoi les quotes sont considérés comme partie prenante de la chaîne à rechercher)

**SpaceFrog** · 26/10/2010, 12h53

non j'avais testé aussi sans les crochets

avec le même niveau de réussite: 0

**Fenn_** · 26/10/2010, 13h12

'fectivement je viens de tester chez moi, le sélecteur fonctionne avec et sans les quotes °o° (j'ai juste mis une couleur stupide comme ça:

Code :

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

$('select[id^="l"]').css('color', 'red');

et ça fonctionne très bien )

J'aurais donc tendance à dire que le souci ne vient pas du sélecteur :/
Tu as testé les valeurs de retour de ta fonction?

**SpaceFrog** · 26/10/2010, 15h14

ça m'echappe

Code :

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

1
2
3
4
5
6
 
$(function(){		
	$(".dyndim").css({ 'height': DocDims().dheight,
                      'width':  DocDims().dwidth
                                  })
                     });

ça fonctionne avec un selecteur de classe

ou avec une liste:

Code :

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

1
2
3
4
5
$(function(){		
	$("#ABC1, #ABC2").css({'height': DocDims().dheight,
                      'width':  DocDims().dwidth})
 
                     });

**Fenn_** · 26/10/2010, 16h19

ça m'échappe aussi, je ne parviens pas à reproduire le bug ^^'

**SpaceFrog** · 26/10/2010, 16h22

tu veux dire qu'avec le code plus haut ça fonctionne chez toi ??

**SpaceFrog** · 26/10/2010, 16h27

trouvé !
cela provient de la version de jquery utilisée...
j'étais en jquery-1.1.3.1.min.js
je suis passé en jquery-1.4.3.min.js
plus de soucis !

merci de m'avoir mis sur la piste

**Fenn_** · 26/10/2010, 16h42

De rien, je n'ai pas grand chose pour le coup ^^'

**SpaceFrog** · 26/10/2010, 16h48

ben si le fait de m'avoir dit que mon code fonctionnait chez toi m'a orienté vers la seule chose qui pouvait clocher ... la version

selecteur id commence par

jQuery

Discussions similaires

Partager

Partager