Victor Kimura
asked on
jquery modal dialog scrolling to bottom
Hi,
I have this page:
https://secure.myultratrust.com/diy/login/create_username.php
If one clicks on the "Privacy Policy" and "Terms of Use" links at the bottom the modal dialog will scroll to the bottom. It's strange because if you first click on the "Privacy Policy" the modal dialog is at the top. But then when you click on "Terms of Use" the modal dialog scrolls to the bottom.
However, if you refresh and the first click "Terms of Use" the modal dialog opens at the top but then if you click on "Privacy Policy" the modal dialog scrolls to the bottom.
It just depends on what link you click on first.
Here is the code in the jquery plugin:
Here are the links and the onclick calls on the .pi_general plugin:
How do I correct the code so the modal dialog always open at the top for both links?
Thank you<><
I have this page:
https://secure.myultratrust.com/diy/login/create_username.php
If one clicks on the "Privacy Policy" and "Terms of Use" links at the bottom the modal dialog will scroll to the bottom. It's strange because if you first click on the "Privacy Policy" the modal dialog is at the top. But then when you click on "Terms of Use" the modal dialog scrolls to the bottom.
However, if you refresh and the first click "Terms of Use" the modal dialog opens at the top but then if you click on "Privacy Policy" the modal dialog scrolls to the bottom.
It just depends on what link you click on first.
Here is the code in the jquery plugin:
termsOfUseModal : function() {
$( "#dialog:ui-dialog" ).dialog( "destroy" );
$( "#terms_of_use" ).dialog({
modal: true,
width: 800,
title: "Terms of Use: MyUltratrust.com",
position: 'top',
buttons: {
Ok: function() {
$( this ).dialog( "close" );
}
}
});
var d = $(".ui-dialog").position();
window.scrollTo( d.left , d.top);
},
/**
* Display Privacy Policy onclick event.
* Called from /form/includes/general/footer_entire.php by onclick()
*/
privacyPolicyModal : function() {
$( "#dialog:ui-dialog" ).dialog( "destroy" );
$( "#privacy_policy" ).dialog({
modal: true,
width: 800,
title: "Privacy Policy: MyUltratrust.com",
position: 'top',
buttons: {
Ok: function() {
$( this ).dialog( "close" );
}
}
});
var d = $(".ui-dialog").position();
window.scrollTo( d.left , d.top);
},
Here are the links and the onclick calls on the .pi_general plugin:
Disclaimer: Communications between you and MyUltraTrust.com are protected by our <a onclick="$().pi_general('privacyPolicyModal');" class="terms_of_use">Privacy Policy</a> but not by the attorney-client privilege or as work product. MyUltraTrust.com provides access to independent attorneys and self-help services at your specific direction. We are not a law firm or a substitute for an attorney or law firm. We cannot provide any kind of advice, explanation, opinion, or recommendation about possible legal rights, remedies, defenses, options, selection of forms or strategies. Your access to the website is subject to our <a onclick="$().pi_general('termsOfUseModal');" class="terms_of_use">Terms of Use</a>. Vertex Management Group, LLC, Riverside Center, 275 Grove Street, Building 2, Suite 400, Newton, MA, 02466 is a registered and bonded legal document assistant.
How do I correct the code so the modal dialog always open at the top for both links?
Thank you<><
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Yes - I made an error in my post - remove the windwo.scrollTo at the bottom i.e.
termsOfUseModal : function() {
$( "#terms_of_use:ui-dialog" ).dialog( "destroy" );
$( "#terms_of_use" ).dialog({
modal: true,
width: 800,
title: "Terms of Use: MyUltratrust.com",
position: 'top',
buttons: {
Ok: function() {
$( this ).dialog( "close" );
}
},
open: function () {
$(this).scrollTop(0);
}
});
},
ASKER
Hi julianH,
No, unfortunately that didn't work either.
https://secure.myultratrust.com/diy/login/create_username.php
No, unfortunately that didn't work either.
https://secure.myultratrust.com/diy/login/create_username.php
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Using a jquery fancybox plugin worked for me. I think it's a jQuery bug but don't have time to find out the solution right now. =(
ASKER
Just tried it but that doesn't work. Any other suggestions?