Creating a custom Alert And onload event not working

[GB_001]

On many websites, I see custom alert boxes with pictures and whatnot,

How would I be able to create one.

 

Also,

How would I be able to bypass a popup blocker for an onload event with my web app?

 

 

Thankyou.

-GB.

[phpQuestioner]

 

Your not actually looking for a browser alert, because you cannot customize a browser alert; you can only add text to a browser alert (that's the extent of the customization). What you really looking for is a "DHTML Pop-Up" - Google It for examples/tutorials and live demos.

[GB_001]

Wow, thankyou.

=D.

[phpQuestioner]

 

No Problem - Good Luck

[nogray]

http://extjs.com/deploy/dev/examples/message-box/msg-box.html

 

http://extjs.com/

[phpQuestioner]

 

Those are neat nogray, but there more like a lightbox. There are some DHTML Alerts out there that are made just like a browser alert; only there customizable. I have seen some that actually paralyze the page until the "OK" button has been clicked and they are not draggable (which is more like the original browser version).

[GB_001]

Thankyou, I searched google and there are no tutorials to be found, just crappy generators.

Do you know any good tutorials out there?

 

 

[phpQuestioner]

 

nogray gave you a couple links to tutorials with examples that may be helpful to you - did you check those out? is that not what your wanting?

 

http://www.phpfreaks.com/forums/index.php/topic,181785.msg812183.html#msg812183

[GB_001]

Yeah, it's not really what I'm looking for now.

I'm trying to popup an app onload with DHTML.

[phpQuestioner]

 

What kind of app are you wanting to display?

[GB_001]

It's a chat application that pops up,

using AJAX and php.

[phpQuestioner]

 

so basically you just want to show a div onload? do you want it to be fixed in the layout or like a dhtml pop-up in the page?

[GB_001]

I want it to be a DHTML popup page,

since it's not blocked by popup blockers.

[phpQuestioner]

<script language="javascript">

function ShowDHTMLPopUp()
{
document.getElementById('myDHTMLPopUp').style.display="block";
}

window.onload=function() {
ShowDHTMLPopUp();
}

</script>

<style type="text/css">

#myDHTMLPopUp {display:none;position:absolute;top:100;left:100;z-index:1000;width:400px;height:325px;background:white;border:solid 2px black} /* style as needed */

</style>

<div id="myDHTMLPopUp">
<!-- AJAX Content Here -->
</div>

[GB_001]

Thankyou.

=).

[phpQuestioner]

 

Your Welcome