Databases
StackOverflow2013
Postsdbo
POMouse scroll Lock by code?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POMouse scroll Lock by code?
    primarykey
    data
    text
    <p>The problem I have is that when I click on any button and then refresh the scroll on my mouse stops working for that page. I have to manually go to the scroll bar on the right and scroll to "<em>unlock</em>" my mouse scroll so that I can scroll using my mouse scroll again or if I tab down forcing the page to scroll will also "<em>Unlock</em>" the mouse scroll. Refreshing the page again will "<em>Unlock</em>" the mouse scroll, but sometimes every 3rd or 4th refresh will "<em>lock</em>" the mouse scroll. What <strong>does not</strong> "<em>Unlock</em>" the mouse scroll is if I do something on the page that does not require it to scroll or refresh. Everything still works the way it is suppose to be, and I can go to other pages and use my mouse scroll.</p> <p>I have narrowed down to two possibility, if I am wrong and there could be another reason please say so. First is my button, I create them two ways:</p> <pre><code> &lt;input type="button" id="saveButton" onclick="onSave(event)" value="Save" class="k-button" style="margin-left:15px;margin-top:5px"/&gt; &lt;button id="submitButton" onclick="submitTheForm()" &gt;Submit&lt;/button&gt; </code></pre> <p>Note that <code>onSave</code>, <code>submitTheForm</code> is empty, I commented out everything and it it still "<em>locks</em>" the page. Is there anything wrong here?</p> <p>Second is the way my form is created. I download my XML from my server. I then create a XSLTProcessor and use it's method <code>transformToFragment</code> to create a <code>DOM DocumentFragment node</code> <a href="https://developer.mozilla.org/en-US/docs/Using_the_Mozilla_JavaScript_interface_to_XSL_Transformations" rel="nofollow">Link here</a>. I then save the <code>DOM DocumentFragment node</code> into <code>document.htmlForm</code> to be use later. </p> <pre><code> xsltProcessor = new XSLTProcessor(); xsltProcessor.importStylesheet(document.xmlFormStylesheet); var htmlFormsFragment = xsltProcessor.transformToFragment(document.xmlFormData, document); var formsList = $(htmlFormsFragment).children("form_1")[0]; document.htmlForm = formsList; </code></pre> <p>When ever the user wants to add a new form to the page they click a button that clone the saved form and append to a the <code>&lt;div id="formContainer"&gt;</code> containing all the forms</p> <pre><code>function createNewForm(formId) { // clone the form, add id, and attach new title var newForm = $(document.htmlForm).clone(true, true)[0]; // pull the content if if (formId == null) { ...default intialization } $(newForm).attr("id", formId); // any element in the form with an id will be prefixed ... // change the "for" attribute for all the labels .... //mask the input field for the premise cloned .... //apply kendoUi //find each select and date element in the premise part of the form and make it into a kendo widget .... // trigger the copy event and append to the document $("#formContainer").append(newForm); $(document).trigger("cloneform", newForm); return newForm; } </code></pre> <p>Any ideas?</p> <p><strong>UPDATE</strong></p> <p>This behavior is happening only in Google Chrome. Also when I refresh on the other browser I am the same spot that where I refreshed. While in Google chrome it take me back to the top of the page.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USJack Thor
    1. USJack Thor
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload