Alerts

[wanapitei]

I'm preparing a new website. During the preview period I would like to put up a welcome Alert message. I found this bit of JavaScript elsewhere:

<script language="Javascript">

<!--
// please keep these lines on when you copy the source
// made by: Nicolas - http://www.javascript-page.com

alert ("This is a Javascript Alert")
//-->

</script>

However this routine doesn't let me put line returns into my text and it includes the current URL in bold as the headline, not what I'd prefer. You can preview it here (although the site is still crude). I'd prefer an alert that's a bit nicer. Any recommendations?

Appreciated.

[jscheuer1]

Alerts do that in some browsers. You could try a DHTML pop up:

http://www.dynamicdrive.com/dynamici...ndow/index.htm

or just put something right on the page that says:

"Under Construction"

[wanapitei]

Alerts do that in some browsers. You could try a DHTML pop up:

http://www.dynamicdrive.com/dynamici...ndow/index.htm

Something's wrong. Followed the same procedures I successfully did with Omnislide. Moved the CSS and JS files into their appropriate locations in the media directory (media/css/dhtmlwindow.css, and media/js/dhtmlwindow.js).

Made this edit to the demo file:

<link rel="stylesheet" href="../media/css/dhtmlwindow.css" type="text/css" />

<script type="text/javascript" src="../media/js/dhtmlwindow.js"></script>

This addressing approach works fine with Omnislide but not for Dhtml Window on my Mac. Therefore I switch to absolute addressing and put the demo on my website and place the css and js files in the appropriate media folders. Thus:

<link rel="stylesheet" href="http://www.morleychalmers/MostlyTheravada/media/css/dhtmlwindow.css" type="text/css" />

<script type="text/javascript" src="http://www.morleychalmers/MostlyTheravada/media/js/dhtmlwindow.js"></script>

Still doesn't work. I'm probably missing something obvious but I can't see it. Anyone spot the issue?

Appreciated.

[Boxer]

You missed the top level domain (.com / .net / .org / whatever you have) and your script cannot be loaded.
And why do you put it in another file? Users' browsers will need to do an extra request - that's not good. You better place the JavaScript code right into the HTML page, in <script> container, and CSS in the header of the page, in <style> container, and everything will load and run on a single page. Faster and no errors

[jscheuer1]

That's true, and unlike with omnislide, there is also code you need to put on your page for this script. Refer to Stage 2 on the demo page.

Please post a link to the page on your site that contains the problematic code so we can check it out.

[Twey]

I was unsure whether to laugh or cry at the attempt to put a credit notice on a single alert() statement...

[jscheuer1]

I was unsure whether to laugh or cry at the attempt to put a credit notice on a single alert() statement...

LOL, I didn't even notice that!

[wanapitei]

That's true, and unlike with omnislide, there is also code you need to put on your page for this script. Refer to Stage 2 on the demo page.

I got fooled by the demo file working just fine "right out of the box". Oddly, by just changing the location of where to find the supporting CSS and JS files, it broke.

Please post a link to the page on your site that contains the problematic code so we can check it out.

There indeed was a URL to a demo, now removed. Here's the new, now revised demo, with a different set of issues.

I'm using the ajax option here, pointing to the previewAlert file on my site. However the CSS code in this file is being ignored for some reason. Not only are the margin calls ignored, so is the type point size. I'm missing something here.

Also, on this Mac the Minimize and Close widget images are coming up as "image ?", which is odd in that the widgets appear just fine on this Mac when going to DHTML Window.

Thanks for pointing out this Alert utility, much better than the other one.

[jscheuer1]

Paths (like to images or links) on a page imported via AJAX will be relative to the page that imports it (the 'top' page), not to the imported page - if there is any doubt, use the absolute path. With css, the link to the css should be put on and set relative to the 'top' page, if it is a style section, not a link - it should be on the 'top' page. Paths in the css style declarations (if any - like for background images) should be relative to (if external) that css file. If it is a style section, as I say it should be on the 'top' page, and its paths will be relative to that 'top' page. Once again, use absolute paths whenever in doubt.

[djr33]

<script type="text/javascript">
<!--
//This copyright notice is copyrighted under the terms stated here.//
-->
</script>