prototype / jQuery / Read More Right Here plugin

I’m guessing you might of figured it out because it looks fine on FF 3.5 Mac.

Didn’t manage to fix it, it’s still staying in the centre of the post across all browsers for me. Any suggestions?

Not center here either…

CTRL + F5 in your browser to recache the page..

Maybe I didn’t explain it properly…

When you click the more… button it doesn’t move vertically with the new content.

The horizontal positioning isn’t a huge deal ??

J.

If you can tell me specifically which area adds the content(in the JS) i might be able to suggest how you could prepend the data instead of append.

I think the issue you describe is where the data fetched is placed. In jQuery terms it’s a simple command, so would be a 1 line modification. I can’t see which area does that on your site, else i’d suggest what to change.

I’m also very interested in a solution, the unminified javascript is

var $j = jQuery.noConflict();
$j("document").ready(function () {
    var f = RMRH_VALUES.pluginUrl + RMRH_VALUES.loadImageName,
        b = $j(new Image()).attr("src", f).css("margin-left", "10px");
    $j("a.more-link").each(function (h) {
        anchorEl = $j(this);
        c(anchorEl)
    });

    function g(h) {
        var i = h.lastIndexOf("-");
        return h.substr(++i)
    }
    function c(i) {
        var h = i.attr("href");
        i.bind("click", {
            el: i,
            url: h,
            postid: g(h)
        },
        e)
    }
    function e(h) {
        var j = h.data.el,
            i = b.clone();
        j.after(i);
        i.show();
        $j.ajax({
            type: "POST",
            url: h.data.url,
            dataType: "html",
            cache: false,
            data: {
                "wt-rmrh-redirect": "1",
                postid: h.data.postid
            },
            error: function (k, m, l) {
                data = '<b><font color="red">Sorry! There was an error retrieving content.<br />Click again to be taken to this entry\'s page.</font></b>';
                a(j, i, data, true)
            },
            success: function (k, l) {
                a(j, i, k, false)
            }
        });
        return false
    }
    function a(o, l, h, i) {
        var n = $j("<p>").html(h).hide(),
            k, m = function () {
            n.find("object").each(function () {
                $j(this).toggle()
            })
        },
            j = new Array(function () {
            m();
            n.slideToggle(1000, function () {
                l.fadeOut(500)
            })
        },

        function () {
            n.slideToggle(1000, function () {
                l.fadeOut(500);
                m()
            })
        });
        o.unbind("click", e);
        if ($j.browser.msie && (parseInt($j.browser.version) > 6)) {
            if (d(n)) {
                window.location = o.attr("href");
                return
            }
        }
        n.find("object").each(function () {
            $j(this).hide()
        });
        l.after(n);
        n.slideDown(1000, function () {
            l.fadeOut(500);
            m()
        });
        if (!i) {
            o.click(function () {
                o.after(l);
                l.show();
                j[0]();
                k = j[0];
                j[0] = j[1];
                j[1] = k;
                return false
            })
        }
    }
    function d(i) {
        var h = false;
        i.find("object").each(function () {
            h = true;
            console.log(this);
            return
        });
        return h
    }
});

Hope that’s what you need
Thanks
Jez

Hi,

has someone found a solution? I have the exact same problem… ??

cheers,
zooomy