selecteur id commence par

Version imprimable

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:

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

26/10/2010, 12h43
Fenn_

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)
26/10/2010, 12h53
SpaceFrog

non j'avais testé aussi sans les crochets :( avec le même niveau de réussite: 0
26/10/2010, 13h12
Fenn_

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

$('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?

ça m'echappe

Code:

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:

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

26/10/2010, 16h19
Fenn_

ça m'échappe aussi, je ne parviens pas à reproduire le bug ^^'
26/10/2010, 16h22
SpaceFrog

tu veux dire qu'avec le code plus haut ça fonctionne chez toi ??
26/10/2010, 16h27
SpaceFrog

:roll:
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
26/10/2010, 16h42
Fenn_

De rien, je n'ai pas grand chose pour le coup ^^'
26/10/2010, 16h48
SpaceFrog

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