JavaScript - Dreamweaver Behavior Help

Sorry if this is the wrong forum for this question. I get confused about what forum to post a question in with regards to DHTML technologies since they are all frequently used together. Anyhoo, heres my question.

I've recently discovered an interesting behavior. When I mouse over a nested element it triggers the 'onmouseout' event handler of the parent element. Take the following code snippet, for instance:

Code:

 <table>
    <tr>
        <td onmouseout="window.alert('you moused out of td');">
            <img src="image0.gif" style="height:50px; width:50px;" />
        </td>
    </tr>
</table>

In the code snippet above, the 'onmouseout' event handler executes when you mouse over the image nested inside the <td> element.
I wouldn't have thought this would be the appropriate behavior since from my perspective the mouse is still inside the <td> element. Can someone make comments on this. Thank You.

Edit: I've discovered that mousing over a nested element causes both an 'onmouseout' and an 'onmouseover' event for the parent element. They are called back to back. Seems a little bit of an odd sequence of events but maybe it makes sense in the grand scheme of things. Yeah, right.

Hi!

I couldn't find any information about this topic in the internet and I really wonder, how come people do not discuss it anywhere?

Okay, jQuery works really great and offers many interesting effects, but what if you have JavaScript disabled? I mean I've browsed through several websites powered by jQuery with JS disabled and they doesn't work or behave weird. I know there aren't much people, who disable JS, but well I do want my page to be seen by all people in the end.

I managed to do it with slider on my page (however I want to use other jQuery effects), but, for example, http://www.flowplaye...ools/index.html doesn't provide any information about this. Try to disable JS and see that nothing works.

I can use <noscript></noscript> tag, but I have to make two main pages. And what if I want to view it on one page? What would you do?

Regards,
Aleks.

I am attempting to implement a Close icon which responds to mouseover, mouseup, mousedown, and mouseout. The problem is that the first DIV I display, using this code, works as intended, i.e. all the button states work. I can close and reopen the same DIV and everything is still fine. If I open a second DIV, which uses the reuse code below, the button states do not appear, although the DIV will close properly. If I step through the debugger all of the state images load properly but do not appear. Once I have tried to use the button in the second DIV, all of the DIV's fail to display the button states but close properly. Additionally all of the pages where this is used are generated using XMLHttpRequest(). The DIV's using this are generated when the site loads and then shown and hidden as needed with their contents being generated via XMLHttpRequest(). Anyone have any ideas?

The intent is to reuse the following in a number of DIV's:
Code:

rtn =  "<div id='closepanel' class='closepanel'><img src='images/closebutup.png' name='closebut' width='20px' height='20px' border='0px' onmouseover=\"swapbuttonstate('closebut','over')\" onmouseout=\"swapbuttonstate('closebut','out')\" onmousedown=\"swapbuttonstate('closebut','down')\" onmouseup=\"closePanel('"+this.msDivid+"')\" ></div>";

On startup I preload the images using :
Code:

if (document.images) {
	closebutup= new Image();
	closebutup.src="images/closebutup.png";
	closebutover= new Image();
	closebutover.src="images/closebutover.png";
	closebutdown=new Image();
	closebutdown.src="images/closebutdown.png";
}

The swapbuttonstate function is defined as:
Code:

function swapbuttonstate(buttonname, state) {
	switch(state) {
		case "over":
			if (document.images) {
				butover=eval(buttonname + "over.src");
					document[buttonname].src= butover;
			}
			break;
		case "out":
		case "up":
			if (document.images) {
				butup=eval(buttonname + "up.src");
					document[buttonname].src= butup;
			}
			break;
		case "down":
			if (document.images) {
				butdown=eval(buttonname + "down.src");
					document[buttonname].src= butdown;
			}
			break;
		}
}

and closePanel is defined as:
Code:

function closePanel(divid) {
	document.getElementById(divid).style.display='none';
}

Any help would be greatly appreciated.

The code below is supposed to cancel the default form behavior when it finds certain info missing. Currently, however, in spite of detecting missing info it allows the form submission to continue. Anyone see what wrong? Thanks.

Code:

var DOM = YAHOO.util.Dom;
YAHOO.util.Event.onDOMReady(init);
 
function init() {
	YAHOO.util.Event.addListener("contact_form", "submit", checkForm);
}
 
function checkForm() {
	var fName = DOM.get('f_name');
	var lName = DOM.get('l_name');
	
	if (fName.value == "") {
		DOM.get('f_name_error').innerHTML = "This field is required!";
		fName.focus();
		 return false;  
	}

have a look at this website.

www.projectorhire.ie

in the contactDetails div the number appears for a split second and then disappears.. it only happens in firefox..

Can anyone tell me what the prob could be?

hi i am using an image scroller and i have it on three pages, the pages use the same header, the same css and the same basic structure.

such as

table
content
footer

the problem is that the scroller works fine on two of the pages but does not work at all on the one page.

here is what i am getting on that page


Code:

Message: 'ElementExtensions' is null or not an object
Line: 1898
Char: 3
Code: 0
URI: http://www.mysite.com/lightbox_slideshow/prototype.js


Message: Object doesn't support this property or method
Line: 705
Char: 41
Code: 0
URI: http://www.mysite.com/lightbox_slideshow/lightbox.js


Message: Array length must be assigned a finite positive number
Line: 464
Char: 5
Code: 0
URI: http://www.mysite.com/lightbox/js/prototype.js

the only common denominator i can see is that the page it does NOT work on is in fact a photo manager page, the other two (that DO work dont deal with photos)

i checked the array and the js vars and stuff are different from my photo manager vars (php) so i was thinking maybe there might be a clash of some kind accessing the queries at the same time when the page loads but i dont get any errors other than these.

by the way the scroller is black not grey like the others for background.

does it sound like from the errors that i am getting that it might be a db query clash of somekind or do you know anything about those errors above that might give me a clue whats going on.

thanks

Hi,

I used the code on the following example:
http://www.w3schools.com/php/php_ajax_livesearch.asp

Instead of xml I use mysql but it works the same way.


My problem is with this character '#' (shift 3 - on my keyboard, or otherwise known as 'sharp').

Some of the words in my database table contain this character but when I type it, it acts like nothing was typed.


Any idea on what to do to make this work like any other character?

Thanks

Hi guys! I'm having trouble deciphering the javascript on my webpage

www.laurahenderson.org is my website, and I'd like the nav bar to be closed when the site loads.

Here is the code:

Code:

jQuery.noConflict(); jQuery(document).ready(function(){

	//VAR SETUP
	var rightBg = jQuery('#rightBg'),
		boxStuff = jQuery('.boxStuff'),
		bgControls = jQuery("#bgControls"),
		nextImg = jQuery('#nextImg'),
		prevImg = jQuery('#prevImg'),
		blogNav = jQuery('#blogNav'),
		navBox = jQuery("#navBox"),
		navBoxa = jQuery("#navBox a"),
		navHeight = navBox.height(),
		firstImg = jQuery('.wrapperli:first-child'),
		lastImg = jQuery('.wrapperli:last-child'),
		//iPad,iPhone,iPod...
		deviceAgent = navigator.userAgent.toLowerCase(),
		iPhone = deviceAgent.match(/(iphone|ipod)/);
	
	//CLOSE FUNCTION
	function closeSesame(){
		jQuery('.activeBox').fadeOut(600,function(){
			navBox.animate({right:"0%",marginRight:"20px"},800).removeClass('openNav');
			jQuery(".activeNav").removeClass('activeNav');
			rightBg.animate({width:"0%"},800);//HIDE RIGHT BG
			bgControls.fadeIn(600);
		}).removeClass('activeBox');
	}
	
	//OPEN FUNCTION
	function openSesame(){
		navBox.addClass("openNav").animate({right:"50%",marginRight:"2px"},800);//ADD OPEN NAV
		rightBg.animate({width:"50%"},800,function(){//SHOW RIGHT BG
			jQuery('.activeBox').fadeIn(600);//ADD ACTIVE BOX & FADE IN
			navBox.fadeIn(600);
		});
		bgControls.fadeOut(300);
	}
	
	//OPACITY STUFF
	rightBg.css({opacity:".85"});
	
	//REMOVE TITLE ATTRIBUTE
	jQuery("#dropmenu a").removeAttr("title");

	//MENU
	jQuery("#dropmenu ul").css("display", "none"); // Opera Fix
	jQuery("#dropmenu li").hover(function(){
		jQuery(this).find('ul:first').show();
	},function(){
		jQuery(this).find('ul:first').hide();
	});
	jQuery("#dropmenu ul li ul").parent().children("a").prepend("<span style='float:right;'>&rsaquo;</span>");
		
	//PRETTY PHOTO
	jQuery("a[href$='jpg'],a[href$='png'],a[href$='gif']").not(".wrapperli a").attr({rel: "prettyPhoto"});
	jQuery(".gallery-icon > a[href$='jpg'],.gallery-icon > a[href$='png'],.gallery-icon > a[href$='gif']").attr({rel: "prettyPhoto[pp_gal]"});
	jQuery("a[rel^='prettyPhoto']").prettyPhoto({
		animation_speed: 'normal', // fast/slow/normal 
		opacity: 0.35, // Value betwee 0 and 1 
		show_title: false, // true/false 
		allow_resize: true, // true/false 
		overlay_gallery: false,
		counter_separator_label: ' of ', // The separator for the gallery counter 1 "of" 2 
		//theme: 'light_rounded', // light_rounded / dark_rounded / light_square / dark_square 
		hideflash: true, // Hides all the flash object on a page, set to TRUE if flash appears over prettyPhoto 
		modal: false // If set to true, only the close button will close the window 
	});	
		
	//WINDOW LOAD
	jQuery(window).load(function(){
		//REMOVE WIDTH AND HEIGHT ATTRIBUTES FROM IMAGES
		jQuery('.attachment-full, .attachment-post-thumbnail, .attachment-gallery').removeAttr('height').removeAttr('width');
		
		//LOAD MESH BG
		jQuery('#mesh').fadeIn(600);
		
		jQuery('#loading').fadeOut(600);
		
		//IF GALLERY PAGE
		if(jQuery('body').hasClass('page-template-page_gallery-php')){
			navBox.fadeIn(600);
			bgControls.fadeIn(600);
			jQuery(".wrapperli:first-child a").click();
		//IF NOT GALLERY PAGE
		} else { 
			openSesame();			
		}
	});
	
	//FADE CRUMBS IN/OUT ON SCROLL
	jQuery('#pageContent').scroll(function(){
		if(jQuery('#pageContent').scrollTop()>150){
			blogNav.fadeOut(300);
		} else {	
			blogNav.fadeIn(300);
		}
	});	

	//NAV BOX STUFF
	navBox.css({marginTop:"-"+navHeight/2+"px"});
	boxStuff.css({marginTop:"-"+navHeight/2+"px"});

	//NAV BUTTON CLICK
	navBoxa.click(function(){
		
		//VAR SETUP
		var thisBox = jQuery(this).attr('href');
			
		//IF ACTIVE LINK, CLOSE STUFF
		if(jQuery(this).hasClass('activeNav')){
			closeSesame();
			return false;
		
		//IF NOT ACTIVE LINK
		}else{
			
			//IF CONTENT OPEN
			if(navBox.hasClass("openNav")){
				navBoxa.removeClass('activeNav');//REMOVE CURRENT ACTIVE NAV
				jQuery(this).addClass('activeNav');//ADD NEW ACTIVE NAV
				jQuery('.activeBox').removeClass('activeBox').fadeOut(300,function(){//REMOVE CURRENT ACTIVE BOX & FADE OUT
					jQuery(thisBox).addClass('activeBox').fadeIn(300);//ADD NEW ACTIVE BOX & FADE IN
				});
			
			//IF CONTENT NOT OPEN
			} else {
				jQuery(this).addClass('activeNav');//ADD ACTIVE NAV
				jQuery(thisBox).addClass('activeBox');
				openSesame();
			}
		}
	});
	
	//CLICKING GALLERY IMG
	jQuery(".wrapperli a").click(function(){
		
	if(iPhone){
		return false;	
	}else{
		//GET HREF
		var galleryHref = jQuery(this).attr('href'),
			galleryTitle = jQuery(this).attr('title'),
			imageInfo = jQuery('#imgInfo'),
			itemNumber = jQuery(this).parent().index() + 1;
			numberItems = jQuery('.wrapperli').length;
				
		//CHANGE TITLE INFO	
		if(galleryTitle){
			imageInfo.hide().html(galleryTitle + "&nbsp / &nbsp"+ itemNumber + " of " + numberItems).fadeIn(150);
		} else {
			imageInfo.hide();
		}
		
		//CHANGE CLASSES
		jQuery(".wrapperli").not(this).removeClass('activeImg');
		jQuery(this).parent().addClass('activeImg');
		
		//IF MENU OPEN, CLOSE IT
		if(navBox.hasClass("openNav")){ closeSesame(); }
		
		//CHANGE BACKGROUND
		jQuery.backstretch(galleryHref, {speed: 300});

		return false;
	}
	});
	
	//NEXT CONTROLS
	nextImg.click(function(){
		var activeImg = jQuery('.activeImg');
		if(activeImg.length > 0){
			if(activeImg.next().length > 0){
				activeImg.removeClass('activeImg').next().addClass('activeImg').children().click();
			} else {
				activeImg.removeClass('activeImg');
				firstImg.addClass('activeImg').children().click();
			}
		} else {
			firstImg.addClass('activeImg').children().click();
		}
		return false;
	});
	
	//PREV CONTROLS
	prevImg.click(function(){
		var activeImg = jQuery('.activeImg');
		if(activeImg.length > 0){
			if(activeImg.prev().length > 0){
				activeImg.removeClass('activeImg').prev().addClass('activeImg').children().click();
			} else {
				activeImg.removeClass('activeImg');
				lastImg.addClass('activeImg').children().click();
			}
		} else {
			firstImg.addClass('activeImg').children().click();
		}
		return false;
	});
	
	// Keyboard shortcuts
    jQuery(document).keydown(function(e) {
    	var unicode = e.charCode ? e.charCode : e.keyCode;    	
        if (unicode == 39) { nextImg.click();} // right arrow
        else if (unicode == 37) {prevImg.click();} // left arrow
    });
    
});

and I changed the open sesame to closed sesame here in the code

Code:

//IF CONTENT NOT OPEN
			} else {
				jQuery(this).addClass('activeNav');//ADD ACTIVE NAV
				jQuery(thisBox).addClass('activeBox');
				openSesame();
			}
		}
	});

but now when the page loads the navbar wont show up at all. Any help/insight would be much appreciated!

I'm trying to create a demo to display a new way of showing our data. I thought I remembered this being pretty simple but I'm hitting a snag. The table, the mouse over, and the check row by clicking on the row all work separately but when the check row by clicking function is on, seen in the first row, the checkbox stops working. Any insight into why this may be true? Any help is greatly appreciated

Code:

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head>
<script type="text/javascript"> 
function selectRow(row) {
  var firstInput = row.getElementsByTagName('input')[0];
  firstInput.checked = !firstInput.checked; 
} 
</script>
</head> 
<body> 
<table id="tbl" border="2"> 
<thead> 
<tr> 
<td></td> 
<td>First Row</td> 
<td>Second Row</td> 
<td>Third Row</td> 
</tr> 
</thead> 
<tbody> 
 <tr onclick="selectRow(this)" onmouseover="this.style.cursor='hand'"> 
<td> 
<input type="checkbox" class = "chcktbl"/> 
</td> 
<td>1</td> 
<td>1</td> 
<td>1</td>  
</tr> 
 <tr onmouseover="this.style.cursor='hand'"> 
<td> 
<input type="checkbox" class = "chcktbl"/> 
</td> 
<td>2</td> 
<td>2</td> 
<td>2</td> 
</tr> 
 <tr onmouseover="this.style.cursor='hand'"> 
<td> 
<input type="checkbox" class = "chcktbl"/> 
</td> 
<td>3</td> 
<td>3</td> 
<td>3</td> 
</tr> 
 <tr onmouseover="this.style.cursor='hand'"> 
<td> 
<input type="checkbox" class = "chcktbl"/> 
</td> 
<td>4</td> 
<td>4</td> 
<td>4</td> 
</tr> 
 <tr onmouseover="this.style.cursor='hand'"> 
<td> 
<input type="checkbox" class = "chcktbl"/> 
</td> 
<td>5</td> 
<td>5</td> 
<td>5</td> 
</tr> 
 <tr onmouseover="this.style.cursor='hand'"> 
<td> 
<input type="checkbox" class = "chcktbl"/> 
</td> 
<td>6</td> 
<td>6</td> 
<td>6</td> 
</tr> 
 <tr onmouseover="this.style.cursor='hand'"> 
<td> 
<input type="checkbox" class = "chcktbl"/> 
</td> 
<td>7</td> 
<td>7</td> 
<td>7</td> 
</tr> 
 <tr onmouseover="this.style.cursor='hand'"> 
<td> 
<input type="checkbox" class = "chcktbl"/> 
</td> 
<td>8</td> 
<td>8</td> 
<td>8</td> 
</tr> 
 <tr onmouseover="this.style.cursor='hand'"> 
<td> 
<input type="checkbox" class = "chcktbl"/> 
</td> 
<td>9</td> 
<td>9</td> 
<td>9</td> 
</tr> 
 <tr onmouseover="this.style.cursor='hand'"> 
<td> 
<input type="checkbox" class = "chcktbl"/> 
</td> 
<td>10</td> 
<td>10</td> 
<td>10</td> 
</tr> 
</tbody> 
</table> 
</body> 
</html>

So I've started learning Javascript some days ago.
Reading 'JavaScript Bible' Seventh Edition.

One of the things the book repeatedly says is:
use:
Code:

if(!document.getElementById()) return;

(and others like:
Code:

if(!document.createTextNode()) return;

)
to filter out all the browser who are in fact not supporting DOM.

As I'm using Safari (and Firefox for testing purpose) the 'document.getElementById()' and therefo DOM is supported.

Now, my browsers (both Safari and Firefox) get returned out of the javascript anyway.

as simple as:
Code:

if(!document.getElementById()) return;
document.write("testIt!");

the document.write doesn't get executed.

Now: I found a simple solutions which seems to work.... partially:
Code:

if(document.getElementById() == "undefined") return;
document.write("testIt!");

This seems to work for Safari, but Firefox still gets returned out of the javascript.

I could just omit the if statements to make it work altogether.
But that doesn't sound like the best method to me, because (so I've read)
it can crash browsers and such.

Now my question: Why are my browsers (or javascript for all I care) acting so strange?
Is there a way to make the if(!document.getElementById()) work?
or is it just a silly rule the writers of the JavaScript Bible made up?

Thanks in advance for any help :)

Hello All,

Below is my code, I am needing to get to where the label name will match the behavior that my field currently does. If nothing is entered the field is changed to a red background. If it is focused it goes back to white. I am needing the font color of the label to match color of the field and match the same behavior.

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>Lab06 - Form Validation</title>
<script type="text/javascript" charset="utf-8">



	function passcheck(){
		var pw1 = document.forms[ 0 ].password.value;
		var pw2 = document.forms[ 0 ].passcomf.value;
		
		if ( pw1 != pw2 ) {
			alert ("You did not enter the same new password twice. Please re-enter your password.");
			return false;
		}else{
			return true;
		}
	}


	function validate( ) {
		var errors = new Array( );
		
		for( var i = 0; i < document.forms[ 0 ].elements.length ; i++ ){
			
			if( document.forms[ 0 ].elements[ i ].type == "text" ) {
				if( document.forms[ 0 ].elements[ i ].value == "" ){
					errors.push( "The " + document.forms[ 0 ].elements[ i ].name + " field cannot be blank.\n");
					
					document.forms[ 0 ].elements[ i ].className = "in_error";
					
					
					
				}
				
			
			}
		
			if( document.forms[ 0 ].elements[ i ].type == "select-one") {
				if(document.forms[ 0 ].elements[ i ].selectedIndex == 0 ) {
					errors.push( "The " + document.forms[ 0 ].elements[ i ].name + ' was not "Yes, I agree!", you must agree to the "User Agreement."\n');
						
					document.forms[ 0 ].elements[ i ].className = "in_error";
				}
		 }
		 
		 	if( document.forms[ 0 ].elements[ i ].type == "select-one") {
				if(document.forms[ 0 ].elements[ i ].selectedIndex == 2 ) {
					errors.push( "The " + document.forms[ 0 ].elements[ i ].name + ' was not "Yes, I agree!", you must agree to the "User Agreement."\n');
						
					document.forms[ 0 ].elements[ i ].className = "in_error";
				}
		 }
		 

			




	}
		if( errors.length == 0 ) {
			return true;
		} else {
			clear_errors( );
			show_errors( errors );
			
			return false;
		}
		

	}
	

	
	function clear_errors( ){
		var div = document.getElementById( "errors" );
		while( div.hasChildNodes( ) ){
			div.removeChild( div.firstChild );
		}
	}
	
	function show_errors ( errors ) {
		var div = document.getElementById( "errors" );
		for( var i = 0; i < errors.length; i++ ){
			var error = document.createTextNode( errors[ i ] );
			var p = document.createElement( "p" );
			p.appendChild( error );
			div.appendChild( p );
		}
	}
	

	window.onload = function( ) {
		document.forms[ 0 ].onsubmit = validate;
		
	}



</script>


<style type="text/css" media="screen">
	#errors {
		color: #F00;
	}
	.in_error {
		background-color: #F00;
	}
	input:focus {
		background-color: #FFF;
	}
	select:focus {
		background-color: #FFF;
	}
</style>

</head>

<body>

	<h1>Form Validation</h1>
    
    <div id="errors"></div>
    
    <form action="" method="post" onsubmit="return passcheck()">
    	 <p>
        	<label for="firstname" id="labelfirstname">First name:</label>
            <input type="text" name="First name" value="" id="firstname" />
        </p>
         <p>
        	<label for="lastname" id="labellastname">Last name:</label>
            <input type="text" name="Last name" value="" id="lastname"/>
        </p>
         <p>
        	<label for="middlei" id="labelmiddlei">Middle initial:</label>
            <input type="text" name="Middle initial" value="" id="middlei"/>
        </p>
         <p>
        	<label for="address" id="labeladdress">Street address:</label>
            <input type="text" name="Street address" value="" id="address"/>
        </p>
         <p>
        	<label for="city" id="labelcity">City:</label>
            <input type="text" name="City" value="" id="city"/>
        </p>
         <p>
        	<label for="State" id="labelstate">State:</label>
            <input type="text" name="State" value="" id="state"/>
        </p>
         <p>
        	<label for="zipcode" id="idzipcode">Zipcode:</label>
            <input type="text" name="Zipcode" value="" id="zipcode"/>
        </p>
         <p>
        	<label for="username" id="labelusername">Username:</label>
            <input type="text" name="Username" value="" id="username"/>
        </p>
         <p>
        	<label for="password" id="labelpassword">Password:</label>
            <input type="text" name="Password" value="" id="password"/>
        </p>
         <p>
        	<label for="passcomf" id="labelpasscomf">Password comfirmation:</label>
            <input type="text" name="Password comfirmation" value="" id="passcomf"/>
        </p>
         <p>
        	<label for="agreement" id="labelagreement">User Agreement</label>
            <select name="User Agreement" id="agreement">
            	<option></option>
                <option>Yes, I agree!</option>
                <option>No, I do not agree!</option>
                </select>
        </p>
		<p><input type="submit" value="Register &rarr;" onclick="return passcheck(); return true;"/></p>
        </form>
</body>
</html>

is it possible to open all file of a folder with multiple folders inside in turn opening all files. basically i have some sites i need to fully edit but i rather work with every file from the website open i need to open every file in a folder of files in other folder help i cant go one by one it would take forever.

Hi,

I'm using javascript in addition to a web service (BTBuckets) to display different content to visitors based on actions they take on my site. The javascript is working fine, but I noticed that if I simulate BTBuckets being disabled using Firefox Adblock none of the content shows up. So in the off chance of the service going offline it'll leave some pretty funky holes in the my content. I tried <noscript> tags which works with javascript off, but the content is still blank when I disable BTBuckets.

I'm wondering if there's a way to display the default content if the service is unavailable? Here's the code I'm using:

In the head:

Code:

<script type="text/javascript">
//<![CDATA[[
$BTB={s:XXXXX};
$BTB.jsh="http://static.btbuckets.com/bt.js";
//]]>
</script>
<script type="text/javascript">
document.write(unescape("%3Cscript src='" + $BTB.jsh.replace(/(https?:)/i,document.location.protocol) + "' type='text/javascript'%3E%3C/script%3E"));
</script>

The code in the body used to replace an image depending on visitor behavior:

Code:

<script type="text/javascript">
var _t = "";
if ($BTB.clusters["ppc_visitors"]) {
_t = "\"images/top-photo-tracking-number.jpg\" alt=\"Call Toll-Free: 1-800-XXX-XXXX\">";
} else {
_t = "\"images/top-photo.jpg\" alt=\"Call Toll-Free: 1-800-XXX-XXXX\">";
}
document.write('<img src= ' + _t );
</script>
<noscript><img src="images/top-photo.jpg" alt="Call
 Toll-Free: 1-800-XXX-XXXX"></noscript>

I've got the following problem. In IE if a contenteditable element is nested inside a hyperlink, clicking on the element prevents the hyperlink default behavior, i.e. navigation to another document. In FF it works fine. How can I solve the problem? Just removing the contentEditable attribute is not a solution since I want this behavior (navigation to another document) only when user clicks the content-editable element with pressed Ctrl key.

Thanks.

Dreamweaver is giving me a syntax error, but i dont understand what is wrong.
i copied the line from the source code of the demo file included in the download and it it still telling me there is a syntax error.

obviously something is wrong bc my slider isnt auto-sliding.





so then i tried copying and pasting from the source code of the web page i got the slider from (http://www.ndoherty.biz/demos/coda-slider/2.0/)

Dreamweaver then moved the syntax error warning to the line that only contains my closing script tag




what am i doing wrong?
why am i getting syntax errors?
how can i make this thing autoslide?

full code available at: http://mydomainsample.com/fire_rebuild