Jump to content

Welcome to Geeks to Go - Register now for FREE

Geeks To Go is a helpful hub, where thousands of volunteer geeks quickly serve friendly answers and support. Check out the forums and get free advice from the experts. Register now to gain access to all of our features, it's FREE and only takes one minute. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more.

Create Account How it Works
Photo

Javascript Help Please!


  • Please log in to reply

#1
Emory

Emory

    Member

  • Member
  • PipPip
  • 33 posts
:D On my site, im trying to make a mouseover news scroller. I've got the mouseover to what i want, but I cant get the scroller to work. I've worked on it for 3 days now and am not getting anywhere. Heres what i have for the variable:
<script language="javascript"> 
var info="<div style="Z-INDEX:2;LEFT:10px;VISIBILITY:visible;WIDTH:130px;POSITION:absolute;TOP:35px;HEIGHT:100px" ><marquee behavior="scroll"direction="up" width="125" height="100" scrollamount="1" scrolldelay="60">" + 
"<font face="verdana" size="1">" + 
"<B>Updated 7:50pm 6.7.04</b><br><br>Latest news<br><br><b>" + 
"<font color=#FFFFF> Site is up</font></b>" + 
"</marquee>"; 
</script>
then the mouseover i have:
onMouseOver="document.write(info)"
but it wont show up. Someone please help or atleast tell me if its even possible. Thanks <_<
  • 0

Advertisements


#2
ditto

ditto

    - i pwn n00bs -

  • Member
  • PipPipPipPip
  • 1,260 posts
sorry, dont know java script too well but i found this site

http://javascript.in...roller-2.0.html

ditto

ps- sorry for the delay, i was away last week and didnt see your post
  • 0

#3
azarl

azarl

    GeekU Admin

  • Administrator
  • 24,935 posts

Create a hidden element element with the content inside it

<script type="text/javascript">
function show_myElement()
{
document.getElementById('myElement').style.visibility="visible";
}

function hide_myElement()
{
document.getElementById('myElement').style.visibility="hidden";
}
</script>

<div id="mouseTarget" onMouseOver="show_myElement()" onMouseOut="hide_myElement()">Hover mouse over here</div>
<div id="myElement" style="visibility:hidden" ><marquee>Updated 7:50pm 6.7.04<br>
Latest news<br>
Site is up</marquee></div>

  • 0






Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP