passage à jquery

Version imprimable

passage à jquery

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

28/12/2011, 21h47
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 });
28/12/2011, 21h55
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...

;)
30/12/2011, 10h46
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 ...

@+
31/12/2011, 10h14
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
03/01/2012, 23h47
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
04/01/2012, 08h45
SpaceFrog

parseInt()
09/01/2012, 22h13
ABCIWEB

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