CodingForums.com - Having problems scrolling to 'Y' position

CodingForums.com (http://www.codingforums.com/index.php)

- JavaScript frameworks (http://www.codingforums.com/forumdisplay.php?f=62)

- - Having problems scrolling to 'Y' position (http://www.codingforums.com/showthread.php?t=288006)

Having problems scrolling to 'Y' position

I have not been having luck with jQuery lately.

All I am trying to do is find a specific span tag (which i did) and then find its position in the parent div and scroll to that point.

The alerts below simply return '0'.

Code:

var elemnt = $('#glossaryContent').find('span:contains(' + evt + ')');

alert(elemnt.text());

var location = elemnt.offset().top;

alert(location);

var term = $('#glossaryContent').find('span:contains(' + evt + ')').scrollTop();

alert(term);

I didn't know there was a CSS pseudo class :contains, and as I search the w3c reference this has already been deprecated.

Nevertheless jQuery implements it and so perhaps your line should be something like below, or the reverse (flip the double-quotes with the singles):

Code:

.find('span:contains("' + evt + '")')

Quote:

Originally Posted by hdewantara (Post 1314937)

Code:

.find('span:contains("' + evt + '")')

Still not working. Returns zero no matter which term I chose.

Is it possible the span just doesn't contain the exact 'evt' term? Maybe some letters are in uppercase. Could you paste a bit of the HTML structure here?

Quote:

Originally Posted by hdewantara (Post 1315036)

Is it possible the span just doesn't contain the exact 'evt' term? Maybe some letters are in uppercase. Could you paste a bit of the HTML structure here?

The user clicks on the link below and, in this case, 'GSU' is passed to the javascript. So I believe all is well with that part but here is the html:

Code:

<a class="glossaryLink" href="#" onmouseover="onRollOverPULink(event, 'GSU');"onmouseout="onRollOutPULink(event);" onclick="showHideGlossary('GSU')">GSU</a>

And here is the JS that populates the glossary div:

Code:

$("#glossaryContent").append("<span class='glossAcro'>" + $(this).attr('term') + "</span>" + "<span class='glossDef'>" + $(this).attr('def') + "</span>"); // output from XML

And here is part of the XML file which is the source for the glossary:

Code:

<item term="GIG" def="Global Information Grid" />



<item term="GSU" def="Geographically Seperated Unit" />

By the way, thanks for the help.