Home/ Questions/Q 7910547
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-03T12:54:12+00:00

I am new to jquery and I am having a problem with displaying a

  • 0

I am new to jquery and I am having a problem with displaying a lightbox form. I want a form simlilar to this. However, I have no idea how to customize it

Below is my code:

<html>
<head>
    <title>Test Light Box</title>
    <script type="text/javascript" src="jquery-ui-1.8.20.custom.min.js"></script>
    <script type="text/javascript">
        $("#dialog-form").dialog({
            autoOpen: false,
            height: 500,
            width: 450,
            modal: true,
            Cancel: function() {
                $( this ).dialog( "close" );
            }
        });         

        $("#create-uer")
            .button()
            .click(function(){
                $( "#dialog-form" ).dialog( "open" );
            });

    </script>
</head>
<body>
    <div id="dialog-form">
    <form>
    <fieldset>
        <label for="name">Schlagwort</label>
        <input type="text" name="search" id="search" />
    </fieldset>
    </form>
</div>

<button id="create-user">Create new user</button>
</body>

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You should add jquery.css before this code:

    <link rel="stylesheet" href="jquery-ui.css" type="text/css" media="all" />

    Download jquery from this page

    http://docs.jquery.com/Downloading_jQuery#Download_jQuery

    and add it your page

    <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.20.custom.min.js"></script>
    • 0