Home/ Questions/Q 3315914
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-17T22:24:25+00:00

Possible Duplicate: Custom alert using Javascript I want to create a confirmation message-Do you

  • 0

Possible Duplicate:
Custom alert using Javascript

I want to create a confirmation message-“Do you want to proceed deleting? [Yes] or [No]”.

I have a table with many data rows where the delete link is clicked in a particular row, the data in the row is deleted in the database. When the user clicks the delete option, i want to show the confirmation message first, so that user can validate his actions before deleting.

How can i do that dynamically using java script and css? I don’t want to use alerBox() as it is ugly and is so unprofessional.

I am currently working for my school project-jsp and Java Servlet.

Hope any experts will help me. I love this forum as people here are very helpful. Advance thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you want really to look good try this approach:Use for example jQuery and jQueryUI.

    In your page put this:

    <head>
<link rel="stylesheet" type="text/css" media="all" href="pathtoyourappfolder/jquery/css/black-tie/jquery-ui-1.8.4.custom.css" />
<script type="text/javascript" src="pathtoyourappfolder/jquery/js/jquery-1.4.2.min.js'" ></script>
<script type="text/javascript" src="pathtoyourappfolder/jquery/js/jquery-ui-1.8.4.custom.min.js'" ></script>
</head>
<body>
  <div id="dialog-confirm" title="DELETE">
    <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>
    Are you sure you want to delete this record?</p>
  </div>

  <table id="TblName">
    <tr>
        <td class="actions">
            <a href="http://something/somethingelse/1" class="del">del</a>
        </td>
        <td>...</td>
    </tr>
    <tr>
        <td class="actions">
            <a href="http://something/somethingelse/2" class="del">del</a>
        </td>

        <td></td>
    </tr>   
  </table>

<script language="javascript" type="text/javascript">

 $(document).ready(function() {

        $('#TblName td.actions a.del').click(function(event){
            $("#dialog-confirm").dialog('open');
        });

 }

</script>
</body>
    • 0