JavaScript - Remove Element Simple Script Error

I'm working on a webpage where I used this code to display random images. I used it for three images in a row and I keep getting white spacing in between them when they should be right up against each other. This is the code I'm using:
Code:

                  <script language="JavaScript">
<!--

/*
Random Image Script- By JavaScript Kit (http://www.javascriptkit.com) 
Over 400+ free JavaScripts here!
Keep this notice intact please
*/

function random_imglink(){
var myimagesblue=new Array()
//specify random images below. You can have as many as you wish
myimagesblue[1]="images/circles_blue/circle_bl_01.jpg"
myimagesblue[2]="images/circles_blue/circle_bl_02.jpg"
myimagesblue[3]="images/circles_blue/circle_bl_03.jpg"
myimagesblue[4]="images/circles_blue/circle_bl_04.jpg"
myimagesblue[5]="images/circles_blue/circle_bl_05.jpg"
myimagesblue[6]="images/circles_blue/circle_bl_06.jpg"
myimagesblue[7]="images/circles_blue/circle_bl_07.jpg"
myimagesblue[8]="images/circles_blue/circle_bl_08.jpg"
myimagesblue[9]="images/circles_blue/circle_bl_09.jpg"
myimagesblue[10]="images/circles_blue/circle_bl_10.jpg"
myimagesblue[11]="images/circles_blue/circle_bl_11.jpg"
var ry=Math.floor(Math.random()*myimagesblue.length)
if (ry==0)
ry=1
document.write('<img src="'+myimagesblue[ry]+'" border=0>')
}
random_imglink()
//-->
</script>

Is there a way to get the white space removed?
Thanks

Hi, I got this two javascripts:
- Datepicker by Jason Moon (http://calendar.moonscript.com/dateinput.cfm) which can have multiple of this datepicker on a single form

- Dynamic Add/Remove rows from http://viralpatel.net/blogs/2009/03/...avascript.html

I would like to add rows of fields with each rows having it's individual datepicker.

Code:

	<table id="billcmp_7" width="320" border="0">
	  <tr>
	    <td width="200" align="center"><script>DateInput('billcmp7_cycle', true)</script></td>
	    <td width="10">&nbsp;</td>
	    <td width="100" align="center"><input name="billcmp7_name" type="text" /></td>
	    <td width="10"><INPUT type="checkbox" name="chk"/></td>
	  </tr>
	</table>
	<table width="320" border="0">
	  <tr>
	    <td colspan="4" align="center"><INPUT type="button" value="Add Row" onclick="addRow('billcmp_7')" /><INPUT type="button" value="Delete Row" onclick="deleteRow('billcmp_7')" /></td>
	  </tr>
	</table>

I just want this section
Code:

<script>DateInput('billcmp7_cycle', true)</script>

to work like
Code:

<script>DateInput('billcmp7_cycle_1', false)</script>
<script>DateInput('billcmp7_cycle_2', false)</script>

when click on the add button.

Here's what i meant? Link

cant get the time to be different as it is still read as single datepicker.

Any1 has any idea how or any alternative?

(just started JS 2 weeks ago) -- this is also my first time posting here, if my post isnt following the proper template let me know and Ill fix it .. Thanks so much for taking the time to check this out in advance

Im trying to make the first ul tag in the each slideMenus[] array index values have a position of left = 0px I keep recieving this error however
____________________________________________________
Error: slideMenus[i].getElementsByTagName("ul").style is undefined

Line: 63
------------------------------------------------------------------

the script in question is in [code]. Could someone tell me if I am just making a syntax error if not ill try redoing the whole thing.










window.onload = makeMenus

var currentSlide = null
var timeID = null
leftPos = 0

function makeMenus(){
var slideMenus = new Array()
var allElems = document.getElementsByTagName("*")
var slideListArr = new Array()

for(var i=0 ; i < allElems.length ; i++){
if(allElems[i].className = "slideMenu") slideMenus.push(allElems[i])
}



for(var i=0 ; i < slideMenus.length ; i++){
slideMenus[i].onclick = showSlide;
Code:

slideMenus[i].getElementsByTagName("ul")[0].style.left = "0px";

}
document.getElementById("head").onClick = closeSlide
document.getElementById("main").onClick = closeSlide
}

function showSlide(){
var slideList = this.getElementsByTagName("ul")[0] // mess with this
if((currentSlide != null) && (currentSlide.id == slideList.id))
{closeSlide()}

else{
closeSlide();
var currentSlide = slideList;
currentSlide.style.display = "block";
timeID = setInterval('moveSlide()', 1);
}
}

function closeSlide(){
if(currentSlide){
clearInterval(timeID);
currentSlide.style.left = "0px"
currentSlide.style.display = "none";
var currentSlide = null
}
}

function moveSlide(){
var leftPos = leftPos + 5;
if(leftPos <= 220)
{currentSlide.style.left = leftPos + "px"}
else{
clearInterval(timeID);
var leftPos = 0}
}

The script inside my opening if statement is working, but is the rest of this written right? I'm just want my script to run after it makes sure that a div class named single-journal-entry-wrapper is on the page.

Code:

function doit() {
	
	document.getElementsByTagName("div")
	for ( var x = 0; x < div.length; x++ )
       {
           var div = div[x];
           if ( div.className.indexOf("single-journal-entry-wrapper") >= 0 )
                { do somethang!}
       }
}


{

Hi,

Below is the code which is used to validate the entries on a form(some field are not be left blank). The user gets the msg when he hits the "Check"button. The problem is after the user gets the msg, I am not able to set the focus in the field which is the first element of an error array which stores the info about the fields with errors on this form.

Please help.

==========================================================
<html>
<head>
<script type="text/javascript">
function check_alert()
{
var errors=[];

if (text1.value==""||text1.value==null)
{
errors[errors.length]="Please enter the Company Name";
}
if(text3.value==""||text3.value==null)
{
errors[errors.length]="Please enter the Address";
}
if(text5.value==""||text5.value==null)
{
errors[errors.length]="Please enter the City";
}
if(text6.value==""||text6.value==null)
{
errors[errors.length]="Please enter the Zip/Costal Code";
}

if(text7.value==""||text7.value==null)
{
errors[errors.length]="Please enter the Country";
}

if (errors.length>0)
{
reportErrors(errors);
return false;
}
else return true;
}

function reportErrors(errors)
{
var msg="There are some errors..\n";
var numerror;
for (var i=0;i<errors.length;i++)
{
numerror=i+1;
msg+="\n"+numerror+"."+errors[i];
}
alert(msg);
document.form.element(errors[0]).focus();
}
</script>
</head>

<body onload="text1.focus()">

Company:<input type="text" name="text1" /><br>
Division:<input type="text" name="text2" /><br>
Address1:<input type="text" name="text3" /><br>
Address2:<input type="text" name="text4" /><br>
City:<input type="text" name="text5" /><br>
State:<select name="state">
<option value= "Alabama" selected>Alabama</option>
<option value= "Alaska">Alaska</option>
<option value= "Arizona">Arizona</option>
<option value= "Arkansas">Arkansas</option>
</select><br>
Zip/Postal Code:<input type="text" name="text6"/><br>
Country:<input type="text" name="text7" /><br>
<input type="button" value="Check" onclick="return check_alert()"/>

</body>
</html>
=======================================================

Hello,

I have this short script he

Code:

function resizeImages() { //Function will be ran onload in the <body> tag
	var img = document.images; //Puts all the images in an array
	
	for (var i = 0; i < img.length; i++) { //A loop to execute a set of functions for every image
		var parentElement = img[i].parentNode; //Gets parent element of image
		
		var parentWidth = parentElement.width(); //Gets width of parent element (value is an integer without "px")
		var imgWidth = img[i].width(); //Gets image width
		
		var parentHeight = parentElement.height(); //Gets height of parent element
		var imgHeight = img[i].height();//Gets image height
		
		if (parentWidth < imgWidth){
			img[i].width(parentWidth); //Sets width of image to width of parent element
			img[i].style.height = "auto"; //Scales height
		}
		
		if (parentHeight > imgHeight){
			img[i].height(parentHeight);  //Sets height of image to height of parent element
			img[i].style.width = "auto"; //Scales width
		}
		
		alert(parentWidth); //To test if parentNode is working correctly.  Should return an integer.
	}
}

It's got some JQuery in it (.width() and .height()) to make manipulation of the dimensions easier to manage.

Basically, it's supposed to resize all the images on the webpage to the size of their parent elements (divs) without losing aspect ratio. Image overflow will be hidden so that no matter what the aspect ratio of the image and it's container the largest possible area of the image will be exposed.

The alert() function I have at the bottom is supposed to run as a test that each loop is working correctly. However, my images don't get resized and I get no alert. I think the loop may be breaking out before it goes through everything. Anyone have ideas? I'm not a Javascript coder.

Thank you,
Jared

Hi,

I need a very simple script that will do the following :

I have a HTML form.
I have an input call "title". Say I wrote "fleur-de-lys"
I have a text area call "text"

When I hit the submit button I want to do :

1. Create a HTML webpage with the name in input :
fleur-de-lys.html
2. Add the text in "text" somewhere in the body of that new file fleur-de-lys.html
3. Add a preview of that text somewhere in my index page

Basically it's like you post a new article on wordpress or whatever, but I just want something simple no database and just need help on how I do this.

Thank you very much

ok i am trying to make a countdown timer from 20 seconds when i click start
where am i going wrong with this

Code:

<html>
<head>


</head>



<body>
<script type="text/javascript">
function timer()
{
 var milisec=0 
 var seconds=20
document.counter.d2.value=20



function display()

{ 
 if (milisec<=0){ 
    milisec=9 
    seconds-=1 
 } 
 if (seconds<=-1){ 
    milisec=0 
    seconds+=1 
 } 
 else 
    milisec-=1 
    document.counter.d2.value=seconds+"."+milisec 
    setTimeout("display()",100) 



display()




}}

</script> 



<form name="counter">
<center>
Text Timer<br>
<input type="text" size="30" name="d2"> <br>
<input type="button" onclick="timer()" value="click me to start">
</center>

</form>





</body>
</html>

Hey guys, so I am a designer (not a developer) doing a site for someone.
I am playing with some simple free javascripts.

I have lightbox and toggler. Both work great individually.
They are conflicting and everywhere online says to set the both to onLoad in the body tag.
Sounds easy enough.

But I can't seem to figure out the call for this script:
Code:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="../js/expand.js"></script>
<script type="text/javascript">

$(function() {
$("h2.expand").toggler({method: "fadeToggle"});
});
//--><!]]>
</script>

<body onload="toggler();initLightbox()"> is what is seems like it should be for me. But that isn't working at all.

Please help!

I feel like I have tried every possible name with the toggler()...


If you need more, I can point you to the site itself and you can see all of the (messy) code.

Hey,

so I have successfully used this tutorial;
http://articles.sitepoint.com/articl...y-javascript/3

to create a web page that "smoothscrolls" down to a certain point of content on the page. So, I know the java works!

My problem is, I have changed the website to be along the X axes and not the Y, so instead of it scrolling "down" the page, I would like it to scroll from left to right. i.e on the X axes not the Y.

Is there anyway of doing this by editing that java file? All my buttons work and display the correct part of the website, but the java doesn't work slidiing sideways.

Thank you in advance!
Darren

Code:

<script type="text/javascript">
function toggleVisibility4(controlId)
{

var z = document.forms["frm_sms"]["phone"].value;

var minimumnum = 10;

var control = document.getElementById(controlId);





if (z.length <= minimumnum)
  {

control.style.visibility = "visible";



  }
else

  {
control.style.visibility = "hidden";
}

</script>

im not sure where im going wrong
i am calling this script from a " onkeyup="toggleVisibility4('arrow')" "

the arrow is a div i am wanting to hide when the input field "phone" on a form id of "frm_sms" has more than 10 characters
any ideas guys

Hi all,

I know this sounds absurd, but I like to display a clickable image in javascript. I have searched the net for like 2 hours, and I simply CANT find any page that can help me with that extremely simple javascript.

This is how its look like in html:

Code:

<a href="http://www.horse.com"><img src="jul.jpg" width="468" height="80" border="0" /></a>

Please! How can I make that simple code in javascript?!

Thanks!

I am a very novice web coder and can't get this to work... I've tried everything and am getting no where but frustrated! Thanks in advance!!

Code:

<html>

<head>

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function  calculateSavings() 
{
	var lastBill = eval(document.theForm.elements[0].value);
	var frequencyRating = eval(document.theForm.elements[1].value);
	var savingsRate = .05;
	var annualSavings = 0;
	
/*	
	if (frequencyRating == 'every day)
	{
		savingsRate = .01;
	}
	else if (frequencyRating == 'weekly)
	{
		savingsRate = .05;
	}
	else if (frequencyRating == 'monthly')
	{
		savingsRate = .15;
	}
	else if (frequencyRating == 'yearly')
	{
		savingsRate = .2;
	}
*/
	
	annualSavings = lastBill * savingsRate;
	
	document.write(annualSavings);
}
// End -->
</SCRIPT>

</head>

<body>

<form name="savingsCalcForm">
How much was your last bill?
<br><INPUT TYPE="text">
<br>
<br>
How often are you using your tractor?
<br><input type="radio" name="group1" value="every day"> every day<br>
<input type="radio" name="group1" value="weekly "> weekly<br>
<input type="radio" name="group1" value="monthly"> monthly<br>
<input type="radio" name="group1" value="yearly"> yearly<br>
<br>
<br>
<INPUT TYPE="button" VALUE="calculate savings" onClick="calculateSavings();">

</form>

</body>

</html>

I am at a lost, new to JavaScript and not sure why I am getting Nan

Code:

<script type="text/javascript">
    
    var num1;
    var num2;
    var num3;
    var ave_num=Math.round((num1 + num2 + num3) / 3);
    
    
//follow prompts to enter numbers and print average

    </script>

The bit of code in bold in the code below is giving me this error in IE:

Error:
Code:

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; Trident/4.0; Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1) ; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.5.30729; Tablet PC 2.0; InfoPath.2; OfficeLiveConnector.1.4; .NET CLR 3.0.30729; OfficeLivePatch.1.3; MSN OptimizedIE8;ENGB)
Timestamp: Tue, 16 Mar 2010 15:07:11 UTC

Message: HTML Parsing Error: Unable to modify the parent container element before the child element is closed (KB927917)
Line: 0
Char: 0
Code: 0
URI: http://www.mateinastate.co.uk/users/mateinastate

Code:
Code:

if(document.getElementById('msn1').innerHTML=="")
{
	 document.getElementById('msn1').style.display='none';
}
if(document.getElementById('yahoo1').innerHTML=="")
{
	 document.getElementById('yahoo1').style.display='none';
}
if(document.getElementById('skype1').innerHTML=="")
{
	 document.getElementById('skype1').style.display='none';
}
if(document.getElementById('facebook1').innerHTML.toLowerCase().substr(0,18)=='<a href="http://">')
{
	 document.getElementById('facebook1').style.display='none';
}
else if(document.getElementById('facebook1').innerHTML.toLowerCase().substr(0,11)=='<a href="">')
{
	 document.getElementById('facebook1').style.display='none';
} else
{
	 document.getElementById('fbook-add').innerHTML='Facebook Profile';
}

What it's saying isn't actually true (I don't think)... this is how the section is laid out:

Code:

<div id="submenu1" class="anylinkcss">
<ul>
<li class="contact-pm"><a href="/index.php?do=pm&act=new&to=$RateViewProfileUserName$&returnurl=$ReturnURL$">PM me</a></li>
<li class="contact-email"><a href="/index.php?do=email&id=$RateViewProfileUserId$">E-mail me</a></li>
<li class="contact-msn" id="msn1">$RateViewProfileUser-profile_msn$</li>
<li class="contact-yahoo" id="yahoo1">$RateViewProfileUser-profile_yahoo$</li>
<li class="contact-skype" id="skype1">$RateViewProfileUser-profile_skype$</li>
<li class="contact-facebook" id="facebook1"><a href="$RateViewProfileUser-profile_facebook$"><span id="fbook-add"></span></a></li>
</ul>
</div>

<script type="text/javascript" src="/html_1/js/contact-information.js"></script>

Does anyone know why this might error in just IE?