passage à jquery [Résolu]

[Darkyl]

Bonjour,

Pour les besoins de mon site, je souhaite utiliser jquery, mais je n'arrive pas à reconnaitre un objet par $("#id").

Code :

1
2
3
 
 
<script type="text/javascript" src="../javascript/jquery.js"></script>

puis plus loin dans mon head :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<script type="text/javascript">
		function deplacer(event)
		{
		var e = event || window.event;
 
		$("#cadre").style.top= e.clientY - 30;
		$("#cadre").style.left= e.clientX - 30;
 
		self.document.getElementById("cadre").style.top= e.clientY - 30;
		self.document.getElementById("cadre").style.left= e.clientX - 30;
 
		//parent.plan.document.getElementById("plangeneral").style.left = -200;
 
		var a = (e.clientY*10) - 400;
		var b = (e.clientX*10) - 450;
 
 
		parent.plan.document.documentElement.scrollTop = a;
		parent.plan.document.documentElement.scrollLeft = b;
		parent.plan.scrolling = "yes";
		}
</script>

puis dans le body

Code :

1
2
3
4
5
6
7
8
9
<div id="cadre" name="cadre" style='position: absolute; border:2px solid green; left: 0px; top: 0px; z-index:40'>
		<table  width="60" height="50">
			<tr width="60" height="50">
				<td align="center"  width="60" height="50">
 
				</td>
			</tr>
		</table>
	</div>

Code :

self.document.getElementById("cadre").style.top   -> marche

Code :

$("#cadre").style.top   -> marche pas

.

J'ai tout lu, tout essayer mais la je cale. Si quelqu'un a une idée ...merci

[dukej]

Si tu utilises jquery autant utiliser tout jquery.
Quand tu fais un $() avec jquery, tu ne récupères pas l'élément html, mais un objet jquery, qui contient ton élément HTML. L'idée est que pour accéder à ton élément HTML tu utilises les méthodes fournies par jquery.

Code :

1
2
3
4
5
 
$('#cadre').css({
   top : valeurTop,
left : valeurLeft
});

[Darkyl]

ca marche trés bien merci. Je croyais que $ fonctionnais comme getelementbyid mais il y a une nuance. merci beaucoup. Ca fait une heure que je regarde des tutos pour débutant et pas moyen d'avoir une réponse à cette toute simple question.

merci beaucoup, je vais m'attaquer aux évènements maintenant...

[Informatique43]

Salut !

Si tu es débutant et que tu souhaites quelques aides sur jQuery ..

http://tuto-jquery.fr/

Si tu as des soucis n'hésites pas ...

@+

[SpaceFrog]

$() retourne un objet jquery, pour retomber sur l'objet du DOM pour un id il faut prendre le premier element de la collection

Code :

$("#cadre").eq(0).style.top

ou

Code :

$("#cadre")[0].style.top

Mais comme le precise dukej, jquery possède ses propres méthodes d'attribution de style avec .css() qui applique le style passé en paramètre à la collection

[Darkyl]

Merci pour vos réponses.

Sinon pour jquery, j'ai vraiment du mal. Au début, c'était bien , ça résolvé les différences entres navigateurs, mais là; je dois dire que je galère, j'arrive meme pas à sélectionné un élément qui est dans un parent ou top...

Donc, je continue ma prospection.
Mais merci quand même.
Au fait, savez-vous comment avoir le top ou le left d'un element sans avoir 'px'... Pour des calculs.?

merci

[SpaceFrog]

parseInt()

[ABCIWEB]

Ou sinon suivant les contextes tu peux utiliser offset() http://api.jquery.com/offset/ ou position() http://api.jquery.com/position/