Parsing basic textual output from php.

Question

var req = function () {
                $.ajax({
                    url: "out.php",
                    cache: false,
                    success: function(html){
                        $("#stuff").empty().append(html);
                    },
                    complete: function(){
                        req();
                    }

                    });
            };
            req();

This spinet above gets the output in the following format: 0,0

How can I parse that and have one number placed in the css selector top and the other in left?

Answer 1

Well, if I understood your php output is somwething like x,y and you need x to be the css attribute top and y the css attribute left of an element. In my example I will call the element which will hold these attributes with the id elem.

So here it goes:

var css_attr = req.split(",");
$('#elem').css('top', css_attr[0]).css('left', css_attr[1]);

If you'd like to do it just in succes of AJAX call just change var css_attr to var css_attr = html.split(","); and the rest stays the same.

That should be all. The split() function is pretty much equal to php's explode().

Enjoy!

Answer 2

Sorry browser restarted and I don't have an account. I noticed that the unit applied to the number is pt, how do I make that pixels?

Answer 3

var css_attr = req.split(",");
$('#elem').css({
  top: css_attr[0]+'px',
  left: css_attr[1]+'px'
});