IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

passage à jquery


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Avatar de Darkyl
    Homme Profil pro
    autodidacte en recherche d'emploi
    Inscrit en
    Novembre 2004
    Messages
    440
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : autodidacte en recherche d'emploi

    Informations forums :
    Inscription : Novembre 2004
    Messages : 440
    Billets dans le blog
    1
    Par défaut passage à jquery
    Bonjour,

    Pour les besoins de mon site, je souhaite utiliser jquery, mais je n'arrive pas à reconnaitre un objet par $("#id").
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
     
    <script type="text/javascript" src="../javascript/jquery.js"></script>
    puis plus loin dans mon head :
    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
     
    <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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    self.document.getElementById("cadre").style.top   -> marche
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $("#cadre").style.top   -> marche pas
    .

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

  2. #2
    Inactif  

    Profil pro
    Inscrit en
    Mai 2010
    Messages
    345
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 345
    Par défaut
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    $('#cadre').css({
       top : valeurTop,
    left : valeurLeft
    });

  3. #3
    Membre éclairé
    Avatar de Darkyl
    Homme Profil pro
    autodidacte en recherche d'emploi
    Inscrit en
    Novembre 2004
    Messages
    440
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : autodidacte en recherche d'emploi

    Informations forums :
    Inscription : Novembre 2004
    Messages : 440
    Billets dans le blog
    1
    Par défaut
    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...


  4. #4
    Membre à l'essai
    Profil pro
    Inscrit en
    Octobre 2008
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2008
    Messages : 7
    Par défaut
    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 ...

    @+

  5. #5
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    $() retourne un objet jquery, pour retomber sur l'objet du DOM pour un id il faut prendre le premier element de la collection

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $("#cadre").eq(0).style.top
    ou
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $("#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
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  6. #6
    Membre éclairé
    Avatar de Darkyl
    Homme Profil pro
    autodidacte en recherche d'emploi
    Inscrit en
    Novembre 2004
    Messages
    440
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : autodidacte en recherche d'emploi

    Informations forums :
    Inscription : Novembre 2004
    Messages : 440
    Billets dans le blog
    1
    Par défaut
    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

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 2
    Dernier message: 17/07/2010, 01h37
  2. Réponses: 4
    Dernier message: 19/11/2009, 10h09
  3. JQUERY et passage de parametres
    Par topolino dans le forum jQuery
    Réponses: 3
    Dernier message: 31/08/2009, 09h41
  4. Réponses: 1
    Dernier message: 23/07/2009, 21h14

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo