JavaScript - Preventing A Colour From Getting Too Light To Or Dark

I'm wondering if theirs a way to make a dim light, sorta like a candle follow my mouse cursor on a webpage?

I'm helping out my friend complete her site.
check it out he http://themodline.com/clients/jcevent

when you head over to the portfolio section the the lightbox script doesnt work properly. but if you just go to http://themodline.com/clients/jcevent/portfolio.html -it works fine.

are the scripts mixing up?
i made sure i got the correct codes. i made sure the script files are correctly linked.

check out my scripts. they are zipped he http://www.themodline.com/clients/jcevent/scripts.zip


thanks for the help guys. hope this makes sense!

Im trying to figure out how to create a light box that doesn't close to reveal the content on the website, unless the user fully completes atleast 2-3 CPA(Cost Per Action) offers that will pop up in the lightbox? i know how to make a lightbox with a plugin from wordpress, but I just don't know how to make it so it'll close when it figures out the user has completed the surveys/offers.
Kind of like this but maybe smaller to show there is content/download link behind it, http://sharecash.org/download.php?file=1595911

Have problem with IE8. Before IE 8, I can disable a drop-down box, but the selected item still there highlighted. But IE 8 makes the highlight go away. Is there any way to keep the original, Disable a item, you still keep the lightlights Thanksl

I am currently using the JavaScript Light Box found on; http://www.huddletogether.com/projects/lightbox2/

I was wondering if it is possible, or easy enough to create something alike the one found on; http://www.whsmith.co.uk/Support/Hel...ffiliates.aspx when you click on; > How to become an affiliate > Complete the OMGuk.com affiliate application form.

Many Thanks, Tim

Hi there,

Where I work there are certain dates where nothing can be done, certain times where work can be done with caution, and dates where work can be done. I want to put on the site a traffic light that would change colours based on the calendar dates where work can/can't be done.

For example, if April 11th there is stuff to do, the traffic light would be green. But April 12th, there isn't work to do, it would turn red. Do you know how I would go about doing this?

If a negative number is entered into the reading variable it should be displayed as a zero. This works with the first calculations such as average but right at they very end the the alert wont display the highest average it just displays the one which has a negative number typed in to it.
Code:

 var region=0
 var reading=0
 var average=0
 var count=0
 var readingSum=0
 var catergory=0
 var dry=0
 var normal=0
 var wet=0
 var countWet=0
 var countNormal=0
 var countDry=0
 var totalLoop=0
 var numLocations=0
 var maxAverage=0
 var maxRegion=0
 var maxReadings=0
 var totalReadings=0

     // ** Find out how many locations ** //
     
     numLocations=eval(prompt("How many locations are you taking readings for?"));

     // ** Loop for multiple entries ** //
     
      for(totalLoop=1; totalLoop<=numLocations; totalLoop=totalLoop+1)
      {
      
      // ** Reset total for loop ** //
      
       readingSum=0

     // ** Get Region ** //
     
     region = prompt("Enter region please");
     
     // ** Get Readings ** //
     
     totalReadings = eval(prompt("Enter readings please"));
    
     // ** Get readings and Prevent negative number ** //
     if(totalReadings<=0)
     {
     alert("Please enter valid reading")
     }
     else
     {
     alert("You entered " + totalReadings);
     }
     
     // ** Ask for indivdual readings ** //
     
      for(count=1; count<=totalReadings; count=count+1)
      {
       
       reading=eval(prompt("Enter reading please"));
       
       // ** Prevent negative number ** //
        if(reading<0)
     {
     reading=0
     alert("Please enter valid reading")
     }
        // ** Work out Total of readings ** //
       
      readingSum= readingSum + reading
      }
      
    // ** Work out average ** //  
    average= readingSum/totalReadings
 
    // ** Put average into a category and display everything ** //
     if(average<5)
     {
     catergory="dry"
     countDry=countDry+1
     }
     else if(average>=5 && average<20)
     {
    catergory="normal"
    countNormal= countNormal+1
     }
     else if(average>20)
     {
     catergory="wet"
     countWet=countWet+1
     }
     
     
    alert("Location is " + region + "\nNumber of weakly readings taken is " + totalReadings + "\nTotal of readings is " + readingSum + "\nAverage is " + average + "\nLocation is " +  catergory);
     
     // ** Find Highest average ** //
     
     if((average>maxAverage) || (totalReadings>maxReadings))
     {
     maxAverage=average
     maxRegion=region
     }
     }
     
     // ** Final Report ** //
     
     alert("Number of locations is " + numLocations + "\nDry is " + countDry + "\nNormal is " + countNormal + "\nWet is " + countWet + "\nLocation with highest average reading is " + maxRegion + "\nHighest average is " + maxAverage);

Do i need a while loop? i am only allowed to use while, for and if statements

is there js to prevent malicious clickers who try to ban my site from google ads by clicking so many times?

How can I go about making it so JavaScript will not let a form submit unless a number entered into a field matches a pre-specified number? A guess..

Code:

function validateForm() {
	if (document.forms["form"]["number"].value=="123") {
		submit} else {alert ("Cant submit because the number doesn't match.");
		return false;
	}
}

Hello All,

How can I prevent a browser from letting an image drag.

I've tried this snippet:
Code:

document.onmousemove = function() {return false};

Thanks in advance!

Hi there!
I am using GlassBox "http://www.glassbox-js.com/" As a light box on a website. Basically, You click an thumbnail image, and a window pops up with a larger version of that image.

Now originally, the window opened X number of pixels from the top of the page. However, My thumbnail images were located mid page, so when you clicked on one, the window would open at the top of the page and the user would not see it unless they scrolled up.

So I attempted to modify the script so that it would get the users page width/height and display it directly in the center no matter the position.

Now my problem is that the script only works when the user has already scrolled down. So if the page is scrolled all the way to the top, and you click on a thumbnail, the window will not open center screen.

Here is an example: http://synaxis.pcriot.com/

When the page loads, DO NOT scroll it, and click on the image. You will see the window pop up, and not centered, like it should be. However, now if you scroll down, and click the image again, you see that it is now centered. I also noticed that when the page is scrolled up, and the image does not center, it always is placed below the thumbnail image, or otherwise where ever the DIV is located. It normally located under the image, but if i place the DIV at the top of the page then the window will pop up there.
And this does happen on every browser that I have tested, Firefox, IE, and Chrome.

So, I am pretty much stumped as to why this is happening. If anyone can shed some light I would be very grateful.

Thank You



Here is a link to the original code:
http://synaxis.pcriot.com/javascript...ox/glassbox.js

And modified code:
http://synaxis.pcriot.com/javascript...ox/glassbox.js

The modified code is at the very bottom of the script.

Original Code:
Code:

/** 
* @public 
*/
if ( typeof($) == 'undefined' ) {
  $ = function (id) {
    return document.getElementById(id);
  }
}

Modified Code

Code:

/** 
* @private 
*/
var removeElement = function(id) {
	var Node = document.getElementById(id);
	Node.parentNode.removeChild(Node);
}

/** 
* @private 
*/
var getDocHeight = function() {
	var db = document.body;
	var ddE = document.documentElement;
    return Math.max(
        db.scrollHeight, db.offsetHeight, db.clientHeight, 
        ddE.scrollHeight, ddE.offsetHeight, ddE.clientHeight
    );
}
/** 
* @public 
*/
if ( typeof($) == 'undefined' ) {
  $ = function (id) {
    return document.getElementById(id);
  }
}

I have been hard at work coding a fancy JQuery form validation script. Problem is, when I run validation on my form, it seems to work, but no email is sent. But when I disable validation, the email sends just fine. I am fairly new to JavaScript, and need some help pinpointing where my error is.

Here is the code.

Code:

// BEGIN JAVASCRIPT
$(function(){
	
    //original field values
    var field_values = {
            //id  :  value
            'name'  :  'your name',
            'email'  :  'your email',
			'yourmessage'  :  'I would like to inquire about'
    };

    //inputfocus
    $('input#name').inputfocus({ value: field_values['name'] });
    $('input#email').inputfocus({ value: field_values['email'] });
	$('textarea#yourmessage').inputfocus({ value: field_values['yourmessage'] });

    //form validation
    $('form').submit(function validateForm(){ return false }); // removing this return false seems to mess up validation
    $('#submit').click(function(){
        //remove classes
        $('#sendamessage input').removeClass('error').removeClass('valid');

        //ckeck if inputs aren't empty
        var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;  
        var fields1 = $('#sendamessage input[type=text],#sendamessage textarea');
        var error = 0;
        fields1.each(function(){
            var value = $(this).val();
            if( value.length<2 || value==field_values[$(this).attr('id')] || ( $(this).attr('id')=='email' && !emailPattern.test(value) ) ) {
                $(this).addClass('error'); // css class
                $(this).effect("shake", { times:3 }, 50);

                error++;
            } else {
                $(this).addClass('valid'); // css class
            }
        });     
        
        if(!error) {
        	// this is where I get confused. How do I make this send the form?
        	alert('Data sent');
    		});
        } 						
    }); 	
});
// END JAVASCRIPT


        <form method="post" action="" onsubmit="return validateForm()" >
			<input type="hidden" name="ccf_customhtml" value="1" />
			<input type="hidden" name="success_message" value="Thank you for filling out our form!" />
			<input type="hidden" name="destination_email" value="dauidus@gmail.com" />
            <input type="hidden" name="required_fields" value="" />

            	<label for="name">Name</label>
            		<input type="text" name="name" id="name" value="your name" /> 
            
            	<label for="email">Email</label>
            		<input type="text" name="email" id="email" value="your email" /> 
            
            	<label for="yourmessage">Your Message</label>
            		<textarea name="yourmessage" id="yourmessage" value="I would like to inquire about" style="margin-bottom:20px;" />I would like to inquire about</textarea>

            		<input class="send submit" id="submit" type="submit" value="" style="position: relative; bottom: -70px; left: 25px; " />
        </form>

I am using a WordPress plugin to automatically send the contents of the form to email. It works without the javascript enabled. But when I turn on JS the form gets validated, but no email is sent.

Please let me know if I should include anything else here... I've been looking at this code so much that I'm having a hard time doing it with fresh eyes. The problem page is on http://new.dauidusdesign.com/contact/. FYI, I am also looking to make this work with the 'request a quote' link on the same page.

Cheers!
-Dave

I like to figure out in my ready made For Loop
it out puts a list of names and amounts

I want to figure out how to put in a colour scheme.

such as having every second row in yellow highlight?

here is my code

Code:

<title>The Lighthouse</title>
<link href="lhouse.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="list.js"></script>

<script type="text/javascript">
total=0;
for (var i=0; i<amount.length; i++)
	{
	total=total+amount[i];
	}
document.write(total);
</script>
</head>

<body>

<div id="title">
   <img src="logo.jpg" alt="The Lighthouse" />
   The Lighthouse<br />
   543 Oak Street<br />
   Delphi, KY &nbsp;&nbsp;89011<br/>
   (542) 555-7511
</div>
<div id="data_list">
<script type="text/javascript">
document.write('<table'+' border="1"'+' rules="row"'+'cellspacing="0">'+'<tr>'+'<th>Date</th>'+'<th>Amount</th>'+'<th>First Name</th>'+'<th>Last Name</th>'+'<th>Address</th>'+'</tr>');
for (var i=0; i<date.length; i++){	
	document.write('<tr>'+'<td>'+date[i]+'</td>'+'<td>'+amount[i]+'</td>'+'<td>'+firstName[i]+'</td>'+'<td>'+lastName[i]+'</td>'+'</tr>');}
</script>
</table>
</div>

Any suggestions on how to add the colour within the loops

How come this isn't working?

document.getElementById('glance').style.display='block'.color='gold';

Hi i am trying to change the colour of the text in my menu bar, i know you can do this with css or jquery but i want to try and do it with javascript in an external script sheet. I want to use the onmouseover and onmouseout functions to change the colours, and i want it so their are different colours for each menu item.

Can anybody help me?