Search jQuery

jQuery Forum

Screen name:
caruga

caruga's Profile

15 Posts

37 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

is this a bug?
[2Replies]
- 10-Aug-2012 09:07 PM
- Forum: Using jQuery
EDIT: Pretty sure it is, or behaviour changes from 1.7.0 onward. Reporting.

I've been trying to isolate a second possible bug (or intentional behaviour change) where there is an inconsistency between 1.7.2 and 1.8.0, but I can't seem to reproduce it in a minimalised code.

But during the process of trying to recreate it I noticed that the following html:
1. <html>
2. <head>
3. <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
4. </head>
5. <body>
6. <script type="text/javascript">
7. $('<div class="ch"><div class="chh">chapter 1</div></div>').appendTo("body");
9. var a;
10. $('<div class="ch"><div class="chh">chapter 2</div></div>').appendTo("body");
11. a = $("body > .ch:last");
13. console.log(
14. a.prevAll().length);
15. console.log(
16. a.prevAll(".ch").length);
17. console.log(
18. a.prevAll(".ch:first").length);
19. console.log(
20. a.prevAll(".ch:first div:first").length);
21. console.log(
22. a.prevAll(".ch:first .chh").length);
23. </script>
24. </body>
25. </html>
produces the following output (in any jquery version):
```
2
```
1
1
1
```
0
```
Shouldn't those last two outputs be the same?

this line fails in internet explorer, but not firefox or chrome
[35Replies]
- 02-Aug-2012 09:39 AM
- Forum: Using jQuery
The following line fails in iexplorer, but not other browsers:
1. $(xmldoc).find("idea:not(idea idea)").each( function(index) {
call stack is:

    dirNodeCheck

    Sizzle
    PSEUDO
    filter
    Sizzle
    find
>    processXML

The error is:

SCRIPT438: Object doesn't support this property or method
jquery-1.7.2.js, line 5276 character 6

Re: add, insertBefore: Thought these were functionally equivilent, but no.
[7Replies]
- 02-Aug-2012 04:01 AM
- Forum: Using jQuery
1. $(anchor).text(txt);
  $(links).append($("<span>"+ pretxt + "</span>")).append(anchor);
works. this is the workaround code I ended up using.
The following only shows pretxt, seemingly losing the original anchor node:
1. t = anchor;
2. anchor = $("<span>"+ pretxt + "</span>").insertBefore(t);
3. $(links).append(anchor);
(Using 'add' instead of 'insertBefore' in the above code procures the same result).

What have I not understood?

Also kinda irks me that the official jquery docs never tell me anything about the return values of functions, it just lists a cryptic 'jquery' as the return value for pretty much everything.

Another thing: is there a way to prepend text to an element without creating an element? The "span" is only there so that jquery lets me do it with a constructor.

obtaining values from stylesheet
[3Replies]
- 30-Jul-2012 01:10 PM
- Forum: Using jQuery
I don't know if this is the right way to do it but it's the way I have been doing it: create an element and use the css method. I don't know if there's a way to obtain the values from the stylesheet directly?

Anyway, I'm trying to obtain the font-size variable in here:
1. #contents {
2. font-size:130%;
3. }
with the following:
1. cBaseSz = ($("body").append(t = $("<span id=\"Contents\">"))).css("fontSize");
2. t.remove();
However this returns the value in pixels ("px" at the end), and I want the literal value specified in the stylesheet. What to do...?

can't get find/children/contents methods to return a set?
[1Reply]
- 30-Jul-2012 11:03 AM
- Forum: Using jQuery
1. $(this).find("link")
seems to return just one node, and not a 1 element array, so 'each' method won't work on it?

Additionally using 'children' instead of 'find' returns nothing at all, even though the link tag is an immediate descendent???

I have the following xml:
1. <idea>
2. <desc>blah</desc>
3. <link>http://blah</link>
4. </idea>
where 'this' was obtained with
1. $(xmldoc).find("idea:first")
and
1. $(this).find("link").text()
will return "http://blah", whereas I thought it needed to be $(this).children("link")[0] ? Basically I want to in future iterate across all possible 'link' tags, and this ain't going to work with what i'm currently getting. How do I achieve what i want?

jquery load always returning error?
[3Replies]
- 30-Jul-2012 12:00 AM
- Forum: Using jQuery
In my browser console it shows success, but in the 'textStatus' callback variable it shows 'error'.
1. idea.load(link, 0, function(text, status, req) {
2. _("responseText: " + text + "\n" +
3. "textStatus: " + status + "\n" +
4. "XMLHttpRequest: " + req);
5. });
Where 'link' can be pretty much any link I can think of.

dom object constructor can't get working
[5Replies]
- 29-Jul-2012 11:47 PM
- Forum: Using jQuery
According to this page, I am able to create a dom object with jquery function thusly ('_' method prints to console):
1. var idea = $("<div>");
2. _("idea: " + idea.text());
3. _("idea: " + idea.html());
Yet the last two methods return blank strings. What am I assuming wrong?

how am I misusing the 'first' selector (if it's even what I want) ?
[10Replies]
- 26-Jul-2012 11:04 PM
- Forum: Using jQuery
1. $("html, body, #Contents div:first").each( function() {
      alert(topAdjust);
      leftAdjust += parseInt($(this).css("marginLeft")) + parseInt($(this).css("paddingLeft"));
      topAdjust += parseInt($(this).css("marginTop")) + parseInt($(this).css("paddingTop"));
  })
If I remove the ":first" I get about 9 iterations, otherwise I get 2 (i.e. it isn't ran for the first 'div' enclosed in a tag with id 'Contents', which is what I want).

Why doesn't this LOC work (indexing jquery objects?)
[2Replies]
- 26-Jul-2012 09:39 PM
- Forum: Getting Started
EDIT: solved. This forum should really have a delete post option.

I get a null value. And I actually only want the first element (does subscript operator work?). The ul element in question definitely exists.
1. alert($(node).parent("ul").offset());

scrollTop animation possible, scrollLeft not?
[1Reply]
- 26-Jul-2012 06:29 PM
- Forum: Using jQuery
1. $("html, body").animate(
2. { scrollTop: ((savedepth > 1) ? ($(node).offset().top) : 0),
3. scrollLeft: 200 }, {duration: 45+45*depth, queue: false }, 0);
The above works for animating vertically, but not horizontally. Even if animation is not possible how do I left-adjust the page? I am trying to create an effect where the clicked node in a tree display is positioned at the top left of the viewport (where the depth effects how right-adjusted it is); right now I can only get it to the top.

How to animate scrollTop to an offset, when it is animating a font resize concurrently, changing the offset value
[0Replies]
- 26-Jul-2012 09:08 AM
- Forum: Using jQuery
I've managed to create a zoom and scroll effect but it breaks if I have them run concurrently. When clicking on an element it is meant to zoom in scale with that element's depth (this works), and then scroll the page so that the top of the element is at the top of the viewport. This only works if I click on elements of equal depth to the current one, as the value of the offset is no longer valid after all the elements have been zoomed.

Interrupting the process with an alert allows correct behaviour to occur, as it allows the value to 'catch up'.

Here's the code I'm using:
1. (t = $("#contents .chapter")).click(zoomadjust = function(evt) {
2. if(this != zoomednode) {
3. var zoom, depth, t;
4. if(!zoomednode)
5. zoomednode = $(this).parents("ul")[0];
6. t = depth = $(this).parents("ul").length;
7. zoom = 130;
8. while(--t > 0)
9. zoomnum = (zoom *= 1.15);
10. zoom += '%';
11. depth -= $(zoomednode).parents("ul").length;
12. if(depth < 0)
13. depth *= -1;
14. zoomednode = this;
15. $("#contents").animate(
16. { fontSize: zoom,
17. },
18. {duration: 45+45*depth, queue: false }, 0, 0
19. );
20. $("html, body").animate(
21. { scrollTop: $(zoomednode).offset().top, {duration: 45+45*depth, queue: false });
22. }
23. })
I've tried predicting the value by scaling it up, but it doesn't seem to help.

EDIT: Wonder if lambda expressions can do what I'm seeking, let's have a look...

UPDATE: Nope, didn't work. I tried
1. $("html, body").animate(
2. { scrollTop: function() { return $(zoomednode).offset().top } }, {duration: 45+45*depth, queue: false });
in the hope that it would always use the most up-to-date value each time it is referenced, but it seems that isn't supported...

is there an event for normal text hilighting?
[0Replies]
- 26-Jul-2012 12:02 AM
- Forum: Using jQuery
1. (t = $("#contents .chapter")).click(zoomfunc = function(evt) {
      alert(evt);
      if(this != zoomednode) {
        var zoom, depth, t;
        if(!zoomednode)
          zoomednode = $(this).parents("ul")[0];
        t = depth = $(this).parents("ul").length;
        zoom = 130;
        while(--t > 0)
          zoom *= 1.15;
        zoom += '%';
        depth -= $(zoomednode).parents("ul").length;
        if(depth < 0)
      depth *= -1;
        zoomednode = this;
        $(contents).animate(
          { fontSize: zoom },
          45+45*depth, 0,
          function() {
  
          }
        );
      }
  })
  t.select = zoomfunc;
'select' and 'focus' do not do what I want. The above code zooms hierarchically-arranged chapters in scale to the 'top-most' chapter that was most recently clicked on. I'm seeking an effect where if I CTRL-F in my browser for a chapter and it hilights it, it does the equivilent as if it had clicked on the chapter when hilighting it.

width of elements
[1Reply]
- 25-Jul-2012 09:37 PM
- Forum: Using jQuery
This might be more of a html/css question but I'm not certain, so I'll make this my 1st point of call.

I've added a click event handler to the elements of an unordered list. The problem is it responds to clicking anywhere in the horizontal space, including where the visible text ends. I'd like it to only answer to being clicked on the text itself.

Update: Got the desired effect by making a new class just to insert a span in the contents of the list element and make it 'display: inline'.

am I misunderstanding what a selector does, here?
[3Replies]
- 25-Jul-2012 09:07 PM
- Forum: Getting Started
Ok, the following bit of code worked for the effect I was going for:
1. $("contents").click(function(evt) {
      $(contents).animate(
        { fontSize: '+=50%' },
        60);
      });
However, I was unhappy with the result of that as I can click anywhere in the horizontal space (although maybe there's a workaround?) whereas I just want it to respond to when I click on the actual text. So I tried to base it off of any of the li elements being clicked instead:
1. $("contents li").click(function(evt) {
      $(contents).animate(
        { fontSize: '+=50%' },
        60);
      });
Which does not work at all. What is my incorrect assumption on how this all works?

EDIT: Looks like just $("li") works (except it still responds to clicking anywhere in the horizontal space--how can I fix that?). How do I go about obtaining only the li tags that are children of the element with the id 'contents' ?

code breaks as soon as I link jquery
[6Replies]
- 25-Jul-2012 03:08 PM
- Forum: Getting Started
If I insert
[code]<script src="http://code.jquery.com/jquery-1.7.2.min.js"/>[/code]

Above of
[code]
<script type="text/javascript" >
function processxml(xmldoc) {
var i, root, el, els, str, esc;
i = 0;
root = xmldoc.getElementsByTagName("featurelist")[0];
el = root.getElementsByTagName("chapter")[0];
/* Initiate contents */
str = '<ul id="contents">';
while(el && el != root) {
    if(c=el.getAttributeNode("htmlclass"))
      str += '<div id="' + c.value + '">';
    str += "<li>" + el.getAttribute("title") +"</li>";
    if((els = el.getElementsByTagName("chapter")).length) {
      str += "<ul>";
      el = els[0];
      continue;
    }
    esc = 0;
    while(!esc) {
      save = el;
      while((el = el.nextSibling) && el.nodeName != "chapter")
        ;
      if(!el) {
        /* No next sibling */
        str += "</ul>";
        el = save;
        while((el = el.parentNode) && el.nodeName != "chapter")
          ;
        if(!el)
          /* No parent */
          break;
        else
          /* Found parent, look again for sibling */
          continue;
      }
      else {
        /* We have next sibling */
        if(c)
          str += "</div>";
        esc = 1;
      }
    }
}
/* Terminate contents */
str += "</ul>";
alert(str);
// document.write(str);
document.body.innerHTML = str;
}

function init() {
var xml;
xml = new XMLHttpRequest();
xml.open("GET", "digest.xml", false); // Will make asynchronous later on.
xml.send();
xmldoc=xml.responseXML;
processxml(xmldoc);
}
</script>
[/code]

The page fails to load with a "init is not defined" error. It loads just fine if I don't link the jquery source.

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend