Webmaster Forum

Go Back   Webmaster Forum > Web Development > Coding Forum

Coding Forum Problems with your code? Discuss coding issues, including JavaScript, PHP & MySQL, HTML & CSS, Flash & ActionScript, and more.


Reply
 
Thread Tools Display Modes
Share |
  #1  
Old 09-19-2006, 09:17 AM
Vdotcom Vdotcom is offline
Junior Member
 
Join Date: 09-19-06
Posts: 1
iTrader: 0 / 0%
Mouseover

Hello

I am having problems re-creating what is on the following web-site.

www.vdotcom.co.uk

On the first page when you slide your mice over the links it changes the page. I can already use the mouseover Java function, although when ever I come to slide the mouse over the page will not open in the _self target.

<A HREF="event.cfm"
onMouseOver="window.open ('newPage.htm', 'JavaScriptWin', 'width=300,height=300')">
Want to See a New Page?</A>

I have tried all sorts, the above opens a new window.

I have found this although I do not want it to be in the child window format can anyone help me with out having to use CSS?

<html>
<head>
<title>DHTML URLs 2</title>
<script language="javascript">
<!--
/* store the current window location */
var strURL = window.location;
var strFrame;

/* function used when HREF is clicked */
function clickHref()
{
/* check if an HREF was clicked */
if (window.event.srcElement.tagName == "A")
{
/* open a new window with the URL */
window.open(strURL,"","width=400,height=400");
}
}

/* function used when HREF is hovered */
function overHref()
{
/* check if an HREF was clicked */
if (window.event.srcElement.tagName == "A")
{
/* store the HREF's URL */
strURL = window.event.srcElement.href;
/* store the HREF's target frame */
strFrame = window.event.srcElement.target;
/* set the HREF's URL to the current page */
window.event.srcElement.href = window.location;
/* set the HREF's URL to the same frame */
window.event.srcElement.target = "_self";
}
}

/* function used when HREF is no longer hovered */
function outHref()
{
/* check if an HREF was clicked */
if (window.event.srcElement.tagName == "A")
{
/* restore the HREF's original URL */
window.event.srcElement.href = strURL;
/* restore the HREF's original target frame */
window.event.srcElement.target = strFrame;
}
}
//-->
</script>
</head>
<body onClick="clickHref();" onMouseOver="overHref();" onMouseOut="outHref();">
<ul>
<li><a target="_blank" href="http://www.microsoft.com">Microsoft</a></li>
<li><a target="_blank" href="http://msdn.microsoft.com">MSDN</a></li>
</ul>
</body>
</html>
 
Reply With Quote

Advertisement

Advertisement

  #2  
Old 09-20-2006, 06:25 AM
Mrblogs's Avatar
Mrblogs Mrblogs is offline
Contributing Member
 
Join Date: 03-29-06
Posts: 395
iTrader: 0 / 0%
I would go with changing the IMG path (or perhaps className) for the DIV tag that contains the image. etc
 
Reply With Quote
  #3  
Old 09-20-2006, 12:02 PM
chicgeek's Avatar
chicgeek chicgeek is offline
Contributing Member
 
Join Date: 08-19-04
Location: Yorkshire
Posts: 14,188
iTrader: 0 / 0%
Any luck with that? I'm not going to delve in unless I know you're watching here and still need the help.
 
Reply With Quote
Go Back   Webmaster Forum > Web Development > Coding Forum

Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Mouseover link in main menu minbak Coding Forum 1 09-01-2006 11:11 AM
mouseover background image re-downloading each mouseover gnznroses Coding Forum 9 08-22-2006 02:04 PM
Mouseover Images and Bandwidth Jason Coding Forum 4 02-23-2005 05:30 AM
Magic MouseOver PreLoader (test) LazyJim Web Design Lobby 18 11-29-2003 07:30 AM
Mouseover on Mapped image? ATLien Web Design Lobby 8 11-26-2003 05:12 PM


V7N Network
Get exposure! V7N I Love Photography V7N SEO Blog V7N Directory


All times are GMT -7. The time now is 05:52 AM.
Powered by vBulletin
Copyright 2000-2014 Jelsoft Enterprises Limited.
Copyright © 2003 - 2018 VIX-WomensForum LLC