Hallo!

Ik heb een contact formulier gemaakt en nu wil ik hem invullen om te testen.
Helaas kan ik niet op de invulbalken drukken, ik heb geprobeerd dit te fixen met z-index maar dat werkt niet. Er zit dus niets voor. Als ik overigens in het midden van de balk druk kan ik wel typen/invullen.

PHP code is hier onder weergeven.

Alvast bedankt voor de hulp!

<?php
if(isset ($_POST['email'])){
//here is the email to information
$email_to="[email protected]";
$email_subject="Contact form Jazzyness";
$email_from="Jazzyness";

//error code
function died($error){
echo "We are sorry, but there were error(s) found with the form you submitted.";
echo "These errors appear below. <br/><br/>";
echo $error. "<br/></br>";
echo "Please go back and fix these error(s).<br/>";
die();
}

//validation
if(!isset($_POST['name']) ||
!isset($_POST['email']) ||
!isset($_POST['comments'])) {
died('We are sorry but there appears to be a problem with the form you submitted.');
}

$name = $_POST['name'];
$email = $_POST['email'];
$comments = $_POST['comments'];

$error_message ="";
$email_exp = '/^[A-Za-z0-9._%-]+@[A-Za-z-0-9.-]+\.[A-Za-z]{2,4}$/';
if(!preg_match($email_exp, $email)) {
$error_message .='The Email address you entered does not appear to be valid. <br/>';
}
$string_exp = "/^[A-Za-z.'-]+[A-Za-z.'-]+[A-Za-z.'-]$/";
if (!preg_match($string_exp, $name)) {
$error_message .= 'The name you entered does not appear to be valid. <br/>';
}
if(strlen($comments) <2){
$error_message .= 'The comments you entered does not appear to be valid. <br/>';
}
if(strlen($error_message) > 0){
died ($error_message);
}
$email_message = "Form details below.\n\n";

function clean_string($string){
$bad = array("content-type", "bcc:", "to:", "href");
return str_replace($bad, "", $string);
}
$email_message .= "Name:" . clean_string($name) . "\n";
$email_message .= "Email:" . clean_string($email) . "\n";
$email_message .= "Comments:" . clean_string($comments) . "\n";

//create email headers
$headers = 'From:' .$email_From . "\r\n". 'Reply-To:' .
$email. "\r\n" .
'X-Mailer: PHP/' . phpversion();
@mail($email_to, $email_subject, $email_message, $headers);

?>

<!--success message goes here-->
Thank you for contacting us. We will be in touch with you shortly. <br/>
Please click <a href="index.html"> here</a> to go back to Home.
<?php
}
?>
De code die je plaatst is de code om te verwerken.
Jij zit met een HTML/CSS probleem.

Plaats even de relevante code.
Dit is het gedeelte van het contact formulier.

<div id="form-wrap">
<form action="contact.php" method="post">
<fieldset>
<h2>Contact </h2>
<label class="labelone" for="name"> Name:</label>
<input name="name"/>
<label for="email">Email:</label>
<input name="email"/>
<label for="comments">Comments:</label>
<textarea name="comments"></textarea>
</fieldset>
<fieldset>
<input class="btn" type="submit" value="Send Email"/>
<input class="btn" type="reset" value="Reset Form"/>
</fieldset>
</form>
</div>
http://codepen.io/anon/pen/AxKna dus.
Ik kan daar alles gewoon aanklikken.
Ook nog CSS erbij?

Open de link, klik bovenin op FORK, voeg je CSS bij, en sla het even op.
Daarna hier link plaatsen oid...
http://codepen.io/Zunflappie/pen/AxKna

Als het goed is staat hij erin.
Als ik daar kijk kan ik ook gewoon klikken, alleen niet in mijn eigen website.
Alleen als ik in het midden klik, kan ik het formulier invullen. Ohja en via tabjes!
Helaas zie ik geen CSS extra, maar goed.
Je zegt dat het alleen op je eigen website is. Wat is de URL daarvan? Dat kijkt nog makkelijker.
Oh balen dat hij hem niet laat zien!
De website is nog niet in de lucht, ik kijk via xampp.

De css :)


#form-wrap{
width:27%;
margin:10% 0 0 37.5%;
background:transparent url("../images/blok.png");
}
form{
width:100%;
margin:0 0 0 5%;
}
label{
display:block;
margin:0 0 0 3.5%;
font: 110%;
color:white;
}
input{
width:30%;
margin:0 0 0 3.5%;
}
textarea{
margin:0 0 0 3.5%;
width:40%;
}
fieldset{
padding:0 0 2% 0;
}
.labelone{
margin-top:1%;
}
.btn{
margin:0 0 0 9%;
}
form h2{
margin:0 0 0 35%;
font:110%;
color:white;
font-weight:bold;
}
Met CSS: http://codepen.io/anon/pen/nypkb

Maar alsnog werkt het daar bij mij prima.
Toch denk ik dat je ergens een overlay-div hebt geplaatst.
Zet eens een link (een <a href="">) ergens bij die input-velden: kan je die dan wel aanklikken?

En even je javascript uitzetten? Heb je dan problemen?
Ik zie het. Raar!
Als ik de java uitzet blijft het het zelfde idem voor de <a>, de invulbalk verdwijnt dan zelfs.

Reageren