You must Sign In to post a response.
  • Category: JavaScript

    I need to figure out how to move a dynamic js form

    This is all my code. The js is for a dynamic form but I cannot control where it pops up. If someone could point me to what code to use to move it that would be great. I'm not sure if it something to edit in my css, html or js. I have tried to position it but nothing has seemed to work, I tried it in each code but obviously I am missing something I'm just not sure what it i

    Happy Tails Pet Rescue

    Happy Tails Pet Rescue

    Adoption Form

    Pick which type of pet best suits you!

    <script src="final.js"></script>

    Copyright 2022 Happy Tails Pet Rescue, All Rights Reserved. Website created by Victoria Goff

  • #26667
    There are a few ways you can move a dynamic JS form on your webpage. One of the most common ways is to use CSS to control the positioning of the form. You can use the position, top, left, right, and bottom properties to specify the exact location of the form on the page. Another alternative is to use Flexbox or Grid Layout in CSS to align the form where you want it.

    Additionally, you can use JavaScript to move the form by manipulating the DOM. It's worth noting that depending on the architecture of your code and your design, some options might be better than others. You can also try using Bootstrap or Foundation, which are popular front-end frameworks that can help you create responsive and mobile-friendly forms. It's also important to check your JavaScript code and see if there's a specific function or event that is causing the form to pop up in a certain place. If you are still facing issue with moving the form, it might be helpful to post your code in the forum and include the expected outcome, so other users can take a look and give you more specific feedback and suggestions.


    I find that the harder I work, the more luck I seem to have.

  • #27149
    To move a dynamic JavaScript form, you can use CSS positioning properties like position: absolute or position: relative in combination with top, left, right, and bottom properties to set the form's position relative to its parent element. Ensure that the form's parent element has a defined position (e.g., position: relative) to allow absolute positioning of its child elements.

  • Sign In to post your comments