javascript in div

I'm trying to get a simple simple simple function to execute inside a div tag and i can't get the div tag to do what it normally should do... i've searched the web for answers with no luck... here is the relevent code:

Expand|Select|Wrap|Line Numbers

 
<style ...

div.spec

{

    border: none;

    position:absolute;

    top: 300px;

    left: 75px;

    width:492px;

    height:auto;

    text-align: center;

)

</style>

....
 
<script ...
 
function showSpecial()

{

document.write("Today's Special is " + specials);

}
 
-->

</script>

..........

<body ...
 
<div class="spec">

<script type="text/javascript">

<!--

showSpecial();

-->

</script>

</div>

the div shows the text... but it doesn't go where it should go... it just hangs at the top of the page... my other code free divs work fine though

please help

Sep 20 '09 #1

Follow Post Reply

1293

Dormilich

8,658

Expert Mod 8TB

using document.write() is a very outdated way to add content. to give advice I’d like to know, what you want to do there, currently I see no reason to use Javascript at all.

btw, you didn’t define what the variable special is.

Sep 20 '09 #2

boogyman

you can see the full code at lildaddysdowntown.com basically the script is to have the different specials show on different days........ specials is defined, i just didn't include the code above

if u look at the site, you can see the text is showing up behind the logo, not where it should be

EDIT: I found the problem and feel like an idiot i put a ) vs } by accident, but I'd still like to know some advice on a better way than using document.write()

Sep 20 '09 #3