|
JavaScript - Cannot Get Fancy Box To Work
I figured as long as I copied the code from the How To Use section here.
http://fancybox.net/howto It would work... but it doesn't, and I have a 7 day deadline. Any suggestions or help? Similar TutorialsOkay I'm on the edge and about to jump...been on this for 2 hours now and i cant find a solution. Yet again IE has become the biggest pain and i'm ready to hunt down bill gates and make him feel my pain. My portfolio is about done, but the fancybox i am using on the images is not working correctly. If you open my portfolio page in IE you'll see what i mean www.nickwestcott.com/portfolio i have absolutely no idea what is causing this, i have used fancybox before, this is literally insane please help Hi all, I have added the Javascript Fancy Box to my each of the main images of site, when these main images are selected the fancy box works fine but for some reason all my other anchors when selected try to use this fancybox aswell? I understand that the source of my problems come from this peice of code: Code: <script type="text/javascript">
$(document).ready(function() {
$("a").fancybox();
});
</script>
but how do I alter it so its only the main images that are presented in the box? My site is www.kylehouston.com Also how do I remove the black background used when the fancy box opens? Thanks loads in advance!! Kyle Hey, have another question. I've made a basic website template, which I'm still working on, but I'd like to make it compatible with IE before I go any further. I'm having trouble with the drop down menu that is located in the top right section on the site...in the banner. It seems to work fine in FireFox (which is what I've built it for), Safari, and Chrome, but it will not work in Internet Explorer. Problem is....it doesn't hide the links, or "il" section. I was able to get it to do so, but then it would not let you select any of them...they would disappear as soon as you moved your mouse off of the top section, or "ul" i believe it's called. Here is the website link http://pmportfolio.net/tester and here is the CSS sheet for the menu http://pmportfolio.net/tester/dropdown.css I'm sure I'm probably missing some things as well as having things I don't need. I'm lost. Here is the code for the menu: Code: <div id="rgbar">
<div id="container">
<div id="specialtext">
<div id="gameselector">
<div class="menu">
<ul>
<li><a href="#">Drop Down Links
<ins>
<table cellspacing="0" cellpadding="0"><tr><td>
<ul>
<li><a href="#" rel="nofollow" target='_blank'> First One</a></li>
<li><a href="#" rel="nofollow" target='_blank'> Second One</a></li>
<li><a href="#" rel="nofollow" target='_blank'> Third One</a></li>
<li><a href="#" rel="nofollow" target='_blank'> Fourth One</a></li>
</ul>
</td></tr></table>
</ins></a> </li>
</ul>
</div>
</div>
</div>
</div>
and here is the CSS Code: /* #rgbar
{
position:absolute;
top:8px;
left:0px;
width:1180px;
height:80px;
border:0px;
display:block;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0px;
margin:0px;
*/
/* SPECIAL TEXT FORMATION */
#rgbar #container #specialtext
{
width:190px;
text-align:center;
font-size:10px;
color:#FFFFFF;
padding:4px 0px 0px 0px; font-weight: bold;
}
#rgbar ins
{
text-decoration:none;
}
#rgbar a,
#rgbar a:link,
#rgbar a:visited,
#rgbar a:active,
#rgbar a:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #ccc
}
/* remove all the bullets, borders and padding from the default list styling */
#rgbar #container #specialtext #gameselector .menu ul
{
padding:0;
margin:0;
list-style-type:none;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#rgbar #container #specialtext #gameselector .menu li
{
float:left;
width:175px;
position:relative;
z-index:100; left:5;
}
/* style the links for the top level */
#rgbar #container #specialtext #gameselector .menu a,
#rgbar #container #specialtext #gameselector .menu a:visited
{
display:block;
text-align:left;
font-size:10px;
text-decoration:none;
color:#000000;
width:169px;
height:16px;
padding-left:4px;
line-height:16px;
background-color: #c8c8c8; background-image: url("images/dropbg.png"); border: 1px solid #000000;
-moz-border-radius-topright: 2px; /* mozilla border radius */
-webkit-border-radius-topright: 2px; /* safari and chrome border radius */
border-radius-topright: 2px; /* opera border radius */
-moz-border-radius-topleft: 2px; /* mozilla border radius */
-webkit-border-radius-topleft: 2px; /* safari and chrome border radius */
border-radius-topleft: 2px; /* opera border radius */
}
/* a hack so that IE5.5 faulty box model is corrected */
* html #rgbar #container #specialtext #gameselector .menu a,
* html #rgbar #container #specialtext #gameselector .menu a:visited
{
width:175px;
/* QUIRKS MODE */
/* w\idth:175px; */
/* VALID MODE */
w\idth:173px;
}
/* IE 6 to OPERA Switch */
html > body #rgbar #container #specialtext #gameselector .menu ul ul
{
p\osition:relative;
d\isplay:none;
top: 18px; left:-5;
}
/* style the table so that it takes no ppart in the layout - required for IE to work */
#rgbar #container #specialtext #gameselector .menu table
{
position:absolute;
top:0;
left:0;
border-collapse:collapse;
}
/* style the second level links */
#rgbar #container #specialtext #gameselector .menu ul ul a,
#rgbar #container #specialtext #gameselector .menu ul ul a:visited
{
text-align:left;
background:#222;
color:#bbb;
height:auto;
line-height:12px;
padding:3px;
width:167px;
border:1px solid #000000;
border-width:0 1px 1px 1px;
-moz-box-shadow: inset 0 0 1em rgba(0, 0, 0, 0.8);
-webkit-box-shadow: inset 0 0 1em #000000;
box-shadow: inset 0 0 1em #000000;
-moz-border-radius: 0px; /* mozilla border radius */
-webkit-border-radius: 0px; /* safari and chrome border radius */
border-radius: 0px; /* opera border radius */
}
#rgbar #container #specialtext #gameselector .menu ul ul li.last,
#rgbar #container #specialtext #gameselector .menu ul ul li.last:visited
{
text-align:left;
background:#000000;
color:#bbb;
height:auto;
line-height:12px;
padding:0;
width:171px;
w\idth:173px;
border:1px solid #555;
border-width:0 1px 1px 1px;
b\order-width:0 1px 1px 1px;
}
#rgbar #container #specialtext #gameselector .menu ul ul li.last a,
#rgbar #container #specialtext #gameselector .menu ul ul li.last:visited a:visited
{
border: 0px;
width: 173px;
w\idth: 166px;
}
/* yet another hack for IE5.5 */
* html #rgbar #container #specialtext #gameselector .menu ul ul a,
* html #rgbar #container #specialtext #gameselector .menu ul ul a:visited
{
width:175px;
/* QUIRKS MODE */
/* w\idth:175px; */
/* VALID MODE */
w\idth:167px;
}
/* style the top level hover */
#rgbar #container #specialtext #gameselector .menu ul a:hover
{
color:#000000;
background-color: #c8c8c8;
}
#rgbar #container #specialtext #gameselector .menu ul ul a:hover
{
color:#FFF;
background:#2a78c6;
}
#rgbar #container #specialtext #gameselector .menu :hover > a,
#rgbar #container #specialtext #gameselector .menu ul ul :hover > a
{
color:#c8c8c8;
background:#222;
}
/* make the second level visible when hover on first level list OR link */
#rgbar #container #specialtext #gameselector .menu ul li:hover ul,
#rgbar #container #specialtext #gameselector .menu ul a:hover ul
{
visibility:visible;
}
/* IE 6 to OPERA Switch */
html > body #rgbar #container #specialtext #gameselector .menu ul li:hover ul,
html > body #rgbar #container #specialtext #gameselector .menu ul a:hover ul
{
d\isplay:block;
}
I'm ready to give up and just find another one online somewhere that will work. Does anyone know how to create the kind of menu in this site? A http://www.fullyillustrated.com/ Also do anyone know of a easy tutorial/free code covering how to do this? Hello all, I made a fade script that will fade any element in or out. Works great on all browser I've tested but IE 7. With IE I have only tested this will IE 8 and IE 7. IE 7 the effect doesn't work. No error message or anything. I'm unsure what to do from here. I was hoping I could find some help here. Code: function fade(obj, duration, toggle) {
steps = 1000;
elem = document.getElementById(obj);
function fadeIn() {
for(var i = 0; i <= 1; i+=(1/steps)) {
setTimeout("elem.style.opacity = "+ i +"", i * duration);
setTimeout("elem.style.filter='alpha(opacity="+ i * 102 +")'", i * duration);
}
}
function fadeOut() {
for(var i = 0; i <= 1; i+=(1/steps)) {
setTimeout("elem.style.opacity = "+ (1-i) +"", i * duration);
setTimeout("elem.style.filter='alpha(opacity="+ (1-i) * 102 +")'", i * duration);
}
}
/* One for Fade in and anything will be fade out*/
if(toggle == 1) {
fadeIn();
}
else {
fadeOut();
}
}
Thanks, Jon W Hello again, I have written the following code: <script language="Javascript"> var win=0 </script> <Form name="Form"> <Input type="button" name="button" value="Click" onClick="Good()"> </form> <script language="Javascript"> function Good() { if (win=0) { alert('You win!') } else { alert("You lose!") } } </script> Based on the following, when I click the button it should say "You win!" as win=0 but it keeps saying "You lose!". Why is this happening? So i got this to work once, but i can't get it to work now. I am trying to make it so when i clicked a radio button, i get the description of each object i click. Please help!!! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"> <head> <script type="text/javascript"> var vegetarian="lots of mushrooms" var hawaiian="overloaded with juicy" var meatlovers="loads of pepperoni" </script> </head> <body> <form name="pizzaList" action="" method="get"> <p> Click the buttons for a description of each pizza.</p> <p> <input type="radio" name="pizzas" onclick="document.pizzaList.pizzaDesc.value=vegetarian" />Vegetarian <input type="radio" name="pizzas" onclick="document.pizzaList.pizzaDesc.value=hawaiian" />Hawaiian <input type="radio" name="pizzas" onclick="document.pizzaList.pizzaDesc.value=meatlovers" />MeatLovers </p> </form> <p> <textarea name="pizzaDesc"></textarea></p> <html xlmns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> </html> I know we've all seen those text fields where when you type in am HTML tag it changes color! Example: <div> blah blah blah blah </div> I know that there is no flash involved, so how does it work? hello, I found this script : http://roshanbh.com.np/2008/06/accor...ng-jquery.html I implemted this into my website http://test.tamarawobben.nl but as you can see it don't work. Can anyone help me figure out why the script does not work. Roelof HI i have a form and submit bottom in my page . I've wrote a function that check the page element's value before submitting the form. my problem is this i couldn’t stop submitting the form before it has checked . Actually I want before the form submitted it has checked and if there was no problem then the function return true and submitted and if there was any problem, the function return false and the form stopped submitting I ‘ve added a function to the onclick of submit button and it call a function that check the values thanks So here is the story I paid for some to create a slideshow, and it works fine in the orginial html document but when i copy and paste the code into my html document the scroller to the left of the image stops moving up and down I put the working file at this address: http://rusty813.comuv.com/ my files at this address where i am: http://rusty813.comuv.com/sample2.html the guy i paid to do work refuses to help even those i advertised the price in my ad and he wanted me to give it to pay him more to tell which code to change but go ahead take a look at the coding thanks alot for your guys help Hi there! I'm completely new to javascript coding, but have suddenly found myself in need of using it. here's a little background (helps me keep track of where I am in my question). I've been "playing" with php for quite a while, and I decided I wanted to see how hard it would be to code a fairly simple forum. So far, everything is working out with very little need for bug fixes and some efficiency suggestins from a friend. I'm currently building the registration page, and wanted to have it compare the password and verification while the form is being filled. I found a code to do it after a few searches, but evidently I am missing something about how it works. This is the code I found: Code: <script type='text/javascript'>
function comparePasswords()
{
if(document.getElementById('pass1').value != document.getElementById('pass2').value)
{
$('passwordShow').innerHTML = 'Passwords do not match';
}
else
{
$('passwordShow').innerHTML = '';
}
}
</script>
This is the full code for the form I am trying to use it in: Code: <?php
echo "<script type='text/javascript'>\n function comparePasswords()\n {\n if(document.getElementById";
echo "('pass1').value != document.getElementById('pass2').value)\n {\n $('passwordShow').innerHTML";
echo " = 'Passwords do not match';\n }\n else\n {\n $('passwordShow').innerHTML = '';\n";
echo " }\n }\n</script> ";
echo "<form action='index.php?pg=verify' method='post'>";
echo "<table align='center' style='color: #C0C0C0'>";
echo "<tr><td>Username:</td><td><input type='text' name='user' /></td></tr>";
echo "<tr><td>Password:</td><td><input type='password' name='pass1' /></td></tr>";
echo "<tr><td>Re-enter Password</td><td><input type='password' name='pass2' onkeyup='comparePasswords();' /></td></tr>";
echo "<tr><td>Email<br />(used for password recovery)</td><td><input type='text' name='email' /></td></tr>";
require ('questions.php');
echo "<input type='hidden' name='source' value='reg' />";
echo "<br><center><input type='submit'/></form>";
?>
What am I not understanding about this? Can somebody give me a bit of help with the below code. The problem is that it works fine for the first pop up box but not for the other(s). I think it has something to do with the script using the getelementbyid. Can anybody help? Code: <script type="text/javascript">
var appearance = "notShown"
function show()
{
if (appearance == "notShown")
{
document.getElementById('P1').style.display = "inline";
appearance = "shown";
}
}
function remove()
{
document.getElementById('P1').style.display = "none";
appearance = "notShown";
}
</script>
<style type="text/css">
p#P1 { width: 319px; height: 169px; display:none; background-color: grey; position:absolute;z-index:2; }
p#P1 b { padding: 10px; float: left; }
p#P1 span { width: 300px; float: left; padding: 10px;}
button.close {float:right; margin: 5px; }
</style>
<a href="#" onclick="show()">box 1</a>
<p id="P1"><b>Lorem Ipsum</b><button type="button" class="close" onclick="remove()">X</button>
<span>Lorem ipsum ut volumus antiopam pericula vix, per nulla oblique alienum ad. No ullum convenire eos. Sit tota iusto ut, ex mentitum voluptatum inciderint est. Ex dico idque argumentum eam, ei elit meliore definiebas per, nam soleat aliquando ad.</span>
</p>
<br /><br /><br /><br /><br /><br />
<a href="#" onclick="show()">box 2</a>
<p id="P1"><b>Lorem Ipsum</b><button type="button" class="close" onclick="remove()">X</button>
<span>Lorem ipsum ut volumus antiopam pericula vix, per nulla oblique alienum ad. No ullum convenire eos. Sit tota iusto ut, ex mentitum voluptatum inciderint est. Ex dico idque argumentum eam, ei elit meliore definiebas per, nam soleat aliquando ad.</span>
Hi I'm doing some js online tutorials and am stuck at this piece of code. It's supposed to be a carousel that loops. It's supposed to have the main image in the middle and images on either side of it. Something similar to www.atlanticrecords.com. But my code doesn't make it slide. I'm a complete novice to javascript and am desparate for this to work. This is the code if anyone would like to show me my mistakes. Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Interactive Carousel</title>
<style type="text/css">
#feature_holder{position:relative; top:150px; overflow:hidden; height:400px; width:100%;}
.feature{position:absolute; width:1000px; height:400px; top:0; z-index:1;}
.arrow_right{right:20px;}
.arrow_left{left:20px;}
.arrow{height: 70px; width:70px; z-index:2; top:160px; position:absolute; background:#000;}
#feature_1{background: #666666;}
#feature_2{background: #225566;}
#feature_3{background: #006600;}
#feature_4{background: #ff0066;}
#feature_5{background: #00ff00;}
#feature_6{background: #0380ff;}
</style>
</head>
<body>
<div id="feature_holder">
<div class="arrow arrow_left"></div>
<div class="arrow arrow_right"></div>
<div class="feature" id="feature_1"></div>
<div class="feature" id="feature_2"></div>
<div class="feature" id="feature_3"></div>
<div class="feature" id="feature_4"></div>
<div class="feature" id="feature_5"></div>
<div class="feature" id="feature_6"></div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script>
var BrowserWidth
var FeatureCount
var CurrentFeature = 1
var NextFeature
var NextNextFeature
var PrevFeature
var PrevPrevFeature
$(document).ready (function(){
setFeatureCount()
getBrowserWidth()
setClicks()
setNextPrev()
setFeaturePosition()
});
setFeatureCount = function(){
FeatureCount = $('#feature_holder').children('.feature').length;
}
getBrowserWidth = function(){
BrowserWidth = $(window).width();
}
setClicks = function(){
$('#feature_holder').children('.arrow_left').click(function(){
SlideInFeature(true);
});
$('#feature_holder').children('.arrow_right').click(function(){
SlideInFeature(false);
});
}
setNextPrev = function(){
PrevFeature = (CurrentFeature-1);
PrevPrevFeature = (CurrentFeature-2);
NextFeature = (CurrentFeature+1);
NextNextFeature = (CurrentFeature+2);
if (CurrentFeature == 1){
PrevFeature = FeatureCount;}
setFeaturePosition = function(){
$('#feature_holder').children('.feature').css('left', -9999);
var CurrentPositioning = (BrowserWidth/2) - 500;
$('#feature_'+CurrentFeature).css('left', CurrentPositioning);
var NextPositioning = (BrowserWidth/2) + 500;
$('#feature_' +NextFeature).css('left', NextPositioning);
var PrevPositioning = (BrowserWidth/2) - 1500;
$('#feature_'+PrevFeature).css('left', PrevPositioning);
}}
</script>
</body>
</html>
Thanks function paymentmeth() { for (i = 0; i < document.merch.payway.length; i++){ if (document.merch.payway[i].checked == true){ //a loop that is used to determine the paymethod and checks to see if data has been entered method = document.merch.payway[i].value } } if (method == false) { alert("You forgot to select Pay Method.") } } Hey I am having a problem with these 2 scripts, one is a slideshow and the other one is a twitter stream. Only one of them works. Code: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="http://www.musikparlamentet.dk/wp-content/themes/arthemia/js/jquery.easing.1.3.js"></script>
<link rel="icon" href="<?php echo get_option('home'); ?>/wp-content/themes/arthemia/images/favicon.ico" />
<link rel="shortcut icon" href="<?php echo get_option('home'); ?>/wp-content/themes/arthemia/images/favicon.ico" />
<script type="text/javascript" src="http://www.musikparlamentet.dk/wp-content/themes/arthemia/js/jquery.jtweetsanywhere-1.2.1.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.musikparlamentet.dk/wp-content/themes/arthemia/js/jquery.jtweetsanywhere-1.2.1.css" />
<script type="text/javascript" src="http://platform.twitter.com/anywhere.js?id=APIKey&v=1"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#tweetFeed').jTweetsAnywhere({
username: 'Musikparlament',
count: 1,
});
});
</script>
<script type="text/javascript">
jQuery(document).ready(function() {
var autoPlayTime=5000;
autoPlayTimer = setInterval( autoPlay, autoPlayTime);
function autoPlay(){
Slidebox('next');
}
$('#slidebox .next').click(function () {
Slidebox('next','stop');
});
$('#slidebox .previous').click(function () {
Slidebox('previous','stop');
});
var yPosition=($('#slidebox').height()-$('#slidebox .next').height())/2;
$('#slidebox .next').css('top',yPosition);
$('#slidebox .previous').css('top',yPosition);
$('#slidebox .thumbs a:first-child').removeClass('thumb').addClass('selected_thumb');
$("#slidebox .content").each(function(i){
slideboxTotalContent=i*$('#slidebox').width();
$('#slidebox .container').css("width",slideboxTotalContent+$('#slidebox').width());
});
});
function Slidebox(slideTo,autoPlay){
var animSpeed=1000; //animation speed
var easeType='easeInOutExpo'; //easing type
var sliderWidth=$('#slidebox').width();
var leftPosition=$('#slidebox .container').css("left").replace("px", "");
if( !$("#slidebox .container").is(":animated")){
if(slideTo=='next'){ //next
if(autoPlay=='stop'){
clearInterval(autoPlayTimer);
}
if(leftPosition==-slideboxTotalContent){
$('#slidebox .container').animate({left: 0}, animSpeed, easeType); //reset
$('#slidebox .thumbs a:first-child').removeClass('thumb').addClass('selected_thumb');
$('#slidebox .thumbs a:last-child').removeClass('selected_thumb').addClass('thumb');
} else {
$('#slidebox .container').animate({left: '-='+sliderWidth}, animSpeed, easeType); //next
$('#slidebox .thumbs .selected_thumb').next().removeClass('thumb').addClass('selected_thumb');
$('#slidebox .thumbs .selected_thumb').prev().removeClass('selected_thumb').addClass('thumb');
}
} else if(slideTo=='previous'){ //previous
if(autoPlay=='stop'){
clearInterval(autoPlayTimer);
}
if(leftPosition=='0'){
$('#slidebox .container').animate({left: '-'+slideboxTotalContent}, animSpeed, easeType); //reset
$('#slidebox .thumbs a:last-child').removeClass('thumb').addClass('selected_thumb');
$('#slidebox .thumbs a:first-child').removeClass('selected_thumb').addClass('thumb');
} else {
$('#slidebox .container').animate({left: '+='+sliderWidth}, animSpeed, easeType); //previous
$('#slidebox .thumbs .selected_thumb').prev().removeClass('thumb').addClass('selected_thumb');
$('#slidebox .thumbs .selected_thumb').next().removeClass('selected_thumb').addClass('thumb');
}
} else {
var slide2=(slideTo-1)*sliderWidth;
if(leftPosition!=-slide2){
clearInterval(autoPlayTimer);
$('#slidebox .container').animate({left: -slide2}, animSpeed, easeType); //go to number
$('#slidebox .thumbs .selected_thumb').removeClass('selected_thumb').addClass('thumb');
var selThumb=$('#slidebox .thumbs a').eq((slideTo-1));
selThumb.removeClass('thumb').addClass('selected_thumb');
}
}
}
}
</script>
Hi all, This is my first post, Self Learned new programmer here :o) Here's what I am having problem with: 1) OnMouseOver is working well on Chrome, but does not do anything on IE. What am I doing wrong? 2) I want to put sound on OnMouseOver. I tried using different examples, but no luck. Can you help me with the code? Here's the full code just in case: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">td img {display: block;}</style>
<!--Fireworks CS5 Dreamweaver CS5 target. Created Fri Nov 19 23:13:18 GMT-0500 (Eastern Standard Time) 2010-->
<script language="JavaScript">
<!-- Hide from old browsers
if (navigator.appVersion.indexOf("2.") != -1){
check = false;
}
if ((navigator.appVersion.indexOf("3.") != -1) && (navigator.appName.indexOf("Explorer") != -1)){
check = false;
}
else {
check = true;
}
image1= new Image();
image1.src = "img/index_r8_c4.gif";
image1on = new Image();
image1on.src = "img/index_r8_c4_RED.gif";
image2= new Image();
image2.src = "img/index_r4_c14.gif";
image2on = new Image();
image2on.src = "img/index_r4_c14_RED.gif";
function imageon(name) {
document[name].src = eval(name + "on.src");
}
function imageoff(name) {
document[name].src = eval(name + ".src");
}
function on(name) {
if (check == true){
imageon(name);
}
}
function off(name) {
if (check == true){
imageoff(name);
}
}
// -->
</script>
</head>
<body background="img/background.jpg">
<table border="0" cellpadding="0" cellspacing="0" width="1025" align="center">
<!-- fwtable fwsrc="main v1.png" fwpage="Page 1" fwbase="index.gif" fwstyle="Dreamweaver" fwdocid = "154491994" fwnested="0" -->
<tr>
<td><a href="OurPastWork.htm" onmouseover="on('image1');" onmouseout="off('image1')">
<img name="image1" src="img/index_r8_c4.gif" width="279" height="45" border="0" id="index_r8_c4" alt="" /></a></td>
<td><a href="OurExperience.htm" onmouseover="on('image2');" onmouseout="off('image2')">
<img name="image2" src="img/index_r4_c14.gif" width="186" height="50" border="0" id="index_r4_c14" alt="" /></a></td>
</tr>
</table>
</body>
</html>
Thanks in advance if f returns true then href gets 'executed', else not. Works in FF, GC. In IE 7 does not work. How to get this working in IE ? Code: <a onclick="return f();" href="../jsp/..."> Code: function f()
{
return true;
}
|
|||||||