Learn VBA & Macros in 1 Week!

JavaScript - Form Validation Doesn't Work In Ff

Full Excel VBA Course - Beginner to Expert

Form Validation Doesn't Work In Ff	View Content

Hi, doing form validation at college just now. The lecturer gave all of us this following example. But it doesn't seem to work in firefox. I have tried my own scripts and they seem to work so have no idea whats happening!

Code:

<html>
<head>
<title>Javascript validation program  - limits field length and content</title>
<script type="text/javascript">

function ValidateForm()
{
var msg='';
if(document.getElementById('CC').value=='')
  {
	msg+='- Please enter CC\n\n';
  }
else
// Now test if CC is purely 2 capital letters...

  {
   var CC=RTrim(document.getElementById('CC').value);
// alert(CC);
   if (CC.length==2)
   {
      if (isCHAR(CC)==false) 
      {
       msg+=' - CC not solely 2 capital letters \n\n';
      }
   }
   else
       msg+=' - CC not 2 letters in length \n\n';
  }

if(document.getElementById('NNNNNN').value=='')
 {
	msg+='- Please enter NNNNNN \n\n';
  }
else
  {
// Now test if NNNNNN is purely 6 digits...

   var NIdigits=RTrim(document.getElementById('NNNNNN').value);
   if (NIdigits.length==6)
   {
   if (isInteger(NIdigits)==false) 
   {
       msg+=' - NNNNNN not solely digits \n\n';
   }
}
else
   msg+=' - NNNNNN not 6 digits in length\n\n';
   }
   
// Lastly check if the last field contains only 1 char
   
if(document.getElementById('C').value=='')
 {
	msg+='- Please enter C \n\n';

 }
else
// Now test if C is a single letter...

  {
   var C=RTrim(document.getElementById('C').value);

  if (C.length==1)
   { 
   if (isCHAR(C)==false)
   {
       msg+=' - C not a capital letter \n\n';
   }
   }
   else
   msg+=' C not 1 character in length';
   }
// alert(msg);
if(msg!='')
  {
//alert('Here...');  
  alert('The following fields are empty and/or invalid:\n\n'+msg);
	return false
  }
else
  {
	return true 
  }
}

function RTrim(str){
	if (str==null){return null;}
	for(var i=str.length-1;str.charAt(i)==" ";i--);
	return str.substring(0,i+1);
	}
	
//-------------------------------------------------------------------
// isBlank(value)
//   Returns true if value only contains spaces
//-------------------------------------------------------------------
function isBlank(val){
	if(val==null){return true;}
	for(var i=0;i<val.length;i++) {
		if ((val.charAt(i)!=' ')&&(val.charAt(i)!="\t")&&(val.charAt(i)!="\n")&&(val.charAt(i)!="\r")){return false;}
		}
	return true;
	}

//-------------------------------------------------------------------
// isInteger(value)
//   Returns true if value contains all digits
//-------------------------------------------------------------------
function isInteger(val){
	if (isBlank(val)){return false;}
	for(var i=0;i<val.length;i++){
		if(!isDigit(val.charAt(i))){return false;}
		}
	return true;
	}
//-------------------------------------------------------------------
// isCHAR(value)
//   Returns true if value contains all CHARS
//-------------------------------------------------------------------
function isCHAR(val){
	if (isBlank(val)){return false;}
	for(var i=0;i<val.length;i++){
		if(!isCAPlet(val.charAt(i))){return false;}
		}
	return true;
	}
//-------------------------------------------------------------------
// isDigit(value)
//   Returns true if value is a 1-character digit
//-------------------------------------------------------------------
function isDigit(num) {
	if (num.length>1){return false;}
	var string="1234567890";
	if (string.indexOf(num)!=-1){return true;}
	return false;
	}

//-------------------------------------------------------------------
// isCAPlet(value)
//   Returns true if value is a 1-character letter
//-------------------------------------------------------------------
function isCAPlet(num) {
	if (num.length>1){return false;}
	var string="ABCDEFGHIJKLMNOPQRSTUVWXYZ";
	if (string.indexOf(num)!=-1){return true;}
	return false;
	}
</script>

</head>

<body bgcolor="#FFFFFF">

<form action='http://10.205.3.202/Valid.php' method='POST'  onsubmit='return ValidateForm();'>



<H1>Validate NI No</H1>


<p>

NI-No    :

<INPUT TYPE="text" id='CC' NAME="CC" SIZE='2' maxlength='2' >
-


<INPUT TYPE="text" id='"NNNNNN"' NAME="NNNNNN" SIZE='6' maxlength='6' >

<INPUT TYPE="text" id='C' NAME="C" SIZE='1' maxlength='1'>

<p>

<INPUT  TYPE="submit" id='Process' value="Process" name="submit">



</form>

</body>
</html>

Any help would be great.

Full Excel VBA Course - Beginner to Expert

Javascript Form Validation Doesn't Recognize A Value When Using Ie

Similar Tutorials

View Content

Dynamic Creation Of Form Element Name/id Properties Doesn't Work In Ie

Similar Tutorials

View Content

Hi!
I have encountered a problem with IE that I'm simply unable to solve. I have a form where the user can choose different things to input from a drop down list and depending on the choise, different kinds of textboxes of text areas etc. are loaded onto the page with JS. After the user has finished inputing text and submits the form, I read the input with PHP and process it further. Now, this works perfectly in firefox but IE doesn't seem to add the name properties to the elements (both textboxes and text areas) because PHP cannot find them and no info is printed from the input. The creation of the elements (adding them to the page...) works just fine, it's just getting the data from them that's the problem. Since it works in FF I know it's not a PHP problem. I've used the recommended .name to set the property (although I've also tried .setAttribute() etc), yet it still doesn't work. What can I do to solve this?

My relevant JS code:

Code:

function addTextbox(idName, head)
{
var target = document.getElementById('addThings');

var newDiv = document.createElement("div");
newDiv.id = "container"; 
newDiv.name = "container"; 
newDiv.setAttribute("className", "intNew"); //IE
newDiv.setAttribute("class", "intNew"); //FF

var newTextbox = document.createElement("input");
newTextbox.type = "text";
newTextbox.id = idName; //--
newTextbox.name = idName; //Doesn't work in IE?.. 
newTextbox.setAttribute("className", "newWidth"); //IE
newTextbox.setAttribute("class", "newWidth"); //FF

var text = document.createTextNode(head + ":"); 

target.appendChild(newDiv);
newDiv.appendChild(text);
newDiv.innerHTML += "<br />";
newDiv.appendChild(newTextbox);
newDiv.innerHTML += "<p />";

}

(The text area function is the same, more or less)

The PHP code, if anyone's interested:

Code:

if($_POST['createBtn'])
{
$head = $_POST['head']; //1
$intro = $_POST['intro']; //2
$question = $_POST['question']; //3
$answer = $_POST['answer']; //3
$image = $_POST['image']; //?
$author = $_POST['author']; //5
$end = $_POST['end']; //4
//sammanfattning

printHTMLTop(9);

$today = date('Y-m-d');

$text = <<<END
<div class="intContainer">
<div class="intHeadRow"><b>$head &nbsp;</b></div>
<div class="stpdIEContainer">
<div class="intTextContainer">
<p />
$intro
<p />
END;

if($question != "" && answer != "")
{
foreach($question as $k)
{
$text .= $k . "<p />";

foreach($answer as $j)
{
$text .= $j . "<p />";
}

}
}

$text .= <<<END
<p />
$end
<p />
<i>Skrivet av: $author den $today</i>
</div> <!-- intTextContainer -->
<div class="intImgContainer">&nbsp;</div></div> <!-- stpdIEContainer -->
</div> <!-- intContainer -->

END;

//Prints to new file (on server) 
$file = file_put_contents('interviews/interview01.html', $text); //Set name
//Add to DB

//print newly created file
$page = file_get_contents('interviews/interview01.html');

echo $page;

printHTMLBottom();

How Come This Form Validation Wont Work

Similar Tutorials

View Content

Hi guys..

I cant figure out why the validation wont work on the form..

PHP Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Cork Discos Mailing List</title>
<link href="css/stylesheet.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/form_validation.js"></script>
</head>

<body>

    <div id="wrapper">

      <div id="star1">
      <div id="star2">
      <div id="star3">
      <div id="star4">
      <div id="header">
        <h1>Cork Discos Texting Service</h1>
      </div>
      <div id="content">

                            <form name="frm" action="index.html" method="POST" onsubmit="return validateForm()">
                            <table width="100%" border="0" cellspacing="2" cellpadding="3"  class="mainForm">
                                <tr>
                                <td class="normalText" align="left" style="padding:0px 0px 0px 33px">
                                    <table border="0" cellspacing="3" cellpadding="2">
                                        <tr>
                                            <td class="normalHeading" colspan="2" style="padding-bottom:6px">

                                                <div id="error_msg" class="txtErrorMsg" align="center"></div>

                                            </td>
                                        </tr>
                                        <tr >
                                            <td class="normalText" width="30%">First Name</td>
                                            <td><input type="text" name="firstName" id="firstName"  class="input1" style="width:195px" maxlength="10"/></td>
                                        </tr>
                                        <tr>
                                            <td class="normalText">Last Name</td>
                                            <td><input type="text" name="lastName" id="lastName" class="input1" style="width:195px" maxlength="10"/></td>
                                        </tr>
                                        <tr>
                                            <td class="normalText">Mobile</td>
                                            <td><input type="text" name="mobile"  id="mobile" class="input1"  style="width:195px" maxlength="10" onkeypress="return fnIsIntNumber(event,this);"/></td>
                                        </tr>
                                        <tr>
                                            <td class="normalText">Email</td>
                                            <td><input type="text" name="email" id="email" class="input1"  style="width:195px" onblur="IsEmail(this.vlaue)"/></td>
                                        </tr>
                                    
                                            <tr>
                                            <td class="normalText">Comments</td>
                                            <td>
                                                <textarea name="comments" id="comments" cols="22" rows="3" ></textarea>
                                            </td>
                                        </tr>

                                        <tr>
                                            <td class="normalText"> </td>
                                            <td valign="middle"><input class="send" type="image" value="submit" src="images/submit.gif" name="submit"/></td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                        </form>

      </div>
      </div>
      </div>
      </div>
    </div>

  </div>

</body>
</html>

Here is the js

PHP Code:
    var j = jQuery.noConflict();
    function isValidEmail(str) {
       return (str.indexOf(".") > 2) && (str.indexOf("@") > 0);
    }
    function validateForm(){
            var firstName;
            var lastName;
            var email;
            var mobile;
            var comment;
            var error;

            firstName = j('#firstName').val();
            lastName = j('#lastName').val();
            email = j('#email').val();
            mobile = j('#mobile').val();
            comment = j('#comments').val();

      if(firstName=='' || firstName.length < 3){
                error = 'Please Enter Your First Name';
                j('#errormsg').html('<p class="errors">'+ error +'</p>');
                return false;
            }
            if(lastName=='' || lastName.length < 3){
                error = 'Please Enter Your Second Name';
                j('#errormsg').html('<p class="errors">'+ error +'</p>');
                return false;
            }
            if(email=='' || !isValidEmail(email)){
                error = 'Please Enter Your Correct Email';
                j('#errormsg').html('<p class="errors">'+ error +'</p>');
                return false;
            }
            //mob
            //$jmob_pattern = '^\d{10}$j';
            if(mobile.length != 10 || isNaN(mobile)){
                error = 'Please Enter Your Correct Mobile Number';
                j('#errormsg').html('<p class="errors">'+ error +'</p>');
                return false;
            }


            if(comment.length < 10){
                error = 'Please Enter A Comment More Than 10 Characters';
                j('#errormsg').html('<p class="errors">'+ error +'</p>');
                return false;
            }
            return true;
    }

Can anybody figure it out.. im trying it all morning

Validation Form Does Not Seem To Work. Boolean Or Variable?

Similar Tutorials

View Content

Hello fellow programmers,

I am having some trouble with my javascript doing what I want it to, which is returning values (true/false || 1/0).

I haven't used much javasript but I am experienced with C#, Java, Python etc so this is sort of new to me syntax wise.

Here is what I have so far:
http://jsfiddle.net/HpSyJ/1/

note: for some reason css doesn't like jsfiddle :S, the error messages are hidden in my Notepad++ & firefox combo though

Really all I want is when I hit submit, it runs an alert or changes the error message to visible.

Can someone please have a quick read over and see if anything jumps out at them?

Thanks in advance, Andrew

Form Wont Send In Ie7, Validation Wont Work?

Similar Tutorials

View Content

Hi Guys,

im using chrome and ff and it worked fine till i tested on ie7 and the form just wont send on ie7. it gives me a validation error msg "SOME VALUES ARE NOT ACCEPTABLE" when i try to submit.

ive tried so many things and i cant figure out why ie7 wont send upon submit like ff does, code seems to be fine, pls see validation coding line 7 - 32 , any jsGURU advice will be much appreciated!

Code:

<?php defined('_JEXEC') or die('Restricted access'); ?>
<?php JHTML::_('behavior.formvalidation'); ?>
<script language="javascript" type="text/javascript">
function submitbutton(pressbutton)
{
	var form = document.adminForm;
	if (pressbutton == 'cancel') {
		submitform( pressbutton );
		return;
	}

	// do field validation
	if (document.getElementById('jformfirstname').value == ""){
		alert( "<?php echo JText::_( 'Firstname is missing.', true ); ?>" );
	} else if (document.getElementById('jformsurname').value == ""){
		alert( "<?php echo JText::_( 'Surname is missing.', true ); ?>" );
	} else if (document.getElementById('jformemail').value == ""){
		alert( "<?php echo JText::_( 'Email is missing.', true ); ?>" );
	} else if (document.getElementById('jformphone1').value == ""){
		alert( "<?php echo JText::_( 'Phone1 is missing.', true ); ?>" );
	} else {
	       if (document.formvalidator.isValid(form)) {
				submitform( pressbutton ); 
        }
        else {
                alert("<?php echo JText::_( 'SOME VALUES ARE NOT ACCEPTABLE.', true ); ?>");
        }

		
	}
}
</script>
<?php if ($this->courseid){ ?>
<?php if ( $this->params->def( 'show_page_title', 1 ) ) : ?>
	<div class="componentheading<?php echo $this->params->get( 'pageclass_sfx' ); ?>">
		<?php echo $this->courseDetails->title; ?>
	</div>
<?php endif; ?>
<h3>Course Details</h3>
<table cellSpacing=0 cellPadding=5 width="90%" border=0>
   <tr>
      <td width="20%"><?php echo JText::_( 'Course Title' ); ?>:</td>
      <td width="30%"><?php echo $this->courseDetails->title;?></td>
      <td width="20%"><?php echo JText::_( 'Code' ); ?>:</td>
      <td width="30%"><?php echo $this->courseDetails->code;?></td>
   </tr>
  <tr>
<td><?php echo JText::_( 'Price' ); ?>:</td>
      <td><?php echo (number_format($this->courseDetails->price,2));?></td>
     <td><?php echo JText::_( 'No. of Days' ); ?>:</td>
      <td><?php echo $this->courseDetails->capacity;?></td>
   </tr>
   <tr>
<?php if ($_GET['hide'] != 1 ) { ?>
      <td><?php echo JText::_( 'Location' ); ?>:</td>
      <td><?php echo $this->courseDetails->course_location;?></td>

<?php

      }
      else
      {
          echo "<td>&nbsp;</td>";
          echo "<td>&nbsp;</td>";
      }

      ?>
   </tr>


   <tr>
         <?php if ($_GET['hide'] != 1 ) { ?>

     <td><?php echo JText::_( 'Start Date' ); ?>:</td>
     <td><?php echo Date('d-M-y', strtotime($this->courseDetails->start_date));?></td>


      <?php

      }
      else
      {
          echo "<td>&nbsp;</td>";
          echo "<td>&nbsp;</td>";
      }

      ?>
   </tr>

</table>

<?php } ?> 

<?php if ( $this->params->def( 'show_course_sessions', 1 ) && ($this->courseid) ) : ?>
<h3>Sessions</h3>
<table cellSpacing=0 cellPadding=5 width="90%" border=0>
<tr>
   <td width="20%" align="center" height="20" class="sectiontableheader<?php echo $this->params->get( 'pageclass_sfx' ); ?>">
      <?php echo JText::_('Day');  ?>
   </td>
   <td width="20%" align="center" height="20" class="sectiontableheader<?php echo $this->params->get( 'pageclass_sfx' ); ?>">
      <?php echo JText::_('Start Time');  ?>
   </td>
   <td width="20%" align="center" height="20" class="sectiontableheader<?php echo $this->params->get( 'pageclass_sfx' ); ?>">
      <?php echo JText::_('Finish Time');  ?>
   </td>
   <td width="10%" align="center" height="20" class="sectiontableheader<?php echo $this->params->get( 'pageclass_sfx' ); ?>">
      <?php echo JText::_('Duration');  ?>
   </td>
   <td width="30%" align="center" height="20" class="sectiontableheader<?php echo $this->params->get( 'pageclass_sfx' ); ?>">
      <?php echo JText::_('Location');  ?>
   </td>
</tr>
         <?php
  $k = 0;
  $n=count( $this->course_sessions );
  if ($n > 0){
   for ($i=0, $n; $i < $n; $i++)
   {
      $row = &$this->course_sessions[$i];
      ?>
            <tr>
               <td align="center">
      <?php echo $row->session_day;?> 
               </td> 
               <td align="center">
      <?php echo date('H:i', strtotime($row->start_time));?> 
               </td> 
               <td align="center">
      <?php echo date('H:i', strtotime($row->finish_time));?> 
               </td> 
               <td align="center">
      <?php echo $row->duration;?> 
               </td> 
               <td align="center">
      <?php echo $row->session_location;?> 
               </td> 
            </tr> 
    <?php 
    $k = 1 - $k;
   }
  } else {
  ?> <tr> <td colspan="5"><? echo JText::_( 'There are no sessions for this course' );?></td></tr><?php } ?>
</table>
<?php endif; ?>

<form action="<?php echo $this->action ?>" method="post" name="adminForm" id="adminForm" class="form-validate">
<?php if ( $this->params->def( 'show_page_title', 1 ) ) : ?>
	<div class="componentheading<?php echo $this->params->get( 'pageclass_sfx' ); ?>">
		<?php echo $this->escape($this->params->get('page_title')); ?>
	</div>
<?php endif; ?>
<table cellpadding="4" cellspacing="1" border="0" width="100%">
<tr>

	<td width="15%">
		<label for="jformcourseid">
			<?php echo JText::_( 'Course' ); ?>:
		</label>
	</td>
	<td>
		<?php  echo $this->lists['courseid'];?>*
        
	</td>
</tr>
<?php if ($_GET['hide'] == 1 ) { ?>
<tr>
       <td valign="top">
                <label for="jformcity">
                        <?php echo JText::_( 'I want to attend this course here' ); ?>:
                </label>
        </td>
        <td width="80%">


<select class="required" type="text" id="jformcountry" name="jform[country]" value="<?php echo $this->escape($this->booking->country);?>" />*
<option>Choose your Location</option>
<option>Melbourne</option>
<option>Sydney</option>
<option>Auckland</option>
</select>
        </td>
</tr>
<?php

      }


      ?>
<tr>
	<td valign="top">
		<label for="jformfirstname">
			<?php echo JText::_( 'Firstname' ); ?>:
		</label>
	</td>
       <td width="80%">
		<input class="required" type="text" id="jformfirstname" name="jform[firstname]" size="50" maxlength="250" value="<?php echo $this->escape($this->booking->firstname);?>" />*
	</td>
</tr>
<tr>
	<td valign="top">
		<label for="jformsurname">
			<?php echo JText::_( 'Surname' ); ?>:
		</label>
	</td>
	<td valign="top">
		<input class="required" type="text" id="jformsurname" name="jform[surname]" size="50" maxlength="250" value="<?php echo $this->escape($this->booking->surname);?>" />*
	</td>
</tr>
<?php if($this->userid > 0) { ?>
<tr>
	<td valign="top">
		<label for="jformusername">
			<?php echo JText::_( 'Username' ); ?>:
		</label>
	</td>
	<td width="80%">
    
		<input class="required" type="text" id="jformusername" name="jform[username]" size="50" maxlength="100" value="<?php echo $this->escape($this->username);?>" READONLY/>* 
	</td>
</tr>
<?php } ?>

<tr>
	<td valign="top">
		<label for="jformdepartment">
			<?php echo JText::_( 'Company' ); ?>:
		</label>
	</td>
	<td width="80%">
		<input class="inputbox" type="text" id="jformdepartment" name="jform[department]" size="50" maxlength="30" value="<?php echo $this->escape($this->booking->department);?>" />
	</td>
</tr>


<tr>
	<td valign="top">
		<label for="jformemail">
			<?php echo JText::_( 'Email' ); ?>:
		</label>
	</td>
	<td width="80%">
		<input class="validate-email" type="text" id="jformemail" name="jform[email]" size="50" maxlength="100" value="<?php echo $this->escape($this->email);?>"/>*
	</td>
</tr>
<tr>
	<td valign="top">
		<label for="jformphone1">
			<?php echo JText::_( 'Phone Number' ); ?>:
		</label>
	</td>
	<td width="80%">
		<input class="required" type="text" id="jformphone1" name="jform[phone1]" size="50" maxlength="20" value="<?php echo $this->escape($this->booking->phone1);?>" />*
	</td>
</tr>

<tr>
        <td valign="top">
                <label for="jformcity">
                        <?php echo JText::_( 'Locations' ); ?>:
                </label>
        </td>
        <td width="80%">

<select type="text" id="jformcity" name="jform[city]" value="<?php echo $this->escape($this->booking->city);?>" />
<option>Choose your Location</option>
<option>Melbourne</option>
<option>Sydney</option>
<option>Auckland</option>
</select>
        </td>
</tr>
<tr>
        <td valign="top">
                <label for="jforminstitution">
                        <?php echo JText::_( 'Referral Source' ); ?>:
                </label>
        </td>
        <td width="80%">

<select type="text" id="jforminstitution" name="jform[institution]" value="<?php echo $this->escape($this->booking->institution);?>" />
<option>How did you find out about us?</option>
<option>Search Engine</option>
<option>Friends</option>
<option>Others</option>

</select>
        </td>
</tr>




<tr>
	<td valign="top">
		<label for="jformdescription">
			<?php echo JText::_( 'Comments' ); ?>:
		</label>
	</td>
	<td>
		<textarea class="inputbox" cols="47" rows="6" id="jformdescription" name="jform[description]"><?php echo $this->escape( $this->booking->description);?></textarea>
	</td>
</tr>
</table>

<div>
	<button type="button" class="button validate" onclick="submitbutton('save')">
		<?php echo JText::_('Save') ?>
	</button>
	<button type="button" onclick="submitbutton('cancel')">
		<?php echo JText::_('Cancel') ?>
	</button>
</div>

	<input type="hidden" name="jform[id]" value="<?php echo $this->booking->id; ?>" />
	<input type="hidden" name="jform[ordering]" value="<?php echo $this->booking->ordering; ?>" />
	<input type="hidden" name="jform[approved]" value="<?php echo $this->booking->approved; ?>" />
	<input type="hidden" name="jform[userid]" value="<?php echo $this->userid; ?>" />
	<input type="hidden" name="option" value="com_courseman" />
	<input type="hidden" name="controller" value="booking" />
	<input type="hidden" name="task" value="" />
	<?php echo JHTML::_( 'form.token' ); ?>
</form>
</br>
Fields marked with an asterisk (*) are required.
</br>
</br>

Why Doesn't This Work In Ie?

Similar Tutorials

View Content

This is a script which has a window slide down on the page and a user can choose yes/no to continue. It works in all browsers other than IE...any help please? If you need more info, please let me know. Thanks.

<script language="JavaScript" type="text/javascript">

</script>

How Come This Doesn't Work?

Similar Tutorials

View Content

I have a few tabs on my website. They're each set to the corresponding id in the JS file. It's supposed to add #tab-1 to the end of the URL in the users browser when it's clicked. For example, when a user is at mypage.com and they click on the tab, it ads mypage.com/#tab-1 to the end. How come it doesn't do what I want when I click it though?

Here's an example of how it's setup.

HTML:

<a href="#tab-1" id="tab1">Text</a>

JavaScript:

document.getElementById("tab1").onclick = function(){
this.href += "#tab-1";
}

Script Doesn't Work ..

Similar Tutorials

View Content

hello... script doesn't work.. it does work in IE but not in another browser like mozilla,opera & safari? what should I do?..

Code:

//Current HTML of page
var html="";
//View of the page, Normal (Design), HTML, Preview
var currentview=0;
//Hold window objects for the color, table and properties dialogs
var table_dialog, color_dialog, properties_dialog;
//Current color action, ForeColor, or BackColor,
//used for communication between PageCreate window and Color dialog window
var pp;
//Is used to disable use of design tools in HTML or Preview mode
var enabletoolbar=false;
//Variable counter used to index the search in the document
var n=0;

function InitEditor(){
//Init editor in design mode,
maineditor.document.designMode=docmode;
//Write a blank page
WriteDefaultPage();
//Disable context menu
maineditor.document.oncontextmenu=new Function("return false;");
//Set focus to the editor
maineditor.focus();
}

function EditorView(view){
//Changes editor view to Normal, HTML, and Preview
if(currentview==1){
//If the last view was HTML then get the HTML edited by user in HTML mode
html=maineditor.document.body.innerText;
}
//If the last mode was Normal then get the whole HTML content of the page
else html=maineditor.document.all.tags("HTML")[0].outerHTML;
if(view==0){
//Normal Mode
EnableToolbar(true);
maineditor.location="about:blank";
maineditor.document.designMode=docmode;
maineditor.document.open("text/html");
maineditor.document.write(html);
maineditor.document.close();
maineditor.document.oncontextmenu=new Function("return false;");
maineditor.focus();
}
if(view==1){
//HTML Mode
EnableToolbar(false);
maineditor.location="about:blank";
maineditor.document.designMode=docmode;
WriteDefaultPage();
HTMLView();
maineditor.document.oncontextmenu=new Function("return false;");
}
if(view==2){
//Preview Mode
EnableToolbar(false);
maineditor.location="about:blank";
//Disable page editing
maineditor.document.designMode="Inherit";
//Write the HTML of the page
maineditor.document.open("text/html");
maineditor.document.write(html);
maineditor.document.close();
//Enable context menu
maineditor.document.oncontextmenu=new Function("return true;");
}
//Set current view
currentview=view;
}

function EnableToolbar(enable){
//Enable or disable toolbar
enabletoolbar=enable;
}

function OpenFile(){
if(window.confirm("Do you want to save changes in the current document?")){
//Show Save As Dialog
maineditor.document.execCommand("SaveAs");
}
fileopen_dialog.style.visibility="visible";
}

function OpenSelectedFile(){
//Check if the file is an HTML page
if(document.fileselect.thefile.value.indexOf(".htm")==-1){
window.alert("The selected file is not an HTML page, please select a valid HTML file");
return;
}
//Hide the open file dialog
fileopen_dialog.style.visibility="hidden";
//Create the FSO object
var fso=new ActiveXObject("Scripting.FileSystemObject");
//Open the selected file
var f=fso.OpenTextFile(document.fileselect.thefile.value);
//Get the content of the file
var thehtml=f.ReadAll();
//Close the file
f.close();
//Write a blank page
maineditor.window.location="about:blank";
//Write the HTML content
maineditor.document.open("text/html");
maineditor.document.write(thehtml);
maineditor.document.close();
//Set focus to editor
maineditor.focus();
}

function WriteDefaultPage(){
//Writes a blank HTML page in the editor
var pagehtml="<html>\n<head>\n<meta http-equiv=\"Content-Type\" content=\"text/html; " +
"charset=windows-1252\">\n<meta name=\"GENERATOR\" content=\"PageCreate\">\n" +
"<title>New Page</title>\n</head>\n<body>\n</body>\n</html>";
maineditor.document.open("text/html");
maineditor.document.write(pagehtml);
maineditor.document.close();
}

function NewPage(){
if(window.confirm("Do you want to save changes in the current document?")){
//Show Save As Dialog
maineditor.document.execCommand("SaveAs");
}
//Write a blank page
maineditor.window.location="about:blank";
WriteDefaultPage();
//Set focus to editor
maineditor.focus();
}

function HTMLView(){
//Switch to HTML view
maineditor.document.body.innerHTML="";
maineditor.document.body.innerText=html;
}

function TableOn(table, on){
//Highlights the table on which the mouse is over
if(on) table.style.backgroundColor="#95AFFF";
else table.style.backgroundColor="#82DF82";
}

function ToolbarOn(toolon){
//Highlights on or off the current toolbar
//Get the toolbar button on which the mouse is over
var tool=event.srcElement;
//Change background color
if(toolon){
tool.style.backgroundColor="#B4A0FE";
tool.style.borderColor="#000000";
}
else{
tool.style.backgroundColor="#D1D1D1";
tool.style.borderColor="#D1D1D1";
}
 }

function FindInPage(showdialog){
//Shows the Find and Replace Dialog
var display="visible";
if(showdialog==false) display="hidden";
find_dialog.style.visibility=display;
if(showdialog!=false) document.find.findwhat.focus();
}

function FindIt(str, replacestr, newstr){
//This functions searchs for a string in the document
//and if specified then replaces it with a new string
if(str==""){
//If no string to search entered
alert("Enter a string to search");
document.find.findwhat.focus();
return;
}
//Creates a range in the document
txt = maineditor.document.body.createTextRange();
//Loop to find the string in the document
for (i = 0; i <= n && (found = txt.findText(str)) != false; i++) {
txt.moveStart("character", 1);
txt.moveEnd("textedit");
}
if(found) {
//If founded select it and scroll into view
txt.moveStart("character", -1);
txt.findText(str);
//If replace is specified then replace the match with the new string
if(replacestr) txt.text=newstr;
txt.select();
txt.scrollIntoView();
n++;
}
else {
if (n > 0) {
window.alert("There are no more matches");
n=0;
}
// Not found anywhere, give message.
else
window.alert("\"" + str + "\" was not founded in document");
}
 }
 
function InsertHTML(newhtml){
//Inserts HTML in the selection of the document
maineditor.focus();
var selpoint=maineditor.document.selection.createRange();
selpoint.pasteHTML(newhtml);
}

function GetSelectedText(){
//Get the selection of the document
maineditor.focus();
var selpoint=maineditor.document.selection.createRange();
var seltext=selpoint.text;
return seltext;
}

function InsertNewImage(){
if(enabletoolbar==false) return;
maineditor.focus();
//Open Insert Image Dialog
maineditor.document.execCommand("insertimage", true, null);
}

function InsertForm(){
//Creates a new form
var formmethod=window.prompt("Choose form method: GET | POST", "POST");
var formaction=window.prompt("Choose form action:", "http://");
InsertHTML("<div style=\"background-Color:#C0C0C0\"><form method=\"" + formmethod + "\" action=\"" + formaction + "\">\n<p>&nbsp;</p></form></div>");
}

function InsertFormControl(control){
maineditor.focus();
//Inserts a form control
maineditor.document.execCommand(control, true, null);
}

function CreateNewLink(){
//Inserts a link in the selected text
if(enabletoolbar==false) return;
var linktext=GetSelectedText();
if(linktext=="") return;
var url=window.prompt("Enter a URL for the new link:", "http://");
if(url!=null){
InsertHTML("<a href=\"" + url + "\">" + linktext + "</a>");
}
maineditor.focus();
}

function InsertTable(){
//Open Table Dialog
table_dialog=window.open("table.htm", "newtable", "top=100,left=100,height=300,width=400,scrollbars=no");
}

function CreateTable(tr, tc, ta, tb, tp, ts, tw, tt){
//Creates a new table
var tablewidth="";
if(tw!=""){
tablewidth=" width=\"" + tw + tt + "\"";
}
var thtml="<table border=\"" + tb + "\" cellpadding=\"" + tp + "\" cellspacing=\"" + ts + "\"" + tablewidth + ">";
tr=parseInt(tr);
tc=parseInt(tc);
for(r=0;r<tr;r++){
thtml+="<tr>";
for(c=0;c<tc;c++){
thtml+="<td></td>";
}
thtml+="</tr>";
}
thtml+="</table>";
InsertHTML(thtml);
table_dialog.close();
}

function EditPage(){
properties_dialog=window.open("properties.htm", "editpage", "top=100,left=100,height=275,width=387,scrollbars=no");
}

function EditPageProperties(pt, pfc, pbgc, pbgi, usewatermark, pbgs){
maineditor.document.title=pt;
maineditor.document.body.text=pfc;
maineditor.document.body.bgColor=pbgc;
maineditor.document.body.background=pbgi;
if(usewatermark) maineditor.document.body.bgProperties="fixed";
else maineditor.document.body.bgProperties="";
if(pbgs!=""){
var pagehtml=maineditor.document.all.tags("HTML")[0].outerHTML;
var bodytag= pagehtml.toLowerCase().indexOf("<body");
if(bodytag==-1) return;
var beforebodytag=  pagehtml.substring(0, bodytag);
var afterbodytag=  pagehtml.substring(bodytag,  pagehtml.length);
var pagehtml=beforebodytag + "<bgsound src=\"" + pbgs + "\">" + afterbodytag;
maineditor.document.open("text/html");
maineditor.document.write(pagehtml);
maineditor.document.close();
}
properties_dialog.close();
maineditor.focus();
}

function ChangeForeColor(){
//Show the Color dialog to edit Fore Color of text selected
if(GetSelectedText()!=""){
pp="EditForeColor";
color_dialog=window.open("color.htm", "colorpicker", "top=100,left=100,height=270,width=500,scrollbars=no");
}
 }

function EditForeColor(thecolor){
maineditor.focus();
//Change fore color of text selected
maineditor.document.execCommand("forecolor", false, thecolor);
//Close Color Dialog
color_dialog.close();
}

function ChangeBackColor(){
//Show the Color dialog to edit Back Color of text selected
if(GetSelectedText()!=""){
pp="EditBackColor";
color_dialog=window.open("color.htm?p=EditBackColor", "colorpicker", "top=100,left=100,height=270,width=500,scrollbars=no");
}
 }

function EditBackColor(thecolor){
maineditor.focus();
//Change back color of text selected
maineditor.document.execCommand("backcolor", false, thecolor);
//Close Color Dialog
color_dialog.close();
}

function ChangeFont(font){
//Changes the font of the selected text
maineditor.focus();
maineditor.document.execCommand("fontname", false, font);
}

function ChangeFontSize(size){
//Changes the font size of the selected text
maineditor.focus();
maineditor.document.execCommand("fontsize", false, size);
}

function DesignTools(tool){
//Activates design tool
if(enabletoolbar==false){
window.alert("You must switch into normal view to do this");
return;
}
maineditor.focus();
maineditor.document.execCommand(tool, true, null);
}

Onmouseover Doesn't Work. Need Help With Why.

Similar Tutorials

View Content

Below is code using the onmouseover event, but it doesn't work. The only thing that appears in the status bar is the URL.

What am I doing wrong?

Code:

<a href="http://codingforums.com" onmouseover="window.status='This is an OnMouseOver event'; return true" onmouseout="window.status=' '; return true">Put your mouse here to see status info change at bottom.</a>

Js Function Doesn't Work :-(

Similar Tutorials

View Content

Hi!

What am doing wrong? The script works -- identifies blank fields -- but the second function (change_subject) is ignored.

This is the script:

Code:

<HEAD>
<script>
  function is_filled()  
  {
    if (form_1.realname.value=="")
      {
        alert("Please enter your name")
        form_1.realname.focus()
        return false
      }
    if (form_1.subject.value=="")
      {
        alert("Please enter a subject")
        form_1.message.focus()
        return false
      }
else
return true
  };
  function change_subject
  {
  form_1.subject.value="form_1.realname.value + '_' + form_1.subject.value"
  };
</script>
</HEAD>

This is the FORM (used for MSA FormMail):

Code:

	  <form  name="form_1"; onSubmit="return is_filled()"; on Submit="change_subject()"; method="post"; action="http://gb2gf.org/cgi-sys/FormMail.cgi">
	  <input type="hidden" name="recipient"    value="drt@gb2gf.org">
	  <input type="hidden" name="required"     value="greeting,realname,city_state,email_1,email_2,message">
	  <input type="hidden" name="sort"         value="order:greeting,realname,city_state,email_1,email_2,message">
	  <input type="hidden" name="redirect"     value="http://www.gb2gf.org/thanks.htm">

<!-- Input fields here -->

           </form>

Thanks!

Dr. T.

Javascript Doesn't Work With Ie

Similar Tutorials

View Content

Hi!

I'm new to JavaScript and I've done some small adjustments to my clients site, but it won't show properly in IE (the shadowbox js at least.). I thought js was accepted in all newer browsers. Do you have a quick fix or idea on why it doesn't work? You can view source on my site, I use mootools, and shadowbox/corners and rightclick blocker.

Is it generally a 'bad thing' to use js in webpages I want everyone to view in the same way? I tried the same effects with CSS but it's not supported in the same way corss-browser, unfortunately. The 'no selection' CSS class I have on the site is also not accepted in IE. It's very annoying!

http://santinacrolla.ihaarr.com/p

thank you in advance!

Curious Why This Doesn't Work

Similar Tutorials

View Content

Code:

<html>
<head>
<script>
function color() { 
var newColor=new Array('#00f','#f00','#ff0');
var i=0;

	for (i=0;i<=3;i++)
	{
		document.getElementByTagName(span).style.display=newColor[i];
	}
}
color();
</script>

<div>
	<span>make this text blue</span>
	<span>make this text red</span>	
	<span>make this text yellow</span>
</div>
</body>
</html>

It should make the first blue, second red, and third yellow yes?

Replace Doesn't Work ??

Similar Tutorials

View Content

I've got a form textarea on my site, which after being submitted is stripped by my php file.

Then my javascript kicks in and does some analysis of the entered text. However everytime the user entered a hard return within the textarea my javascript gives me an error 'tekenreeks niet afgesloten' which means something like 'string is not closed'.

Therefore I decided to replace all occurences of chr(10) and chr(13) with
ok2 (just some random characters), I did this with php which worked fine, and I didn't get the javascript error.

However I need to reshow the entered text (original) to the user, so I need to restore the old values. I tried Code:

result.waarde.replace('ok2', 'chr(13)');

but it doesn't work, as it still displays ok2.

I'm no expert in javascript, but how can I replace those characters by the hard returns?

Oh yeah I'll show some more coding, perhaps the error can be found the
Code:

result.waarde.replace('mdw', 'chr(13)');container.innerHTML = result.waarde;

and in my html:
Code:

<div id='waarde' style="width:500px;"></div>

Only Doesn't Work In Firefox

Similar Tutorials

View Content

Heya,

I wrote the following page in a day or two (please don't mind the layout). Everything seems to work excellent, apart from in Firefox (FF) in which it doesn't seem to work at all. None of the other browsers have any trouble with it.

I'm pretty new to Javascript (everything you see in the source code is pretty much all I know) and I have absolutely no idea why it doesn't work in Firefox.

The page in question could be found [link has been removed]. It's all there is to it.

So yeah, how to actually make this work in FF? Thanks a whole bunch in advance! Much appreciated.

Factoring Code Doesn't Work

Similar Tutorials

View Content

Code:

		var f = [];

		for ( var f1 = 1; f1 <= n; ++f1 )
		{
			var f2 = n / f1;
			if ( f2 == Math.floor(f2) )
			{
				f.push(f1);
				f.push(f2);
			}
			if ( f2 <= f1 ) break;
		}
		f.sort();

Someone helped me make this factoring code, but if n = 6, it returns [1,2,2,3,3,6,6,6]

Any ideas?

I am looking for [1,2,3,6]

Why Doesn't This Work? (short Script)

Similar Tutorials

View Content

I'm trying to resolve a UPS zone from a zip code, here is my code:
Code:

<script type="text/javascript">
var zipcode=44657;<!-- Should be zone 5 -->
var zip=zipcode.substring(0,3);
alert(zip);
<!-- Zone chart made from Jacksonville FL zip 32216 on 8-5-2010 -->
var azone = new Array (4-5, 5, 6-7, 45, 9, 45, 10-13, 5, 14, 6, 15-18, 5, 19, 6, 20-29, 5, 30-33, 6, 34, 5, 35-51, 6, 52-53, 5, 54, 6, 55, 5, 56-59, 6, 60-89, 5, 100-128, 5, 129, 6, 130-223, 5, 224-225, 4, 226, 5, 227-253, 4, 254, 5, 255-259, 4, 260-261, 5, 262, 4, 263-265, 5, 266, 4, 267, 5, 268-289, 4, 290-296, 3, 297, 4, 298, 3, 299, 2, 300-306, 3, 307, 4, 308-312, 3, 313-316, 2, 317-319, 3, 320-323, 2, 324, 3, 325, 4, 326-329, 2, 330-332, 4, 333-337, 3, 338, 2, 339, 3, 341, 3, 342, 3, 344, 2, 346, 3, 347, 2, 349, 3, 350-359, 4, 360-361, 3, 362, 4, 363-364, 3, 365-367, 4, 368, 3, 369-397, 4, 398, 3, 399, 3, 400-409, 4, 410, 5, 411-418, 4, 420, 5, 421-427, 4, 430-470, 5, 471, 4, 472-475, 5, 476-477, 4, 478-496, 5, 497-505, 6, 506-507, 5, 508-516, 6, 520, 5, 521, 6, 522-539, 5, 540-566, 6, 567, 7, 570-575, 6, 576-577, 7, 580-581, 6, 582, 593, 7, 594-599, 8, 600-668, 5, 669-672, 6, 673, 5, 674-692, 6, 693, 7, 700-704, 4, 705-706, 5, 707-709, 4, 710-722, 5, 723, 4, 724-735, 5, 736, 6, 737, 5, 738-739, 6, 740-768, 5, 769, 6, 770-784, 5, 785, 6, 786-787, 5, 788, 6, 789, 5, 790-797, 6, 798-806, 7, 807, 6, 808-820, 7, 821, 8, 822-831, 7, 832-844, 8, 845-846, 7, 847, 8, 850-853, 7, 854, 8, 855-863, 7, 864, 8, 865-875, 7, 877, 6, 878-880, 7, 881-882, 6, 883, 7, 884, 6, 885, 7, 889-961, 8, 970-986, 8, 988-994, 8);
for (y=0;azone[y]=zip;y=y+2){
document.write (azone[y+1])
}
</script>

Can someone see my error? I'm a bit rusty at my javascript.

Need A Quick Refresher- Why Doesn't This Work?

Similar Tutorials

View Content

I'm having one of those moments right now. Can someone explain why the following alerts "undefined" instead of "George"?

Code:

function test(){
this.worker='George'
}

test.sayname=function(){
alert(this.worker)
}


test.sayname() //alerts "undefined"

I know I can get it to alert "George" by instantiating test(), but I thought the above should work even without doing that.

Mirror Textbox Doesn't Work On Second Try

Similar Tutorials

View Content

Hi,

I'm trying to mirror two textboxes with the following:

Code:

<form>
<input type="text" id="0" name="tb1[]" onkeyup="document.getElementsByName('tb2[]')[this.id].setAttribute('value',this.value)">

<input type="text" id="0" name="tb2[]" onkeyup="document.getElementsByName('tb1[]')[this.id].setAttribute('value',this.value)">
</form>

If I start by picking the first box and typing it appears automatically in the second textbox. It works the same if if i start by picking the second box. However after entering text into one of the textboxes and having it mirrored, if I select the other textbox and make a change it isn't mirrored.

Any suggestions? Thanks!

Why Window.location Doesn't Work In Ff ?

Similar Tutorials

View Content

dears,

am trying to redirect user from onchange event to another location in the page.
its work fine in IE but not in firefox :-(

why window.location doesn't work in FF ?

Html:

Code:

<form name="forder">
<select name="bycat" onchange="gocat()">
<option value=1>one</option>
<option value=2>two</option>
<option value=3>three</option>
</select>
</form>

javascript:

Code:

function gocat()
{
 window.location ="index.php?show&cat=" + forder.bycat.options(forder.bycat.selectedIndex).value;
}

any idea????

Two Jquery Scripts Doesn't Work Together

Similar Tutorials

View Content

Hello,

I'm trying to combine two different jQuery scripts on my webpage. The one is showing flashvideos in a lightbox and the other one is displaying thumbnails in a slideshow.

The problem is that only one script is working. I have searched the web and forums and found that several people have had this problem before and I have truly tried to fix it with noConflict(). The problem is that I have very little experience in Javascript so I haven't got it working.

So, here are the lines in the code:


<script type="text/javascript" src="/js/videolightbox/mootools.js"></script>
<script type="text/javascript" src="/js/videolightbox/swfobject.js"></script>
<script type="text/javascript" src="/js/videolightbox/videobox.js"></script>


<script type="text/javascript" src="/js/jquery-1.2.6.js"></script>
<script type="text/javascript" src="/js/carousel.js"></script>

I haven't coded any of these myself (of course), so I am not familiar with the variables in the files. So my target is to find a way to to use these scripts simultaneously.

I am very thankful for your help but I am also kindly asking for a simple and easy to understand instruction.

The webpage can be found he http://wearethemusicmakers.se/index2.php

Best Regards
Johannes