Linking to the bottom section of an offer page

[efeezy]

The offer I'm promoting has an order form at the bottom, which is below the fold. Is there anyway I can link from my LP to the bottom of the offer page so people see the order form instantly, not having to scroll down.

The order form area has a div id = form. But since the url i'm using for the offer is a redirect, I can't just add #form at the end. Any way to do this or am I SOL?

 

[barman]

unless there's an #anchor i don't think so.

 

[OsamaBinBBQ]

Use a hash link. Do the following

[high=html]
<a name="bottom"></a>
<form>omg here's my form</form>
[/high]

And then you can just link to the page with `#bottom` at the end of the URL (e.g: http://yourofferpage.com/#bottom or a real link: http://stackoverflow.com/questions/768233/do-hashes-in-urls-affect-seo/2292328#2292328)

 

[B 4 I Fu Ru 18]

if the <div id="form">form</div> ?

The only thing I can think of is do a double redirect, in other words direct to a php which then redirects to #form

 

[efeezy]

What if I iframed it on a separate page and set an anchor that way? Bad idea?

 

[B 4 I Fu Ru 18]

What if I iframed it on a separate page and set an anchor that way? Bad idea?

Bad idea. Go over it with your AM.

 

[OsamaBinBBQ]

/fail
I totally didn't read your original question right. Disregard my useless input.

 

[mcvader]

Do you know how to navigate your way through jquery? If so, this might be helpful:

<script type="text/javascript" src="/static/jquery.js"></script>
<script type="text/javascript">
    function scrollTo(selector) {
        var targetOffset = $(selector).offset().top;
        $('html,body').animate({scrollTop: targetOffset}, 500);
    }
    $(document).ready(function() {
        $('#add_comment_toggle').click(function() {
            $('form.add_comment').slideToggle();
            scrollTo('form.add_comment');
            return false;
        });
        {% if comment_error %}
        $('form.add_comment').show();
        scrollTo('.comment_error');
        {% endif %}
    });
</script>

Otherwise, an anchor tag would be your best bet.

 

[OsamaBinBBQ]

Do you know how to navigate your way through jquery? If so, this might be helpful:

<script type="text/javascript" src="/static/jquery.js"></script>
<script type="text/javascript">
    function scrollTo(selector) {
        var targetOffset = $(selector).offset().top;
        $('html,body').animate({scrollTop: targetOffset}, 500);
    }
    $(document).ready(function() {
        $('#add_comment_toggle').click(function() {
            $('form.add_comment').slideToggle();
            scrollTo('form.add_comment');
            return false;
        });
        {% if comment_error %}
        $('form.add_comment').show();
        scrollTo('.comment_error');
        {% endif %}
    });
</script>

Otherwise, an anchor tag would be your best bet.

This wont work. The page in question is on a separate domain and JavaScript's same origin policy will prevent this from working.