Jquery et scroll

Version imprimable

Jquery et scroll

Bonjour,

J'ai programmé un petit script pour un site web. Ce script gère un plan d'un hameau qui est affiché dans une iframe.

Le script marche bien sous Firefox et Ie mais pas sous chrome ni Mac (je ne sais pas quel navigateur).

Le problème vient de cette fonction qui me déplace le plan avec les scroll
Code:

1 2 3 4 5 6 7 8 9 10 11 12 function bouge(x,y) { plan.document.documentElement.scrollLeft = plan.document.documentElement.scrollLeft + x; plan.document.documentElement.scrollTop = plan.document.documentElement.scrollTop + y; bougeminiature(plan.document.documentElement.scrollLeft,plan.document.documentElement.scrollTop); plan.$('#coordxvue').val(plan.document.documentElement.scrollLeft); plan.$('#coordyvue').val(plan.document.documentElement.scrollTop); }
J'ai essayer de remplacer par
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 function bouge(x,y) { alert(self.$('#plan').scrollLeft()); posx=self.$('#plan').scrollLeft()+x; posy=self.$('#plan').scrollTop()+y; alert(self.$('#plan').scrollLeft()+" - "+self.$('#plan').scrollTop()); $('#plan').scrollLeft(posx); $('#plan').scrollTop(posy); bougeminiature(plan.document.documentElement.scrollLeft,plan.document.documentElement.scrollTop); plan.$('#coordxvue').val(plan.document.documentElement.scrollLeft); plan.$('#coordyvue').val(plan.document.documentElement.scrollTop); }
mais cela ne marche pas...

Code:

alert(self.$('#plan').scrollLeft());

me renvoie 0 alors que le plan est centré dans ma frame, donc scrollleft ne vaut pas 0.

Cela fait deux jours que je galère. Je pensais qu'en passant par JQUERY pour les scroll, cela me résoudrait les problèmes de navigateurs...

Si quelqu'un a une idée...
Merci

15/01/2012, 19h16
Invité

pour les navigateurs de la famille webkit (chrome et safarie) le scroll est recupéré dans document.body et pour les autres dans document.documentElement il faudrait faire un teste de navigateurs et adapter la fonctionselon le navigateur.
15/01/2012, 19h44
Darkyl

ha lala...

C'est si simple des fois...

Je te remercie beaucoup, je n'avais pas trouvé cette information.
Je vais testé cela ce soir.
Je marquerai résolu si ça marche...merci beaucoup
15/01/2012, 21h08
Darkyl

Ca ne me dit pas pourquoi

Code:

self.$('#plan').scrollLeft()

me renvoie 0.... JQUERY se charge de la différence entre navigateurs non?
16/01/2012, 10h24
Bovino

$('#plan'), ça correspond à quoi ?
16/01/2012, 10h46
Darkyl

plan.document.documentElement.scrollLeft
=
$('#plan').scrollLeft()

la première marche, pas la seconde...
plan est une frame.

Merci d'avoir déplacer le sujet, j'avais pas trouvé le forum jquery...
16/01/2012, 10h54
Bovino

Citation:

plan.document.documentElement.scrollLeft
=
$('#plan').scrollLeft()

Ca c'est un peu présomptueux comme affirmation :aie:

Si je suppose bien à quoi correspondent les éléments, plan serait une iframe.
Ce qui signifie que

Code:

plan.document.documentElement

correspond au contenu de cette iframe (qui peut donc avoir un scrollLeft), alors que

Code:

$('#plan')

correspond à la balise iframe, qui est un élément remplacé et donc pour laquelle scrollLeft n'existe pas.
16/01/2012, 11h02
Darkyl

j'ai bien compris que $('#plan') n'était pas égal à plan.document.getelementbyID,
j'avais déjà posté un message sur un sujet similaire.

J'ai parcouru le web et votre site,
et je lis à chaque fois :
$('#nomframe').scrollLeft();

j'en conclus donc que c'est la bonne syntaxe en jquery et que cela devrait me renvoyer le scrollLeft...
16/01/2012, 11h04
Darkyl

je crois deviner où tu veux en venir. scrollLeft est une propriété CSS en jquery,
non?
Il le traite comme top et left?

(:?)

Salut Darkyl !
essaies ça, on ne sais jamais ...

Code:

1
2
3
4
5
6
7
8
function bouge(x,y){
	var elt=($.browser.safari)?plan.document.body:plan.document.documentElement;
	elt.scrollLeft+=x;
	elt.scrollTop+=y;
	bougeminiature(elt.scrollLeft,elt.scrollTop);
	plan.$('#coordxvue').val(elt.scrollLeft);
	plan.$('#coordyvue').val(elt.scrollTop);
}

16/01/2012, 14h07
Darkyl

Merci Jérémie,

Cette solution marche très bien. J'ai mis à jours et ça marche nickel sur IE, FF et chrome. J'ai pas pu tester d'autre navigateur.

Tu vois quand tu veux :ccool: .

Cela ne répond toujours pas à ma question:

Comment avec JQUERY récupérer la valeur d'un scroll d'une page et comment lui en affecter...?

Sans passer par la détection de navigateur car j'ai lu que cette détection n'était pas forcément sûr à 100% .

Même si tu te sers de JQUERY pour la détection...
Peut être jquery ne permet pas l'accés au scroll.

Mais ta solution marche très bien, elle est élégante et concise, bref j'aurais pas pu l'inventer...
Merci encore.

Je vais attendre de voir si on me répond à ma question sur JQUERY avant de mettre résolu.
16/01/2012, 15h54
jamestout

Citation:

Comment avec JQUERY récupérer la valeur d'un scroll d'une page et comment lui en affecter...?

si tu passes par des iframes tu ne peux pas, jQuery récupèrera le noeud correspondant à ta frame, mais pas le code de la page qu'elle contient (enfin je crois)

Citation:

Sans passer par la détection de navigateur car j'ai lu que cette détection n'était pas forcément sûr à 100% .

Ah ? je ne suis pas au courant, mais sinon, pour detecter le navigateur, il y a plusieurs techniques (certaines fonctions ou éléments ne sont pas tout fait identiques ou pas placé au même endroit, donc en faisant des tests dessus.

un petit résolu ?
16/01/2012, 18h34
Darkyl

oui un petit résolu, mais c'est bien parce que c'est toi.
D'accord je passerai plus (ou moins) par des frames.

AJAX me voilà.

Merci pour tes réponses et merci à BOVINO aussi pour son amorce de réflexion.

Je pensais JQUERY capable de la même chose que javascript sans passer par la syntaxe habituel, Qu'il donnait accès au même propriétés . Mais c'est une réflexion de novice, donc surement fausse.

Merci encore