mouseover new window javascript probleem

Opgelost

(@jeltealtena)

Een goede middag,

Voor een radiostation ben ik bezig een wordpress website te bouwen. Ik heb een goede theme kunnen vinden, deze naar alle verwachting en eisen kunnen wijzigen en al zeer tevreden over het resultaat. Echter stuit ik op een vervelend probleem. Ik heb een playbutton gemaakt in de header waarmee een externe window kan worden geopend met daarin een flashplayer verwerkt. De button is een mouseover en beide geschreven in javascript. Ik werk met een Mac en in zowel Safari, als Firefox en Chrome werkt de code uitstekend. Echter als ik dan op een windows machine kom met Internet Explorer geeft de browser een foutmelding. Ik kan het probleem niet vinden en vraag jullie dan ook om hulp.

De website : http://www.bhcfm.com

De code:

<script language="Javascript">

<!-- script voor popup player
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=330,height=332,left = 554,top = 284');");
}
-->Einde script popup player

<!-- script voor de mouseover
if (document.images)
{
image1 = new Image
image2 = new Image
image1.src = 'http://www.bhcfm.com/wp-content/themes/dancefloor/images/playbutton.png'
image2.src = 'http://www.bhcfm.com/wp-content/themes/dancefloor/images/playbutton2.png'
}
--> einde script mouseover

</script>

<?php wp_head();?>
<link rel="shortcut icon" href="<?php bloginfo('stylesheet_directory'); ?>/favicon.ico" />
</head>
<body>
<div id="player"><?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Music Player') ) : ?><?php endif; ?></div>
	<div class="main">
	<div id="header">
	<div id="logo"><a href="<?php bloginfo('url');?>"><img src="<?php header_image(); ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt=" <?php bloginfo('name'); ?>" /></a></div>
    <div id="playbutton"> <a href="javascript:popUp('http://www.bhcfm.com/player/bhcfmplayer.html')" onmouseover="document.mouseover.src=image2.src" onmouseout="document.mouseover.src=image1.src"><img src="http://www.bhcfm.com/wp-content/themes/dancefloor/images/playbutton.png" border=0 name="mouseover" style="margin-left:300px; margin-top:60px;"></a></div>
    <div id="header_ad">
	</div>
	</div>
	<div id="menu_navigation">
		<div id="menu-nav">
					<?php wp_nav_menu( array( 'sort_column' => 'menu_order', 'container_class' => 'menu-header' ) ); ?>		</div>
	</div>
	<div style="clear:both"></div>
	<div class="out">

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)

360 eCommerce
(@360-ecommerce)

12 jaren, 11 maanden geleden

Ik denk dat je hiermee beter naar een Javascript forum kunt gaan. Dit is puur een Javascript probleempje en geen WordPress.

Maar naast dat heeft IE vaak problemen met Javascript, kan zijn dat er een Div niet goed wordt afgesloten. De meeste browsers lossen dit zelf op, IE echter niet. Misschien iets om even te controleren.

360 eCommcerce

Thread starter jeltealtena
(@jeltealtena)

12 jaren, 10 maanden geleden

@360 eCommerce,

Bedankt voor je reactie, naar aanleiding hiervan bedacht ik mij opeens een probleem van vroeger. Des tijds had je een conflict tussen IE en Firefox waarin de ene browser commentaar toelaat en de andere niet. Ik heb hierna het commentaar verwijderd (Zie code) en nu herkent IE de code weer.

Probleem dus opgelost!

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)

Het onderwerp ‘mouseover new window javascript probleem’ is gesloten voor nieuwe reacties.

Onderwerptags

Weergaven