Learn VBA & Macros in 1 Week!

JavaScript - How Do I Prevent Active X Controls Message On Ie

Full Excel VBA Course - Beginner to Expert

How Do I Prevent Active X Controls Message On Ie	View Content

Hello,

Is there any way I can prevent IE from displaying the "active X controls and script prevention message" when I load my web page into the browser. Firefox, Safari and Chrome, allow my scripts to run without displaying the message when the page is loaded into the respective browsers.
Any tips would be really useful.
Many thanks
Nonye

Full Excel VBA Course - Beginner to Expert

Audio With Controls

Similar Tutorials

View Content

Heya peeps
So I'm in the process of building a website where audio can be purchased and downloaded.
I want each file to allow a preview, but would rather the preview occur on the same page, rather than load up a blank page with a quicktime plugin splodged in the middle.
Is there a way of doing it?
All I want is a basic play/pause/stop button. To control a piece of sound.
Thanks

Slide Show Controls

Similar Tutorials

View Content

Hello,
I have a slide some on my page which contains some images. It scrolls through images fine but i would like to add some control buttons such as pause/play and scroll back
Can anyone tell me how i could do this?
i have inc my code
cheers

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script type="text/javascript">
var image1=new Image()
image1.src="image1.jpg"
var image2=new Image()
image2.src="toy2.jpg"
var image3=new Image()
image3.src="toy3.jpg"
var image4=new Image()
image4.src="toy4.jpg"
var image5=new Image()
image5.src="toy5.jpg"
</script>
</head>
<style>
body {
background-image:url('logo2008.jpg');
}

.boxed {
position:absolute;
	left:25%;
  border: 2px black;
  border-style: plain;
  width: 700px;
  height: 800px;
}


.boxed1 {
position:absolute;
	left:25%;
  border: 1px blue;
  border-style: dotted;
  width: 700px;
  height: 350px;
  text-align:center;
  float: left; 
  padding:2px;
  background-color: white;
}
.image {
border: 1px blue solid;
width: 200px;
height:100px;
}
.image1 {
border: 1px blue solid;
width: 200px;
height:100px;
float:left;
}
.image2 {
border: 1px blue solid;
width: 200px;
height:100px;
float:right;
}
.image3 {
border: 1px blue solid;
width: 200px;
height:100px;
}

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 3px;
left: -1000px;
border: 0px;
visibility: hidden;
color: blue;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 1px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 400px;
left: 500px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

</style>
<body>
<a href="javascript:slidelink()">
<div class="boxed1">
<img src="image1.jpg" name="slide" border="0"width="35%" height="100%" />
</div>
</a>
<div class="image">
<a class="thumbnail" href="#thumb"><img src="360s.jpg" width="198px" height="98px" border="0" /><span><img src="360s.jpg" /><br />Xbox 360 Slim</span></a>
</div>

<div class="image">
<a class="thumbnail" href="#thumb"><img src="ps3.jpg" width="198px" height="98px" border="0" /><span><img src="ps3.jpg" /><br />Play station 3.</span></a>
</div>

<div class="image">
<a class="thumbnail" href="#thumb"><img src="wii.jpg" width="198px" height="98px" border="0" /><span><img src="wii.jpg" /><br />Nintendo Wii</span></a>
</div>
<br>
<br>
</br>

<div class="image">
<a class="thumbnail" href="#thumb"><img src="tv1.jpg" width="198px" height="98px" border="0" /><span><img src="tv1.jpg" /><br />Sony Bravia KDL-40W2000</span></a>
</div>

<div class="image">
<a class="thumbnail" href="#thumb"><img src="tv2.jpg" width="198px" height="98px" border="0" /><span><img src="tv2.jpg" /><br />Toshiba Regza AV61 (32AV615DB)</span></a>
</div>

<div class="image">
<a class="thumbnail" href="#thumb"><img src="tv3.jpg" width="198px" height="98px" border="0" /><span><img src="tv3.jpg" /><br />Samsung B550 (LE40B550)</span></a>
</div>
<br>
<br>
</br>

<div class="image1">
<a class="thumbnail" href="#thumb"><img src="ttg.jpg" width="198px" height="98px" border="0" /><span><img src="ttg.jpg" /><br />Tom Tom GO</span></a>
</div>

<div class="image1">
<a class="thumbnail" href="#thumb"><img src="sat2.jpg" width="198px" height="98px" border="0" /><span><img src="sat2.jpg" /><br />Garmin nuvi 3790T</span></a>
</div>

<div class="image1">
<a class="thumbnail" href="#thumb"><img src="sat3.jpg" width="198px" height="98px" border="0" /><span><img src="sat3.jpg" /><br />Navigon 8450 Live</span></a>
</div>
<br>
<br>
</br>

<div class="image2">
<a class="thumbnail" href="#thumb"><img src="iphone.jpg" width="198px" height="98px" border="0" /><span><img src="iphone.jpg" /><br />iPhone 4</span></a>
</div>

<div class="image2">
<a class="thumbnail" href="#thumb"><img src="bbt.jpg" width="198px" height="98px" border="0" /><span><img src="bbt.jpg" /><br />Blackberry torch</span></a>
</div>

<div class="image2">
<a class="thumbnail" href="#thumb"><img src="gphone.jpg" width="198px" height="98px" border="0" /><span><img src="gphone.jpg" /><br />google HTC phone</span></a>
</div>
<br>
<br>
</br>

<div class="image3">
<a class="thumbnail" href="#thumb"><img src="cod.jpg" width="198px" height="98px" border="0" /><span><img src="cod.jpg" /><br />Call of duty: Black ops</span></a>
</div>

<div class="image3">
<a class="thumbnail" href="#thumb"><img src="fifa.jpg" width="198px" height="98px" border="0" /><span><img src="fifa.jpg" /><br />Fifa 2011</span></a>
</div>

<div class="image3">
<a class="thumbnail" href="#thumb"><img src="f1.jpg" width="198px" height="98px" border="0" /><span><img src="f1.jpg" /><br />Formula 1 2010</span></a>
</div>
<br>
<br>
</br>

<script type="text/javascript">


<!--
var step=1
var whichimage=1
function slideit(){
if (!document.images)
return
document.images.slide.src=eval("image"+step+".src")
whichimage=step
if (step<5)
step++
else
step=1
setTimeout("slideit()",4000)
}
slideit()
function slidelink(){
if (whichimage==1)
window.location="image1.jpg"
else if (whichimage==2)
window.location="toy2.jpg"
else if (whichimage==3)
window.location="toy3.jpg"
else if (whichimage==4)
window.location="toy4.jpg"
else if (whichimage==5)
window.location="toy5.jpg"
}
//-->
</script>
</body>
</html>

Dynamic Form Controls

Similar Tutorials

View Content

Hi guys,

I am able to create some of the dynamic controls but having trouble to order them in one column..

i have this view :

field1 field2 field3

what i want is :

field1
field2
field3

below is my code :

function AddLevel2()

{

//var mainContainer2 = document.getElementById('mainContainer2');
var newDiv = document.createElement('div')
newDiv.style.width = "560px";
newDiv.style.backgroundColor= projbgGr;
newDiv.style.position = "relative";
newDiv.style.left = "245px";

var BUDDL = document.createElement('select');

// size lenght of the DDL for both IE or Firefox
BUDDL.setAttribute("style","width:100px");

//firefox
BUDDL.setAttribute("width","100px");
BUDDL.style.width = "100px";
BUDDL.id = 'BU' + b ;
BUDDL.setAttribute('name','BU' + b);

BUDDL.style.position = "relative";
BUDDL.style.left = "5px";

BUDDL.onchange=show;

// filling the DDL by ITEM array Elements
var i=0;
for (i=0;i<=4;i++)
{
objOption = document.createElement('option')
objOption.text = "BU" + i;
//objOption.value=ITEM1[i];
BUDDL.options.add(objOption);
}

var j =1;
var bgc = "##C8BBD0" //mauve light ; //"##D4F1B9" green light; //"##b2d47e";

//add Description Unit
Description = document.createElement( 'INPUT' );
Description.id = 'D' + b ;
Description.setAttribute('name','D' + b);
Description.size=2;
// size lenght of the Comment for both IE or Firefox
Description.setAttribute("style","width:300px");
//firefox
Description.setAttribute("width","300px");
Description.style.width = "300px";
Description.onblur = show;
//Description.style.backgroundColor= bgc;

//end Description
//number of testers

NumberTesters = document.createElement( 'INPUT' );
NumberTesters.id = 'T' + b;
NumberTesters.setAttribute('name','T' + b );
NumberTesters.size=2;
// size lenght of the Comment for both IE or Firefox
NumberTesters.setAttribute("style","width:40px");
//firefox
NumberTesters.setAttribute("width","40px");
NumberTesters.style.width = "40px";
NumberTesters.onblur=show;
//NumberTesters.style.backgroundColor= bgc;

//number of testers

// Create buttons for creating and removing inputs
var newAddButton = document.createElement('input');
newAddButton.type = "button";
newAddButton.value = " + ";

var newDelButton = document.createElement('input');
newDelButton.type = "button";
newDelButton.value = " - ";
newDelButton.style.position = "relative";
newDelButton.style.left = "7px";

// Append new text input to the newDiv

newDiv.appendChild(BUDDL);
newDiv.appendChild(Description);
newDiv.appendChild(NumberTesters);
newDiv.appendChild(newDelButton);

//newDiv.appendChild(newAddButton2);

//Append newDiv input to the mainContainer div
mainContainer.appendChild(newDiv);

//Add a handler to button for deleting the newDiv from the mainContainer
newAddButton.onclick = AddLevel22;
//newAddButton.onclick = AddNewRecord;

//newAddButton2.onclick = AddLevel3;

newDelButton.onclick = function()
{
var answer = confirm ("You have to delete all UATs under this BU first\n \tIs this done ?\t")
if (answer)
{alert ("Now you can delete it");
mainContainer.removeChild(newDiv);}
else
alert ("Then please check all UATs under this BU first and delete them");

}

b++;
document.form1.NumberOfBU.value = parseInt(b-1);

//alert(document.form1.NumberOfBU.value);
//AddLevel3;

for (UATCounter = 1 ; UATCounter<=limit; UATCounter++)

{

//var newDiv = document.createElement('div')
//
// newDiv.style.width = "250px";
// newDiv.style.backgroundColor= projbgVi;
// newDiv.style.position = "relative";
// newDiv.style.left = "350px";

var bgc = "##C8BBD0" //mauve light ; //"##D4F1B9" green light; //"##b2d47e";

newMDate = document.createElement( 'INPUT' );
newMDate.id = 'M'+ (b-1) + '_' + UATCounter ;
newMDate.setAttribute('name','M'+ (b-1) + '_' + UATCounter);
newMDate.setAttribute('type', 'Date');
newMDate.size=7;
newMDate.style.backgroundColor= bgc;
//newMDate.onfocus=Calend;
// function Calend ()
// {
// fnInitCalendar(this, this.getAttribute('id'), 'style=calendar.css,close=true');
// }

newMDate.onblur = show;

//Frontline Hours
FLHours = document.createElement( 'INPUT' );
FLHours.id = 'FL'+ (b-1) + '_' + UATCounter ;
FLHours.setAttribute('name', 'FL'+ (b-1) + '_' + UATCounter);
FLHours.size=2;
// size lenght of the Comment for both IE or Firefox
FLHours.setAttribute("style","width:40px");
//firefox
FLHours.setAttribute("width","40px");
FLHours.style.width = "40px";
//NumberTesters.style.backgroundColor= bgc;

//Frontline Hours
MGRHours = document.createElement( 'INPUT' );
MGRHours.id = 'MG'+ (b-1) + '_' + UATCounter ;
MGRHours.setAttribute('name', 'MG'+ (b-1) + '_' + UATCounter);
MGRHours.size=2;
// size lenght of the Comment for both IE or Firefox
MGRHours.setAttribute("style","width:40px");
//firefox
MGRHours.setAttribute("width","40px");
MGRHours.style.width = "40px";

//NumberTesters.style.backgroundColor= bgc;
//Frontlne Hours

//Create buttons for creating and removing inputs

var newAddButton = document.createElement('input');
newAddButton.type = "button";
newAddButton.value = " + ";

var newDelButton = document.createElement('input');
newDelButton.type = "button";
newDelButton.value = " - ";
newDelButton.style.position = "relative";
newDelButton.style.left = "7px";

//newDiv.appendChild(ProjDDL3);
newDiv.appendChild(newMDate);
newDiv.appendChild(FLHours);
newDiv.appendChild(MGRHours);

mainContainer.appendChild(newDiv);

}

}

Simple Controls Noobslide -- Help Me!!

Similar Tutorials

View Content

Hi,
excuse I'm not a js coder..I need to control the end of a gallery made with mootools and noobslide (http://www.efectorelativo.net/laboratory/noobSlide/).

I need the autoplay gallery to end in another way:

Solution 1(difficult): After the last image, the gallery starts again from the first image without that "backward" effect. I'd like the first image to be placed after the last one, so the gallery loops without let the user know that it is starting again

Solution 2 (easy, I suppose) : gallery stops at the last image

Please HELP ME!!
TY

User Text Input Controls?

Similar Tutorials

View Content

Hey everyone,

I've looked around quite a bit and can't seem to find anything but I was wondering if there is some open source software offering a text editor/input field similar to the one used on this forum when submitting a comment or thread?
Where you can click a bold button or Italic button or URL button to structure it?

Thanks

Josh

Controls Not Clickable After Using Position:absolute

Similar Tutorials

View Content

Hi,
Im having a weird issue...
I am using position absolute to stick a table header to the top of a div. In the screenshot, under the menu is a div, the buttons and drop downs are at the "top" and grid starts from half way down, now when user scrolls till header is out of view i show the header at the "top" with position absolute. then when user scrolls back down and onto original position the buttons and drop downs are now again at the top exactly at the position where the header was shown, once the header has been shown all the buttons and the drop down are no longer clickable, i.e. there is no reaction, no dropdown shown and no click... whats happening is that IE is thinking that that area at the top where the header was is now invalid, or still occupied by the header or something like that? Its like the buttons and drop downs are kind of "behind" the area where the header was therefore nothing is clickable...

And proof of this is that i gave some <BR> spacing to the buttons and drop downs so that they are not at the up most, but halfway down... and things work fine... whats IE up to? or is there some coding i need to do... below is the code for the header to float

[it may be coz when the header is not to be shown i set the position to ' ', but i have tried with relative, fixed and static as well to no avail...]

Code:

<script language="javascript" type="text/javascript">
        var floating_header = function() {

            this.header = document.getElementsByTagName('THEAD')[0].getElementsByTagName('TR')[0];

            this.getXY = function(o) {
                var y = 0;
                var x = 0;
                while (o != null) {
                    y += o.offsetTop;
                    x += o.offsetLeft;
                    o = o.offsetParent;
                }
                return { "x": x, "y": y };
            }

            this.setheader = function() {
                if (window.header == undefined) {
                    floating_header();
                }
                var screenpos = this.scrollTop;
                var theady_max = window.getXY(window.table_obj.getElementsByTagName('THEAD')[0]).y + window.table_obj.offsetHeight;
                if (screenpos > window.theady - 100 && screenpos < theady_max) {
                    window.header.style.position = 'absolute';
                    window.header.style.top = this.offsetTop;
                    window.header.style.display = 'block';
                    window.headerOffsetTop = this.offsetTop;
                }
                else {
                    if (screenpos != undefined && window.header != undefined) {
                        window.header.style.position = '';
                        window.header.style.top = '';
                        window.headerOffsetTop = undefined;
                        window.header = undefined;
                    }
                    else {
                        if (window.headerOffsetTop) {
                            window.header.style.position = 'absolute';
                            window.header.style.top = window.headerOffsetTop;
                            window.header.style.display = 'block';
                        }
                    }
                }
            }
            document.getElementById("divcn").onscroll = this.setheader;
            this.table_obj = document.getElementsByTagName('THEAD')[0].parentNode;
            this.theady = this.getXY(this.table_obj.getElementsByTagName('THEAD')[0]).y;
        };
        floating_header();        
    </script>

Help With Slide Show + Controls ( Example Attached )

Similar Tutorials

View Content

Hello,

I'm trying to make a slide show for a website that has simple controls on it.

I've attached this example so you can see what i mean....

http://www.bigw.com.au/bigw/home.jsp

As you can see they use 3 images, and they have controls to go between images easily.

Can someone please help me with this code urgently??

Thanks,
S.

Need Help To Change A Js Code That Controls The Mousewheel

Similar Tutorials

View Content

I have just about every thing all set up on my blog now just the way I like it but a few bits of code are not working exactly like I'd want them to.

I have a blog:
http://thezombiesurvivalist.tumblr.com/
which is using this js:
http://static.tumblr.com/ur6r7hb/FoY...ider-jquery.js
to allow the mousewheel to scroll the screen right and left rather than up and down. I think the mouse wheel code would all just be in this part:
Code:

	(function($) {
		var types = ['DOMMouseScroll', 'mousewheel'];
		$.event.special.mousewheel = {
			setup: function() {
				if (this.addEventListener){for(var i=types.length;i;){this.addEventListener(types[--i], handler, false );}}
				else {this.onmousewheel = handler;}
			},
			teardown: function() {
				if (this.removeEventListener )
					for ( var i=types.length; i; ){{this.removeEventListener(types[--i],handler,false);}}
				else{this.onmousewheel = null;}
			}
		};
		$.fn.extend({
			mousewheel: function(fn) {return fn ? this.bind("mousewheel", fn) : this.trigger("mousewheel");},
			unmousewheel: function(fn) {return this.unbind("mousewheel", fn);}
		});
		function handler(event) {
			var args = [].slice.call( arguments, 1 ), delta = 0, returnValue = true;
			
			event = $.event.fix(event || window.event);
			event.type = "mousewheel";
			
			if ( event.wheelDelta ) delta = event.wheelDelta/120;
			if ( event.detail     ) delta = -event.detail/3;
			// Add events and delta to the front of the arguments
			args.unshift(event, delta);
			return $.event.handle.apply(this, args);
		}
	})(jQuery);

I would like the js to force vertical scrolling to be default first, then if then is no vertical scrolling or if it runs out then the horizontal scrolling takes over. Currently it seems to occur in reverse order. For example if you go to one of the posts individual pages that are long:
http://thezombiesurvivalist.tumblr.c...esh-in-n-y-l-a
then it will scroll left and right before scrolling up and down. I'd rather it be the other way around.

Is this code able to be changed to accommodate my desires?

Image Scroll With Controls Question

Similar Tutorials

View Content

I am brand new to Javascript, have been studying on Lynda.com for almost a week trying to get the hang. I found a cool scrolling effect with controls here at the very bottom of the page, and have built a page just trying to duplicate the html and js below. Unfortunately, it doesn't work. The CSS seems to be there, however no scrolling, any help would be greatly appreciated.

PHP Code:
<title>Untitled Document</title>
<style type="text/css">
#footersponsors ul {
list-style-type:none;
}
#footersponsors {
float:left;
padding-top:5px;
position:relative;
width:980px;
}
#footersponsors #buttons {
border:1px solid #777777;
margin-bottom:5px;
width:955px;
}
#footersponsors #buttons a {
color:#6699CC;
margin:10px;
}
#footersponsors .prev {
float:left;
}
#footersponsors .next {
float:right;
}
#footersponsors .prev img {
border:0 none;
padding-top:30px;
text-decoration:none;
}
#footersponsors .next img {
border:0 none;
padding-top:30px;
text-decoration:none;
}
#footersponsorsitems {
float:left;
margin-left:9px;
overflow:hidden;
width:895px;
}
#footersponsorsitems ul {
padding-left:2px;
width:3900px;
}
#footersponsorsitems li {
float:left;
height:90px;
line-height:90px;
margin:0 2px;
width:179px;
}
</style>
</head>
        <script type="text/javascript" language="javascript">

        

        </script>

        <div id="footersponsors">

            <input type="hidden" name="ctl26$hfCurrentPage" id="ctl26_hfCurrentPage" value="0" />

            <a class="prev" href="#"><img src="/images/buttons/sponsor_select_left_off.gif" alt="<"></a>

            <div id="footersponsorsitems">

                <ul id="ctl26_ulFooterSponsors" style="width:13725px;">



                        <li><a href="http://www.nhra.com/points/kn-horsepower.aspx" title="" target="_blank"><img src="/assets/footersponsor/KN-HorsePowerChallenge_4c1.gif" alt="" /></a></li>



                        <li><a href="http://www.nhra.com/streetlegal/default.aspx" title="Street Legal Drags" target="_blank"><img src="/assets/footersponsor/NHRA_StreetLegal.gif" alt="Street Legal Drags" /></a></li>



                        <li><a href="http://www.promodchallenge.com/" title="" target="_blank"><img src="/assets/footersponsor/promod.gif" alt="" /></a></li>



                        <li><a href="http://www.nhra.net/yes/" title="Youth and Education Services" target="_blank"><img src="/assets/footersponsor/YESarmy_20th.gif" alt="Youth and Education Services" /></a></li>



                        <li><a href="http://www.coca-cola.com/" title="Coke" target="_blank"><img src="/assets/footersponsor/Coke-official1.gif" alt="Coke" /></a></li>



                        <li><a href="http://www.dasani.com/" title="Dasani" target="_blank"><img src="/assets/footersponsor/Dasani-official.gif" alt="Dasani" /></a></li>



                        <li><a href="http://www.fullthrottleenergy.com/" title="Full Throttle" target="_blank"><img src="/assets/footersponsor/Full-Throttle-Official.gif" alt="Full Throttle" /></a></li>



                        <li><a href="http://www.powerade.com/" title="POWERade" target="_blank"><img src="/assets/footersponsor/Powerade-official.gif" alt="POWERade" /></a></li>



                        <li><a href="http://www.budweiser.com/" title="Budweiser" target="_blank"><img src="/assets/footersponsor/Bud-official.gif" alt="Budweiser" /></a></li>



                        <li><a href="http://www.cat.com/" title="" target="_blank"><img src="/assets/footersponsor/Cat_official.gif" alt="" /></a></li>



                        <li><a href="http://www.fordracing.com/" title="" target="_blank"><img src="/assets/footersponsor/ford1.gif" alt="" /></a></li>



                        <li><a href="http://www.fram.com/" title="Fram" target="_blank"><img src="/assets/footersponsor/FRAM--Official.gif" alt="Fram" /></a></li>



                        <li><a href="http://www.goodyeartires.com/" title="Goodyear" target="_blank"><img src="/assets/footersponsor/Goodyear_Official_4c.gif" alt="Goodyear" /></a></li>



                        <li><a href="http://www.harley-davidson.com/" title="Harley-Davidson" target="_blank"><img src="/assets/footersponsor/HarleyOfficial-4c.gif" alt="Harley-Davidson" /></a></li>



                        <li><a href="http://www.hurstjaws.com/" title="Hurst" target="_blank"><img src="/assets/footersponsor/HURST-tool-official.gif" alt="Hurst" /></a></li>



                        <li><a href="http://www.lucasoil.com/" title="Lucas Oil" target="_blank"><img src="/assets/footersponsor/Lucas-official.gif" alt="Lucas Oil" /></a></li>



                        <li><a href="http://www.maingateinc.com/" title="Main Gate" target="_blank"><img src="/assets/footersponsor/Main-Gate-Logo-NHRA.gif" alt="Main Gate" /></a></li>



                        <li><a href="http://www.motel6.com" title="" target="_blank"><img src="/assets/footersponsor/Motel-6logo-Official1.gif" alt="" /></a></li>



                        <li><a href="http://www.okuma.com/" title="Okuma" target="_blank"><img src="/assets/footersponsor/OKUMA_rev.gif" alt="Okuma" /></a></li>



                        <li><a href="http://www.prestone.com/" title="Prestone" target="_blank"><img src="/assets/footersponsor/Prestone-official.gif" alt="Prestone" /></a></li>



                        <li><a href="http://www.racingelectronics.com/" title="Racing Electronics" target="_blank"><img src="/assets/footersponsor/RE-official.gif" alt="Racing Electronics" /></a></li>



                        <li><a href="http://www.siouxcitykenworth.com/" title="Sioux City Truck and Trailer" target="_blank"><img src="/assets/footersponsor/Sioux-City-TT.gif" alt="Sioux City Truck and Trailer" /></a></li>



                        <li><a href="http://www.summitracing.com/" title="Summit" target="_blank"><img src="/assets/footersponsor/Summit_Official_4C.gif" alt="Summit" /></a></li>



                        <li><a href="http://www.vpracingfuels.com/" title="VP Racing Fuels" target="_blank"><img src="/assets/footersponsor/VPofficial.gif" alt="VP Racing Fuels" /></a></li>



                        <li><a href="http://www.wyotech.edu/" title="WyoTech" target="_blank"><img src="/assets/footersponsor/WyoTechOfficial_large_4C.gif" alt="WyoTech" /></a></li>



                        <li><a href="http://www.nhra.com/points/kn-horsepower.aspx" title="" target="_blank"><img src="/assets/footersponsor/KN-HorsePowerChallenge_4c1.gif" alt="" /></a></li>



                        <li><a href="http://www.nhra.com/streetlegal/default.aspx" title="Street Legal Drags" target="_blank"><img src="/assets/footersponsor/NHRA_StreetLegal.gif" alt="Street Legal Drags" /></a></li>



                        <li><a href="http://www.promodchallenge.com/" title="" target="_blank"><img src="/assets/footersponsor/promod.gif" alt="" /></a></li>



                        <li><a href="http://www.nhra.net/yes/" title="Youth and Education Services" target="_blank"><img src="/assets/footersponsor/YESarmy_20th.gif" alt="Youth and Education Services" /></a></li>



                        <li><a href="http://www.coca-cola.com/" title="Coke" target="_blank"><img src="/assets/footersponsor/Coke-official1.gif" alt="Coke" /></a></li>



                        <li><a href="http://www.dasani.com/" title="Dasani" target="_blank"><img src="/assets/footersponsor/Dasani-official.gif" alt="Dasani" /></a></li>



                        <li><a href="http://www.fullthrottleenergy.com/" title="Full Throttle" target="_blank"><img src="/assets/footersponsor/Full-Throttle-Official.gif" alt="Full Throttle" /></a></li>



                        <li><a href="http://www.powerade.com/" title="POWERade" target="_blank"><img src="/assets/footersponsor/Powerade-official.gif" alt="POWERade" /></a></li>



                        <li><a href="http://www.budweiser.com/" title="Budweiser" target="_blank"><img src="/assets/footersponsor/Bud-official.gif" alt="Budweiser" /></a></li>



                        <li><a href="http://www.cat.com/" title="" target="_blank"><img src="/assets/footersponsor/Cat_official.gif" alt="" /></a></li>



                        <li><a href="http://www.fordracing.com/" title="" target="_blank"><img src="/assets/footersponsor/ford1.gif" alt="" /></a></li>



                        <li><a href="http://www.fram.com/" title="Fram" target="_blank"><img src="/assets/footersponsor/FRAM--Official.gif" alt="Fram" /></a></li>



                        <li><a href="http://www.goodyeartires.com/" title="Goodyear" target="_blank"><img src="/assets/footersponsor/Goodyear_Official_4c.gif" alt="Goodyear" /></a></li>



                        <li><a href="http://www.harley-davidson.com/" title="Harley-Davidson" target="_blank"><img src="/assets/footersponsor/HarleyOfficial-4c.gif" alt="Harley-Davidson" /></a></li>



                        <li><a href="http://www.hurstjaws.com/" title="Hurst" target="_blank"><img src="/assets/footersponsor/HURST-tool-official.gif" alt="Hurst" /></a></li>



                        <li><a href="http://www.lucasoil.com/" title="Lucas Oil" target="_blank"><img src="/assets/footersponsor/Lucas-official.gif" alt="Lucas Oil" /></a></li>



                        <li><a href="http://www.maingateinc.com/" title="Main Gate" target="_blank"><img src="/assets/footersponsor/Main-Gate-Logo-NHRA.gif" alt="Main Gate" /></a></li>



                        <li><a href="http://www.motel6.com" title="" target="_blank"><img src="/assets/footersponsor/Motel-6logo-Official1.gif" alt="" /></a></li>



                        <li><a href="http://www.okuma.com/" title="Okuma" target="_blank"><img src="/assets/footersponsor/OKUMA_rev.gif" alt="Okuma" /></a></li>



                        <li><a href="http://www.prestone.com/" title="Prestone" target="_blank"><img src="/assets/footersponsor/Prestone-official.gif" alt="Prestone" /></a></li>



                        <li><a href="http://www.racingelectronics.com/" title="Racing Electronics" target="_blank"><img src="/assets/footersponsor/RE-official.gif" alt="Racing Electronics" /></a></li>



                        <li><a href="http://www.siouxcitykenworth.com/" title="Sioux City Truck and Trailer" target="_blank"><img src="/assets/footersponsor/Sioux-City-TT.gif" alt="Sioux City Truck and Trailer" /></a></li>



                        <li><a href="http://www.summitracing.com/" title="Summit" target="_blank"><img src="/assets/footersponsor/Summit_Official_4C.gif" alt="Summit" /></a></li>



                        <li><a href="http://www.vpracingfuels.com/" title="VP Racing Fuels" target="_blank"><img src="/assets/footersponsor/VPofficial.gif" alt="VP Racing Fuels" /></a></li>



                        <li><a href="http://www.wyotech.edu/" title="WyoTech" target="_blank"><img src="/assets/footersponsor/WyoTechOfficial_large_4C.gif" alt="WyoTech" /></a></li>



                        <li><a href="http://www.nhra.com/points/kn-horsepower.aspx" title="" target="_blank"><img src="/assets/footersponsor/KN-HorsePowerChallenge_4c1.gif" alt="" /></a></li>



                        <li><a href="http://www.nhra.com/streetlegal/default.aspx" title="Street Legal Drags" target="_blank"><img src="/assets/footersponsor/NHRA_StreetLegal.gif" alt="Street Legal Drags" /></a></li>



                        <li><a href="http://www.promodchallenge.com/" title="" target="_blank"><img src="/assets/footersponsor/promod.gif" alt="" /></a></li>



                        <li><a href="http://www.nhra.net/yes/" title="Youth and Education Services" target="_blank"><img src="/assets/footersponsor/YESarmy_20th.gif" alt="Youth and Education Services" /></a></li>



                        <li><a href="http://www.coca-cola.com/" title="Coke" target="_blank"><img src="/assets/footersponsor/Coke-official1.gif" alt="Coke" /></a></li>



                        <li><a href="http://www.dasani.com/" title="Dasani" target="_blank"><img src="/assets/footersponsor/Dasani-official.gif" alt="Dasani" /></a></li>



                        <li><a href="http://www.fullthrottleenergy.com/" title="Full Throttle" target="_blank"><img src="/assets/footersponsor/Full-Throttle-Official.gif" alt="Full Throttle" /></a></li>



                        <li><a href="http://www.powerade.com/" title="POWERade" target="_blank"><img src="/assets/footersponsor/Powerade-official.gif" alt="POWERade" /></a></li>



                        <li><a href="http://www.budweiser.com/" title="Budweiser" target="_blank"><img src="/assets/footersponsor/Bud-official.gif" alt="Budweiser" /></a></li>



                        <li><a href="http://www.cat.com/" title="" target="_blank"><img src="/assets/footersponsor/Cat_official.gif" alt="" /></a></li>



                        <li><a href="http://www.fordracing.com/" title="" target="_blank"><img src="/assets/footersponsor/ford1.gif" alt="" /></a></li>



                        <li><a href="http://www.fram.com/" title="Fram" target="_blank"><img src="/assets/footersponsor/FRAM--Official.gif" alt="Fram" /></a></li>



                        <li><a href="http://www.goodyeartires.com/" title="Goodyear" target="_blank"><img src="/assets/footersponsor/Goodyear_Official_4c.gif" alt="Goodyear" /></a></li>



                        <li><a href="http://www.harley-davidson.com/" title="Harley-Davidson" target="_blank"><img src="/assets/footersponsor/HarleyOfficial-4c.gif" alt="Harley-Davidson" /></a></li>



                        <li><a href="http://www.hurstjaws.com/" title="Hurst" target="_blank"><img src="/assets/footersponsor/HURST-tool-official.gif" alt="Hurst" /></a></li>



                        <li><a href="http://www.lucasoil.com/" title="Lucas Oil" target="_blank"><img src="/assets/footersponsor/Lucas-official.gif" alt="Lucas Oil" /></a></li>



                        <li><a href="http://www.maingateinc.com/" title="Main Gate" target="_blank"><img src="/assets/footersponsor/Main-Gate-Logo-NHRA.gif" alt="Main Gate" /></a></li>



                        <li><a href="http://www.motel6.com" title="" target="_blank"><img src="/assets/footersponsor/Motel-6logo-Official1.gif" alt="" /></a></li>



                        <li><a href="http://www.okuma.com/" title="Okuma" target="_blank"><img src="/assets/footersponsor/OKUMA_rev.gif" alt="Okuma" /></a></li>



                        <li><a href="http://www.prestone.com/" title="Prestone" target="_blank"><img src="/assets/footersponsor/Prestone-official.gif" alt="Prestone" /></a></li>



                        <li><a href="http://www.racingelectronics.com/" title="Racing Electronics" target="_blank"><img src="/assets/footersponsor/RE-official.gif" alt="Racing Electronics" /></a></li>



                        <li><a href="http://www.siouxcitykenworth.com/" title="Sioux City Truck and Trailer" target="_blank"><img src="/assets/footersponsor/Sioux-City-TT.gif" alt="Sioux City Truck and Trailer" /></a></li>



                        <li><a href="http://www.summitracing.com/" title="Summit" target="_blank"><img src="/assets/footersponsor/Summit_Official_4C.gif" alt="Summit" /></a></li>



                        <li><a href="http://www.vpracingfuels.com/" title="VP Racing Fuels" target="_blank"><img src="/assets/footersponsor/VPofficial.gif" alt="VP Racing Fuels" /></a></li>



                        <li><a href="http://www.wyotech.edu/" title="WyoTech" target="_blank"><img src="/assets/footersponsor/WyoTechOfficial_large_4C.gif" alt="WyoTech" /></a></li>



                </ul>

            </div>

            <a class="next" href="#"><img src="/images/buttons/sponsor_select_right_off.gif" alt=" />"></a>

         </div>



</div>
</body>
</html>

Variable Previous Next Controls Using Javascript?

Similar Tutorials

View Content

Hello all,

I am currently working on a site for a friend and have reached a navigational problem I cannot figure out how to achieve...

He has a list of products that link to relevant individual pages which also have next and previous buttons to browse all the product pages on the site (only 10 so no big deal).

However, he wants to add additional lists that recommend products by category preference? So for example; 4 products may appeal to a particular category, but when you click the link to view one of the products shown the next and previous buttons scroll through the entire products pages! and not only the ones recommended?? IS it possible using Javascript to define which pages are linked to as next previous without having to create lots more html copies of content pages?

I have a basic knowledge of Javascript but cannot find a workable answer or example using google. Any help would be much appreciated.

Thanks in advance...

Paging Controls For A Dataset Using The Spry Framework In Dreamweaver

Similar Tutorials

View Content

Integrate Timepicker And "adding Html Controls"

Similar Tutorials

View Content

Can anyone please help integrating these two javascripts?

http://milesich.com/ and http://javascript.internet.com/forms...-controls.html

I want to allow visitors too choose as many dates as they want but when I try to integrate these two script timepicker stops working...

Can anyone please help?

Thanks in advance

Tab Active In Menu

Similar Tutorials

View Content

Hi everyone! I'm making a tab menu with HTML, CSS and JavaScript.

I have this HTML:

<ul class="tabmenu">
<li><a href="javascript:void(0)" onclick="tabs('1');changeActiveStates(this)" id="link1">Información</a></li>
<li><a href="javascript:void(0)" onclick="tabs('2');changeActiveStates(this)" id="link2">Mapas</a></li>
<li><a href="javascript:void(0)" onclick="tabs('3');changeActiveStates(this)" id="link3">Fotos</a></li>
<li><a href="javascript:void(0)" onclick="tabs('4');changeActiveStates(this)" id="link4">Cómo llegar</a></li>
</ul>

Then I added some CSS to it (if you need to see it please tell).
And the JavaScript:

<script type="text/javascript">
function tbs(id){
return document.getElementById(id);
}

function tabsen(){
tbs("1").style.display = "none";
tbs("2").style.display = "";
tbs("3").style.display = "";
tbs("4").style.display = "";
}

function tabs(id) {
tabsen();
var e = tbs(id);
e.style.display = ( e.style.display == '' ) ? 'block' : '' ;
}

function byId(id) {
return document.getElementById ? document.getElementById(id) : document.all[id];
}
var prevLink = "";
function changeActiveStates(ele) {
if (prevLink) byId(prevLink).className = "";
ele.className = 'active';
prevLink = ele.id;
}
</script>

The problem is: I don't know how to set active the first tab. I've tried with class='active', but when I use that atribute and click on another tab, the first one doesn't deactivate...

Can anybody help me?

Keep Menu Active?!

Similar Tutorials

View Content

I'm trying to get this to work... I have a menu which has a submenu which is activated on mouse over with javascript and that part works just fine, but... I want to be able to have the submenu showned if the mainmenu is clicked... So if, as in example below, the page home is selected, the submenu is activated untill trhe mouse is hoovering over the "Cars" link, and when the mouse goes off the Cars link again the home submenu is activated...

Hope this makes sense... Example below:
Code:

<script>
sfHover = function() {
   var sfEls = document.getElementById("navbar").getElementsByTagName("li");
   for (var i=0; i<sfEls.length; i++) {
      sfEls[i].onmouseover=function() {
         this.className+=" hover";
      }
      sfEls[i].onmouseout=function() {
         this.className=this.className.replace(new RegExp(" hover\\b"), "");
      }
   }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
</script>

<ul class="navbar">
    <li><a href="index.php?page=home">Home</a>
        <ul class="sub">
            <li><a href="index.php?page=account">Account</a></li>
            <li><a href="index.php?page=profile">Profile</a></li>
        </ul>
    </li>
    <li><a href="index.php?page=cars">Cars</a>
        <ul class="sub">
            <li><a href="index.php?page=smallcars">Small Cars</a></li>
            <li><a href="index.php?page=bigcars">Big Cars</a></li>
        </ul>
    </li>
</ul>

Hope this makes sense... Any help is appreciated...

Prevent Esc Behaviour

Similar Tutorials

View Content

Hello.
I'm using the keyup event for an input box to check for the Escape key (keyCode 27). I'm then using this to hide a related select element.

It works okay apart from IE(8) of course . How can I prevent IE carrying on with its normal Escape behaviour? If tried a number of things, most recently:
Code:

e.cancelBubble = true;
if ( e.stopPropagation ) e.stopPropagation();
return false;

but it, IE, is insistant.

I tried switching to 'keydown' but it went a bit wonky.. Andy.

Javascript And Active X

Similar Tutorials

View Content

Hello Everyone Smarter Than Me!

Before I get to the question first a little History on what I am working with. I am a Software Engineer currently working under a contract in a highly customized environment. The IDE that I am using (Not by my choice as I am a Java developer by Trade) uses a "JavaScript Runtime Environment" to treat JavaScript as a complied language. Needless to say this is a little odd and it was created because my employer had trouble finding enough developers that know other languages (This also seems odd) but there always seemed to be a ton of JavaScript people around.

Anyway now to the question. The code I am writing is product testing automation code that is going to save testing dollars eventually. Initially the testing was done by a team of testers whom would log into a website, run some tests by interacting with the website, and then get the results from the tests via the product that they are testing.

My code will do all the interaction with the device and the website and then compile all the results in an Ms. Excell spreadsheet for viewing. The problem is that my employer doesn't own the website that the testing is done from and there has been some changes lately that I am trying to overcome.

The problem is as follows.

I have been using a Microsoft.XMLHTTP ActiveX Object to login to the website and do all the test manipulation and form submitting. The recent changes to the website have broken the automation code. The original form that I was working with contained a submit button as follows

[ICODE]<input id="submitReq" type="submit" value="task device"/>[ICODE]

and the id allowed the ActiveX control to find the button and submit the form.

Now the page has changed as follows.

There is no longer a submit button instead there is a standard button calling a javascript onclick which is then used to submit the form. The button and the javascript are below and as you can see the button has no id which makes finding and submitting the button very difficult.

[CODE]

<input type="button" class="button" value="Task Devices" onclick="submitRequestForm()"/>

<script type="text/javascript">
<![CDATA[
function submitRequestForm()
{
var validations = new Object();
var fieldNames = ["devices", "profile", "priority"];
for (var key in fieldNames) {
try
{
document.getElementById("errorMessageSpace_" + fieldNames[key]).innerHTML = "";
}
catch(ex)
{
}
}
validations["devices"] = [
{type: "required", errorAction: displayTaskingParamError, errorMsg: "Devices field cannot be empty!"},
{type: "mask", regExp: /^(([!]?[\+]?([*?0-9A-Fa-f]{0,30}))|(([!]?[\+]?[0-9A-Fa-f]{0,30})?\/([0-9A-Fa-f]{0,30})?\/([*?0-9A-Fa-f]{0,30})?))(\s(([!]?[\+]?([*?0-9A-Fa-f]{0,30}))|(([!]?[\+]?[0-9A-Fa-f]{0,30})?\/([0-9A-Fa-f]{0,30})?\/([0-9A-Fa-f]{0,30})?)))*$/, errorAction: displayTaskingParamError, errorMsg: "Invalid devices list specification!"}];
validations["profile"] = [
{type: "required", errorAction: displayTaskingParamError, errorMsg: "Profile field cannot be empty!"},
{type: "mask", regExp: /^[0-9]*$/, errorAction: displayTaskingParamError, errorMsg: "Invalid profile specification!"}];
validations["priority"] = [
{type: "required", errorAction: displayTaskingParamError, errorMsg: "Priority field cannot be empty!"},
{type: "mask", regExp: /^[+-]?[0-9]*$/, errorAction: displayTaskingParamError, errorMsg: "Invalid priority specification!"},
{type: "numberBetween", low: 0, high: 1000, errorAction: displayTaskingParamError, errorMsg: "Priority value must be between 0 and 1000!"}];
var taskingRequestForm = document.getElementById('taskingForm');
taskingRequestForm.elements["devices"].value = normalizeDevicesList(taskingRequestForm.devices.value);
if (new FormValidator(taskingRequestForm, validations).validate(false))
{
taskingRequestForm.submit();
}
}

function displayTaskingParamError(field, validation)
{
try
{
document.getElementById("errorMessageSpace_" + (field.name || field.id)).innerHTML = "*" + validation["errorMsg"];
}
catch(ex)
{
alert(validation["errorMsg"]);
}
}
]]>
</script>
[CODE]

Can anyone tell me how to submit this page after the form is filled out using the Microsoft.XMLHTTP ActiveX Object? Is there a way?

Thanks in advance for any help that any of you can be.

Regards,

Need The Active Css To Be Stable

Similar Tutorials

View Content

Hi,

Please help.......

i am working on a project which has left side menu (dhtml and javascript)sliding menu with submenus and,in the right side,i have placed an empty div where i will be calling html files externally by storing all the html files in a folder called "Htmlfiles".

so say for eg: in the homepage.html, i have header,left menu,center white content area, and the footer and i will be calling all the html files into this homepage.html right side content area(into the div) using javascript function.

So when i click Home in the leftside menu.. the home.html which is stored in htmlfiles folder opens inside the homepage.html center area inside the blank div.

Now my problem is.. when i click the home button text.. i have given the css as a:active{
color: #ff3000;
} .. so when i click the home button text, the font color changes to red but when i click outside the menu or ie nearer to the menu or any other place inside the page.. the active color vanishes.. so that i am not able to guess in what page i am now.

So please guide me.. so that wherever i click on the page..the active color should stay on page unless i click the next button link.

And moreover, as i am loading the html files externally, when i click on that content which is loading in the right side div .. also, the active color vanishes and the original color comes for the font.

So please help me... how do i do this......

Prevent Selection

Similar Tutorials

View Content

Hello,

Is there anyway to prevent images, words, divisions, etc from being selected? Also if something is selected is there a way to deselect?

Thanks!

Prevent Text From Being Selected

Similar Tutorials

View Content

I retrieve a list of links from a database using ajax, then I assign them to the innerHTML property of a div whose display property is set to "none" Then I set the display property to "display" to get a drop-down listbox.

The problem is the links in the list are all hilighted like they've been dragged over by a mouse.

How do I prevent these links from highlighting?

Third Party Ad Doing Popups. How Do You Prevent It?

Similar Tutorials

View Content

I have a tracking ad at the bottom of my site. (no iframes). how do I know and/or prevent that tracking ad from popping up a popup?

They are not suppose to, but I suspect they do. Is there a way to track this, or perhaps prevent them from popping the popup from within my page?

I have access to various libraries, prototype/jquery etc.. so if there is a func/method in those, I could use too.