JavaScript - Need Help To Change A Js Code That Controls The Mousewheel

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

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);


}





}

Hi all,

I'm trying to change our shopping cart code by making a small modification.

When editing a product, there is a dimensions box which currently only allows numbers. We want it to allow numbers and letters (don't ask why).

The code we have is the following which we think is related to why our shopping cart won't allow letters in the box.

Could someone please edit the following code to allow letters? Thank you.

Code:

		if(isNaN(dimensionsFormat(prodWidth.value)) && prodWidth.value != "" && !sellingDP) {
			ShowTab(0);
			alert("%%LNG_EnterWidth%%");
			prodWidth.focus();
			prodWidth.select();
			return false;
		}

		if(isNaN(dimensionsFormat(prodHeight.value)) && prodHeight.value != "" && !sellingDP) {
			ShowTab(0);
			alert("%%LNG_EnterHeight%%");
			prodHeight.focus();
			prodHeight.select();
			return false;
		}

		if(isNaN(dimensionsFormat(prodDepth.value)) && prodDepth.value != "" && !sellingDP) {
			ShowTab(0);
			alert("%%LNG_EnterDepth%%");
			prodDepth.focus();
			prodDepth.select();
			return false;
		}

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

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>

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

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.

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">

        <!--

            jQuery.easing.easeOutQuart = function (x, t, b, c, d)

            {

                return -c * ((t=t/d-1)*t*t*t - 1) + b;

            };



            jQuery().ready(function()

            {

 

    var intval = 2600;//how often to autoscroll (in milliseconds) - This is set with a var to enable trigger functions below

 

                jQuery('#footersponsorsitems').serialScroll(

                {

                    items:'li',

                    prev:'#footersponsors a.prev',

                    next:'#footersponsors a.next',

                    start:0,

                    duration:700,

                    force:true,

                    stop:true,

                    lock:false,

                    interval:intval, //autoscroll set here

                    cycle:true, //pull back once you reach the end

                    easing:'easeOutQuart', //use this easing equation for a funny effect

                    jump: false, //click on the images to scroll to them

                    exclude: 4 //stop scrolling when there are 4 items left as not to pull the others off the screen

                });



    $('#footersponsorsitems').hover(function(){

     $(this).trigger('stop');

    },function(){

     $(this).trigger('start');

    });

    $('#footersponsorsitems li').hover(

    function(){

     $(this)

     .stop()

     .fadeTo(250, 1.0)

     .siblings()

     .stop()

     .fadeTo(500, 0.15);

    }, function(){

     $('#footersponsorsitems li')

     .stop()

     .fadeTo(500, 1.0);

    });

            });

        // -->

        </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> 

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...

Hi,

Am using jQuery to hide/show rows of a table (courtesy of http://www.jankoatwarpspeed.com). Problem is I need the jQuery to respond to just the arrow (see example) not the whole row which at the moment is all clickable. Can anyone look at the jQuery and propose what needs to change to make that happen please.

Example at http://www.jankoatwarpspeed.com/exam...pandable-rows/

Here's the jQuery:
Code:

    <script type="text/javascript">  
        $(document).ready(function(){
            $("#report tr:odd").addClass("odd");
            $("#report tr:not(.odd)").hide();
            $("#report tr:first-child").show();
            
            $("#report tr.odd").click(function(){
                $(this).next("tr").toggle();
                $(this).find(".arrow").toggleClass("up");
            });
            //$("#report").jExpand();
        });
    </script>

Many thanks in advance,
Jock

Hello.

I'm trying to improve page loads times on my site and I've tracked the issue down to the share buttons we have. We load the Tweet Button, Facebook Like Button, and Google +1 button sometimes up to 25 times on one page.

What I'd like to do is, on initial load, display an image that looks like the Tweet Button, for example, and then when hovering over a div, change to the actual Tweet Button code. I know how to do this in general, but the key is that the actual tweet button code doesn't load when the page loads, only when you hover over the div does the actual code load.

Can someone please give me a general template and I can integrate it in with my site?

Thanks.

Hi
First sorry for my bad English!
may any one interpret the JavaScript code below for me? A Device code
( a "random number") and the DVD code gives an activation code!
Each install time a random number and thus a new activation code! i works in cookie base manner! clear cookie couse program become unusable and another activation will be needed! I want to change random Number to a fix one so it Becomes constant and does not change regularly! and then no need for change activation code...

Where do I change? I'm sure help ...
best regards
thanks

-----------------------------------------------------------------------------------

<html>
<head>
<title>Activation</title>
<script type="text/javascript" src="../js/ajax.js"></script>
<script type="text/javascript">
var _0x8834=["\x72\x65\x70\x6C\x61\x63\x65","\x68\x72\x65\x66", "\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x73\x65\x72\x 69\x61\x6C","\x61\x63\x74\x69\x76\x61\x74\x69\x6F\ x6E\x43\x6F\x64\x65","\x72\x61\x6E\x64","\x73\x75\ x62\x73\x74\x72\x69\x6E\x67","\x4D\x6F\x62\x69\x55 \x70\x54\x6F\x44\x61\x74\x65\x5F\x33","\x4D\x6F\x6 2\x69\x55\x70\x54\x6F\x44\x61\x74\x65\x5F\x34","\x 4D\x6F\x62\x69\x55\x70\x54\x6F\x44\x61\x74\x65\x5F \x35","\x2E\x2E\x2F\x4D\x6F\x62\x69\x55\x70\x54\x6 F\x44\x61\x74\x65\x2E\x68\x74\x6D\x3F"];function GET(){var _0x84efx2={};var _0x84efx3=window[_0x8834[2]][_0x8834[1]][_0x8834[0]](/[?&]+([^=&]+)=([^&]*)/gi,function (_0x84efx4,_0x84efx5,_0x84efx6){_0x84efx2[_0x84efx5]=_0x84efx6;} );return _0x84efx2;} ;if(GET()[_0x8834[3]]!=undefined&&GET()[_0x8834[4]]!=undefined&&GET()[_0x8834[5]]!=undefined){var num=(parseInt(GET()[_0x8834[3]][_0x8834[6]](0,7))%5555)*(parseInt(GET()[_0x8834[5]]%30)+1);if(num==parseInt(GET()[_0x8834[4]])){setf(_0x8834[7],GET()[_0x8834[5]]);setf(_0x8834[8],GET()[_0x8834[3]]);setf(_0x8834[9],GET()[_0x8834[4]]);window[_0x8834[2]]=_0x8834[10];} ;} ;
</script>

</head>
<body align="center">
<h1>Activation</h1>
To get activation code visit*************<br>
<script language="javascript">
if (GET()['serial']!=undefined) document.write('<br>Incorrect serial or activation code. Try again please!<br>');
</script>
<form action="./activation.htm?" method="GET">
<table align="center">
<tr>
<td>Device code:</td>
<td><script language="javascript">
if (getf('rand_num')==undefined) setf('rand_num', Math.floor(Math.random()*9999));
var rand_num=getf('rand_num');
document.write(rand_num+'<INPUT TYPE="hidden" NAME="rand" VALUE="'+rand_num+'">');
</script></td>
</tr>
<tr>
<td>Serial</td>
<td> <input name="serial"></input></td>
</tr>
<tr>
<td>Activation code</td>
<td> <input name="activationCode"></input></td>
</tr>
</table>
<input type='submit' value="Activate"></input>
</form>
</body>
</html>

Hi this is my first thread here and I am a beginner programmer Java/HTML/CSS only. I used google to add an interactive feature to my website that some people may be familiar with. I wanted to make an image that changes into another image when you mouse over it. Maybe there is a problem with how I integrated it into the rest of my webpage code. I am using angelfire to build my website and am a little disappointed that they don't have their own forum but this one looks really good. Following is my code that can be examined and possibly corrected.

Code:

<html>
<head>
<style type="text/css">

body {background-color:gold;}
table
{
width:70%;
}
th
{
height:100px;
}
</style>
<script language="JavaScript">
<!-- Hide the script from old browsers --

img0_on = new Image(400,400);
img0_on.src="images/the-power-of-the-cross.JPG";
img0_off = new Image(400,400);
img0_off.src="images/006.JPG";

function over_image(parm_name)
     {
        document[parm_name].src = eval(parm_name + "_on.src");
     }
function off_image(parm_name)
     {
        document[parm_name].src = eval(parm_name + "_off.src");
     }
// --End Hiding Here -->
</script>
<TITLE>Welcome to the Christ Alive Community Church Website</TITLE>
</head>
<body>
<a href="http://www.angelfire.com/caccweb/index2.html" onmouseover="over_image('img0');" onmouseout="off_image('img0')"> <img src="images/006.JPG" border="0" name="img0"> </a> 
<TABLE>
<TR>
<TD>
<img src="images/006.JPG" WIDTH="400" HEIGHT="400">
</TD>
<TD>
<img src="images/043.JPG" WIDTH="400" HEIGHT="400">
</TD>
</TR>
</TABLE>
</body>

</html>

Hi sorry if this is a very simple question but how do I change the font color for certain elements of this javascript code that the client sees on their brower?

This is a count down script and I have made the code red that I am trying to change - any idea how to do this? Thanks v much!!!!

<script type="text/javascript">

var today=new Date()

//Enter the occasion's MONTH (1-12) and DAY (1-31):
var theoccasion=new Date(today.getFullYear(), 03, 21)

//Customize text to show before and on occasion. Follow grammer below:
var beforeOccasionText="until this event"
var onOccasiontext="Event is Today!"

var monthtext=new Array("Jan","Feb","Mar","April","May","June","July","Aug","Sep","Oct","Nov","Dec")
theoccasion.setMonth(theoccasion.getMonth()-1) //change to 0-11 month format
var showdate="("+monthtext[theoccasion.getMonth()]+" "+theoccasion.getDate()+")" //show date of occasion

var one_day=1000*60*60*24
var calculatediff=""

calculatediff=Math.ceil((theoccasion.getTime()-today.getTime())/(one_day))
if (calculatediff<0){ //if bday already passed
var nextyeartoday=new Date()
nextyeartoday.setFullYear(today.getFullYear()+1)
calculatediff=Math.ceil((nextyeartoday.getTime()-today.getTime())/(one_day)+calculatediff)
}

//Display message accordingly
var pluraldayornot=(calculatediff==1)? "day" : "days"
if (calculatediff>0)
document.write("<b>"+calculatediff+" "+pluraldayornot+" "+beforeOccasionText+" "+showdate+"</b>")
else if (calculatediff==0)
document.write("<b>"+onOccasiontext+" "+showdate+"!</b>")

</script>

hi,
i want to write a js function which will change images (i have an array of images) on mouse over till the time i have my mouse over the image.
i have written function:

Code:

function changeImage(testImage,source) 
{
var my_array=testImage.split("||"); 
var actualLen = my_array.length - 2; 
for (i=0;i<my_array.length;i++) 
{ 
document.getElementById("lrgPic" + source).setAttribute("src",my_array[i]); 
setTimeout('',1000); 
if(i == ( my_array.length - 1 )) 
{ // i = (( my_array.length - 1 ) - i) - 1; // alert(i); 
} 
} 
}

but the action i want is: on hovering over the image (location: "lrgPic" in above code) images should keep on changing grabbing the location from array ("my_array" above) and the image change should happen after every sec. i have tried "setTimeout" function; but it's not working as desired. with the code which is commented above.. i want to reset the loop so that images are continuously changed till "onmouseOut" is performed...
any clues guys.. how can i improve on this code? with this code.. my script goes in infinite loop..
please help
thanks in advance