Customized Alert/Confirm

[A1ien51]

OKay I was asked to write this for a person, I just finshed it at 3 am and getting ready to goto bed.....need sleep...alcohol kicking in!! This is a customized alert, buttons, colors titles etc. Use more then once with different actions. I have not tested it on other browsers except IE, since all I have on this computer right now is IE.
here it is...Please comment

http://www10.brinkster.com/a1ien51/Customize/

and the Search Script is being rewritten since people say my coding is ugly....cough Johgnn cough.....lol

A1ien51

[Mr J]

I bet mine is uglier that yours

Done the Custom Alerts myself, rather quaint me thinks, wasn't sure wether to make them draggable or not.

[A1ien51]

I think making it draggable is sort of a waste of code, I was thinking about it last night, but i choose sleep over it. I can see I am glad since what I typed last night makes no sense. LOL

[A1ien51]

LOL......made it draggable in IE only....
http://www10.brinkster.com/a1ien51/C...dragcustom.htm

A1ien51

[Mr J]

You are a quick worker,



did you actually get some sleep then




I still find, even in your examples, that sometimes the dragging insn't as smooth as it ought to be

Still as they say, great minds think alike

[chrismiceli]

the only prob i see is when you drag the box the scroll bar of the page goes crazy, i am using ie6.

[vkidv]

yes that happens to me also, the scroll-bars at bottom (not sure about top, only if you move it down wards)


is this because of layers?

[whammy]

Hmm... that's interesting. I can drag it to the right and it doubles the width of the page being viewed.

[A1ien51]

It is because of the layers...all that would have to be done in the code is add a no scroll to the layer when the drag is happening.

[ConfusedOfLife]

Your work is cool, I really like it! But did you ever see the htmlarea in www.interactivetools.com?? They put an alert for their editor to get an image address, but it looks more natural, also they made a rectangle with curly edges by CSS I think that I don't know how to make! Go and download it, it's a cool script ( if you didn't b4! )

[x_goose_x]

Swap the MenuF DIV with this and the bar problems go away. Tested with ie6.

<span style="position: absolute; visibility: hidden; top: 100; left: 150; z-index: 10;" id="MenuF">
<form name="AlertProp" onsubmit="return false">
    <table border="1" cellpadding="0" cellspacing="0">
      <tr>
        <td>
        <table border="0" cellpadding="0" cellspacing="0"  class="TheTable">
      <tr>
        <td class="AlertBarTop"><span style="position: absolute; top: 4; left: 7;z-index:13;" onmouseover="MakeTrue()" onmouseout="MakeFalse()"><img border="0" src="blank.gif" width="275" height="21"></span><span class="AlertBarTopText" id="ConfirmTitle">A1ien51 Alert</span></td>
        <td class="AlertBarTop" align="right">
          <p align="right"><input type="button" name="CloseIt" value="X"  onclick="ClosedX()" class="CloseButton"></p>
        </td>
      </tr>
      <tr>
        <td colspan="2" valign="middle" align="center"><span class="AlertText" id="ConfirmMessage">Do You want to Continue On?</span></td>
      </tr>
      <tr>
        <td colspan="2" align="center" valign="middle" height="50">
           <input type="button" name="B1"  value="Continue" onclick="PerformIt()"  class="TheButtons">
           <input  type="button" name="B2"  value="Cancel"  onclick="CanIt()"    class="TheButtons">
        </td>
      </tr>
    </table>
        </td>
      </tr>
    </table>    
</form>
</span>

Also, when you click and immediately move the cursor quickly, the layer is dragged with an offset from the cursor.

[zoobie]

Nice job...but dragging and dropping alerts is really unnecessary so I think it's a huge bloat.

How about auto page center?

[ConfusedOfLife]

I'm lazy enough to wait for the updated script!

[A1ien51]

Right now looking at computer code would be better then studying for all of my tests...........trying to graduate so i can get out into the real world

[ConfusedOfLife]

I DOOOOOOOOOOOOOOOOOOO agree!