HTML - Input Codes Wont Do Their Job In Form. (required_fields Etc)

Hi I'm new around here and new to html as well so pardon me if I posted this under the wrong section.

I currently have a navigation bar using the following codes to swap innerHTML within the page.
Code:

<span class="navs" onMouseover="this.style.background='#666666'" onMouseout="this.style.background='#000000'" onClick="document.getElementById('main').innerHTML=document.getElementById('About Us').innerHTML"><center>About Us</center></span>

And
Code:

<script> function changeNavigation(id)
{document.getElementById('main')
.innerHTML=document.getElementById(id).innerHTML}
</script>

Which gets me to
Code:

<div id="About Us" style="display:none">
Stuff about IAS
</div>

I now want to make a menu at the bottom of the page to quickly jump to other pages since the navigation bar is at the top. Therefore I am using the form code as such
Code:

<form name="selecter" id="selecter" action="">
<select name="select1" id="select1" size="1">
<option value="none">
Quick Jump
<option onClick="document.getElementById('main').innerHTML=document.getElementById('About Us').innerHTML">
About Us</option>
</select>
</form>

However, when I select the option "About Us" in the menu, nothing happens. Could someone explain to me why nothing happens and perhaps provide a solution? Thanks in advance.

Hey there,

I registered in hope of getting some help
I'm creating this bulletin board in our intranet and I really need to add couple of buttons which would help our users with posting their stuff. The board obviously understands HTML and this is what I want to do:

I need to have a button that adds html tags into the textfield when clicked. For example if I wanted to add <br> in the post, I just would have to press a button to do it.

Hope you understand what I mean and hope you can help me, I'm such a newbie when it comes to this

Cheers!

This is a problem that i driving me crazy. I have this forms on my website that people can use to post comments. They have one textarea that they should write their name in and another that they should write their comment. I try to make the default text "Namn" and "Kommentar", but only "Namn" is showing in firefox. The weird thing is though, that if I change places between the two textareas, both are showing fine. I provide the site with the source code, and for a quicker check, the code for the two textareas.

<textarea name="db_comment_namn" type="text" value="Namn" rows="1" cols="15" style="font-size: xx-small; font-family: Verdana; font-weight: Bold; font-style: Italic; border: 1px inset #CCCCCC; padding: 1px;">Namn</textarea>
<textarea name="db_comment_kommentar" type="text" value="Kommentar" rows="1" cols="50" style="font-size: xx-small; font-family: Verdana; font-weight: Bold; font-style: Italic; border: 1px inset #CCCCCC; padding: 1px;">Kommentar</textarea>

http://foto.jaxell.se

Thanks in advance.

HTML Code:

<div class="contactlistdiv">
<select multiple="yes" name="send" class="contactlistone" size="6">
<option value="1" >hello</option><option value="2" >gee</option><option value="3" >gluba</option></select>
</div>

I am creating a list like the one above.

When I style it with CSS it wont let me select any options!

E.g if i float left or right(float:right; ) with CSS it wont work.

Where as if I place it absolutely somewhere it will work. Problem is to get it exaclty where I want i need to float it.

I have tried placing it inside a relatively placed div absolutely but it still wont let me select.

I have also tried styling both classes contactlistdiv and contactlistone but it doesnt make a difference.

Any help appreciated. Thanks.

First of all, WOW does this look like a site that can make it happen for me.. websitemakingwise.

Im new and boy, loving the info so far.. ok, my problem:

So Im cleaning up this code, yes.. again.

And I wanted to make this automated php thing that sends emails straight to my inbox.

Without having to use the client installed.

Only problem is that the submit button isnt doing anything.

Could someone have a look whats wrong?


Filename: ContactForm.html


HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Mailformulier updates - As it is in heaven again</title>
<style type="text/css">

<!--
body {
    background-image: url(afbeeldingen/ups_and_simulation.jpg);
}
.style1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #000000;
}
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif}
.style4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
.style6 {font-size: 14px}
.style8 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; }

a:link {color: #000000;}
a:visited{color:#009;}
a:hover {color: #000000;}

.style10 {color: #FFFFFF}
.style14 {font-family:"Bookman Old Style"; font-size: 14px; color: #000000; }

#txt{
    position:relative;
    text-align:center;
    left:100px;
    top:55px;
    width:420px;
    height:40px;
    z-index:2;
    font-stretch:wider;

}

div.row {
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
  float: left;
  width: 100px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 235px;
  text-align: left;
  }

div.spacer {
  clear: both;
  }

-->
</style></head>

<body>
<table width="600" height="400" border="1" align="center"  bgcolor="#FFFFFF">


<div id="txt">
<p class="style1">Ja, ik heb interesse. Graag ontvang ik verdere informatie over de toekomstige activiteiten.</p>
</div>

<tr>
<td width="44" height="150">&nbsp;</td>
<td width="814" height="100">
<br />
<br />
<br />
<br />

<div style=
"width: 360px;
background-color: #ccc;
border: 1px dotted #333;
padding: 5px;
margin: 0px auto;">

  <span class="style4">  
  
<form>
  

<div class="row">
    <form action="FormToEmail.php" method="post" name="ContactForm">
    
    <span class="label">Naam:</span>
    <span class="formw"><input type="text" name="Naamgegevens" title="Hier uw volledige naam" size="25" /></span>
    </div>
  
    
    <div class="row">
    <span class="label">Adres:</span><span class="formw">
    <input type="text"  name="Naamgegevens" title="" size="25" /></span>
    </div>
    
    <div class="row">
    <span class="label">Postcode:</span><span class="formw">
    <input type="text"  name="Postcode" title="" size="25" /></span>
    </div>
    
    <div class="row">
    <span class="label">Woonplaats:</span><span class="formw">
    <input type="text"  name="Woonplaats" title="" size="25" /></span>
    </div>
    
    <div class="row">
    <span class="label">Telefoon:</span><span class="formw">
    <input type="text"  name="Vaste telefoon" title="Uw vaste telefoon-nummer" size="25" /></span>
    </div>
    
    <div class="row">
    <span class="label">Mobiel:</span><span class="formw">
    <input type="text"  name="Mobiel" title="" size="25" /></span>
    </div>
    
    <div class="row">
    <span class="label">E-Mail:</span><span class="formw">
    <input type="text"  name="E-Mail" title="Het E-mail adres" size="25" /></span>
    </div>
    
      
    <p align="center">
    <span class="style14">
    <br />
    <br />
    <br />
    ruimte voor opmerkingen/suggesties/reacties</span>
    <br />
    <textarea name="opmerkingen" cols="40" rows="6"></textarea>
    </p>
    
  <div class="spacer">
  &nbsp;
  </div>
  
    </form>  
    
<div align="center">
<input type="submit"  value="Versturen"><br>
</div>
<br>

</div>
      
      <div align="center"><span class="style10">-----</span> <a href ="basis.html"><img src = "afbeeldingen/TERUG.png" width="95" height="60" style="border-style: none"/></a></span></div></td>

      
      
    <td width="44">&nbsp;</td>
  </tr>
  <tr>
    <td height="100" colspan="3"><div align="center">

    </div></td>
  </tr>
</table>
</body>
</html>

Thanks for reading till this point! Hop you didnt mind the Dutch lol.


FILENAME: FormToEmail.php

PHP Code:
<?php

$my_email = "rsizania@gmail.com";

/*

Enter the continue link to offer the user after the form is sent.  If you do not change this, your visitor will be given a continue link to your homepage.

If you do change it, remove the "/" symbol below and replace with the name of the page to link to, eg: "mypage.htm" or "http://www.elsewhere.com/page.htm"

*/

$continue = "www.google.com";

/*

Step 3:

Save this file (FormToEmail.php) and upload it together with your webpage containing the form to your webspace.  IMPORTANT - The file name is case sensitive!  You must save it exactly as it is named above!  Do not put this script in your cgi-bin directory (folder) it may not work from there.

THAT'S IT, FINISHED!

You do not need to make any changes below this line.

*/

$errors = array();

// Remove $_COOKIE elements from $_REQUEST.

if(count($_COOKIE)){foreach(array_keys($_COOKIE) as $value){unset($_REQUEST[$value]);}}

// Check all fields for an email header.

function recursive_array_check_header($element_value)
{

global $set;

if(!is_array($element_value)){if(preg_match("/(%0A|%0D|\n+|\r+)(content-type:|to:|cc:|bcc:)/i",$element_value)){$set = 1;}}
else
{

foreach($element_value as $value){if($set){break;} recursive_array_check_header($value);}

}

}

recursive_array_check_header($_REQUEST);

if($set){$errors[] = "You cannot send an email header";}

unset($set);

// Validate email field.

if(isset($_REQUEST['email']) && !empty($_REQUEST['email']))
{

if(preg_match("/(%0A|%0D|\n+|\r+|:)/i",$_REQUEST['email'])){$errors[] = "Email address may not contain a new line or a colon";}

$_REQUEST['email'] = trim($_REQUEST['email']);

if(substr_count($_REQUEST['email'],"@") != 1 || stristr($_REQUEST['email']," ")){$errors[] = "Email address is invalid";}else{$exploded_email = explode("@",$_REQUEST['email']);if(empty($exploded_email[0]) || strlen($exploded_email[0]) > 64 || empty($exploded_email[1])){$errors[] = "Email address is invalid";}else{if(substr_count($exploded_email[1],".") == 0){$errors[] = "Email address is invalid";}else{$exploded_domain = explode(".",$exploded_email[1]);if(in_array("",$exploded_domain)){$errors[] = "Email address is invalid";}else{foreach($exploded_domain as $value){if(strlen($value) > 63 || !preg_match('/^[a-z0-9-]+$/i',$value)){$errors[] = "Email address is invalid"; break;}}}}}}

}

// Check referrer is from same site.

if(!(isset($_SERVER['HTTP_REFERER']) && !empty($_SERVER['HTTP_REFERER']) && stristr($_SERVER['HTTP_REFERER'],$_SERVER['HTTP_HOST']))){$errors[] = "You must enable referrer logging to use the form";}

// Check for a blank form.

function recursive_array_check_blank($element_value)
{

global $set;

if(!is_array($element_value)){if(!empty($element_value)){$set = 1;}}
else
{

foreach($element_value as $value){if($set){break;} recursive_array_check_blank($value);}

}

}

recursive_array_check_blank($_REQUEST);

if(!$set){$errors[] = "You cannot send a blank form";}

unset($set);

// Display any errors and exit if errors exist.

if(count($errors)){foreach($errors as $value){print "$value<br>";} exit;}

if(!defined("PHP_EOL")){define("PHP_EOL", strtoupper(substr(PHP_OS,0,3) == "WIN") ? "\r\n" : "\n");}

// Build message.

function build_message($request_input){if(!isset($message_output)){$message_output ="";}if(!is_array($request_input)){$message_output = $request_input;}else{foreach($request_input as $key => $value){if(!empty($value)){if(!is_numeric($key)){$message_output .= str_replace("_"," ",ucfirst($key)).": ".build_message($value).PHP_EOL.PHP_EOL;}else{$message_output .= build_message($value).", ";}}}}return rtrim($message_output,", ");}

$message = build_message($_REQUEST);

$message = $message . PHP_EOL.PHP_EOL."-- ".PHP_EOL."";

$message = stripslashes($message);

$subject = "FormToEmail Comments";

$headers = "From: " . $_REQUEST['email'];

mail($my_email,$subject,$message,$headers);

?>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
<title>Dreamweaver Tutorial - Contact Form</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#ffffff" text="#000000">

<div>
<center>
<b>Thank you <?php print stripslashes($_REQUEST['name']); ?></b>
<br>Your message has been sent
<p><a href="<?php print $continue; ?>">Click here to continue</a></p>
<p><b>Dreamweaver Spot</b> by <a href="http://dreamweaverspot.com">dreamweaverspot.com</a></p>
</center>
</div>

</body>
</html>

Ok thanks!! So.. whats wrong? Im a total noob.. and it isnt even that I started from scratch.. some of it was already there.
Appreciate your advice