Verwijzing wordt niet zichtbaar

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

PHP Developer

Functie Middels Scrum en sprints bouw jij in deze functie mee aan complexe webapplicaties en ons SaaS platform. Hierbij hoort ook architectuur tot een van je taken. Daarnaast ben je één van de leden van het Scrum team. Dat betekent dat je naast je kerntaken ook in contact staat met de product owner. Oftewel, je bent bij het gehele ontwikkelproces betrokken. Tools die hierbij gebruikt worden zijn o.a. PHP, Symfony en Git. Eisen • Minimaal HBO werk- en denkniveau • Minimaal 3 jaar aantoonbare ervaring met PHP • Kennis en ervaring Symfony (Laravel is pré) & Lando • Kennis van

Bekijk vacature »

Software Developer PHP

Functie omschrijving We are looking for a dutch native speaker Voor een opdrachtgever in de regio van Geldrop ben ik op zoek naar een Software Developer PHP. Jij krijgt een rol met veel verantwoordelijkheid in een groeiende organisatie. In deze functie werkt je voornamelijk remote en op een vast moment kom je met het team samen, om samen te werken en nieuwe doelen te bepalen. Wat ga je doen? Je wordt verantwoordelijk voor de interne applicatie; Je zorgt voor de doorontwikkeling van de applicatie: zowel back-end, front-end; De basis van het werk betreft front-end technieken; Periodiek bepaal je samen met

Bekijk vacature »

C#.NET ontwikkelaar

Functieomschrijving Voor een gewaardeerde werkgever in regio Tilburg zijn wij op zoek naar een C#.NET ontwikkelaar. Je bent verantwoordelijk voor het ontwikkelen van dashboards, webapplicaties en apps voor de eigen IOT-oplossingen. Samen met een vooruitstrevend team van ontwikkelaars en engineers krijgen jullie de opdracht om de sensoren in de apparatuur te scannen en vervolgens de data om te zetten in belangrijke inzichten voor de klanten. Taken en verantwoordelijkheden: Heb jij ideeën over nieuwe technieken die jullie kunnen implementeren? Hier wordt echt naar je geluisterd en gekeken of jouw idee daadwerkelijk ingezet kan worden; Je gaat aan de slag met de

Bekijk vacature »

Ervaren PHP Software Developer

Functieomschrijving Voor een toffe opdrachtgever in regio Breda zijn wij op zoek naar een medior PHP Developer met affiniteit met Laravel. Je komt te werken bij een uitdagende opdrachtgever met supergave klanten in een specifieke branche. Als PHP ontwikkelaar ben je samen met een vooruitstrevende team van 6 collega’s verantwoordelijk voor de ontwikkeling, beheer en het vernieuwen van informatiesystemen voor een specifieke branche. Je ondersteunt complexe uitdagingen van klanten. Vervolgens breng je hun wensen in kaart en vertaalt deze door naar maatwerk software. Affiniteit met Laravel is een pré. Om de klanten zo goed mogelijk te ondersteunen en snel in

Bekijk vacature »

Laravel developer

Zie jij mogelijkheden om onze tooling technisch te verbeteren en uit te bouwen? Over Jobmatix Jobmatix is een innovatieve en internationale speler op het gebied van jobmarketing. Onze jobmarketing automation tool helpt organisaties bij het aantrekken van nieuw talent door vacatures digitaal, geautomatiseerd en op een efficiënte manier te adverteren en onder de aandacht te brengen bij de doelgroep op 25+ jobboards. Volledig performance-based, waarbij organisaties betalen op basis van cost per click of cost per applicant. Maandelijks wordt onze jobmarketing automation tool al gebruikt door vele directe werkgevers, intermediairs en mediabureaus, waaronder Picnic, Rijkswaterstaat, AdverOnline, Schiphol, DPA, Teleperformance en

Bekijk vacature »

Software Ontwikkelaar

Functie omschrijving Voor een echt familiebedrijf in de omgeving van 's-Hertogenbosch ben ik op zoek naar een Software Developer. Jij gaat in de functie van Software Developer werken met C# en .NET framework Jij gaat maatwerk software ontwikkelen en softwareoplossingen creëren. Daarnaast optimaliseer je de bestaande software. Oplossingen waar de klant echt iets aan heeft, jij krijgt er energie van op dit te realiseren. Je gaat werken in een Microsoft omgeving(ASP.NET) en gebruikt daarnaast C# en MVC. Samen met het huidige IT team binnen deze organisatie verwerk je de wensen van de klant tot een (eind)product. Bedrijfsprofiel Deze organisatie is

Bekijk vacature »

C# Unity Developer

Functieomschrijving Ontwikkel jij mee door applicaties te bouwen die bijdragen aan het optimaliseren van processen? Voor een erkende werkgever in regio Tilburg zijn wij op zoek naar een Unity C# Developer die graag de uitdaging aangaat! Jouw werkzaamheden zullen er als volgt uitzien: Je bent een luisterend oor naar klanten en vertaalt hun wensen door naar bruikbare software; Je werkt aan innovatieve softwareoplossingen voor het verbeteren en/of vernieuwen van processen; Je bent verantwoordelijk voor het uitvoeren van updates/aanpassingen aan de reeds draaiende applicaties. Bedrijfsprofiel Je komt te werken voor een internationale werkgever in regio Tilburg. Samen met een vooruitstrevend team

Bekijk vacature »

PHP Back-end Developer

Vacature details Vakgebied: Software/IT Opleiding: Starter Werklocatie: Nijmegen Vacature ID: 13633 Introductie OUr client develop websites, webshops, and digital environments that are used by many visitors daily. They are seeking an experienced PHP-Developer Back-end to join the team. If you're looking for a position where you can tackle challenging, innovative, and multidisciplinary ICT projects and make a difference, this vacancy might be for you! Functieomschrijving As a PHP developer, you'll develop websites and digital environments used by many visitors daily. You'll work as a back-end developer and want to continuously develop in this field. You can work independently and efficiently,

Bekijk vacature »

Fullstack Developer TOTO

Do you want to work with the latest technologies on the development of new systems and applications? Get moving and strengthen Nederlandse Loterij as a Fullstack Developer TOTO. Thanks to your efforts, complex business critical applications are always running smoothly. In this way, you directly contribute to a happy, healthy and sporty Netherlands. As a Fullstack Developer you score by: Taking ownership of the development cycle of an application in a large scale, high availability, geo redundant landscape Coaching your peer developers and safeguarding code quality Integrating the application with other components of the system using the available API’s Managing

Bekijk vacature »

Robot Programmeur

In het kort Drie redenen waarom deze vacature uniek is! Modern, innovatief en Informeel bedrijf waar veel mogelijk is Werken met diverse robot merken Meehelpen met inbedrijfstellingen bij de klant De organisatie Hier ga je aan de slag Dit groeiende bedrijf van totaaloplossingen in de automatisering van productieprocessen, is hoofdzakelijk actief in de Benelux. Vanuit het kantoor in regio Amersfoort worden veel oplossingen geboden in de vorm van robotica. Geen project is hetzelfde wat garant staat voor bijzonder veel afwisseling. De bedrijfsgrootte is ongeveer 80 man. Van gerobotiseerde machinebeladingen tot aan assemblage automatiseringen wordt vanuit krachtige engineering maatwerk equipment geleverd.

Bekijk vacature »

Backend developer

Functie omschrijving Ben jij graag bezig met de back-end van applicaties? Zou je dit graag willen doen voor een kleine werkgever waar ook tijd is voor een drankje op zijn tijd? Je taken hierbij zullen bestaan uit: Gebruik maken van de volgende technieken: .NET (core), C#, SQL, XML, MVC, JSON, REST & SOAP API. Gebruik maken van de volgende tools: Visual Studio, GIT, Jira, Jenkins. Bovengenoemde technieken en tools ga je gebruiken om: Nieuwe functionaliteiten te ontwikkelen. Wijzigingsverzoeken van klanten uitvoeren. Verzorgen van koppelingen tussen data. Bedrijfsprofiel Jouw nieuwe werkgever bevindt zich in regio Raamdonksveer en bieden oplossingen op gebied

Bekijk vacature »

Junior PHP (Laravel) Developer

Functie omschrijving Wij zijn op zoek naar een PHP Laravel Developer! Sta je aan het begin van je carrière en ben je op zoek naar een leuke baan? Lees dan verder! Voor een softwarebedrijf in omgeving van Schiphol zijn wij op zoek naar een ervaren PHP (Laravel) Developer. Je gaat je bezighouden met het ontwikkelen van innovatieve bedrijfsapplicaties. Samen met het team, bestaande uit designers en developers, maak je mooie oplossingen voor bedrijven in diverse branches. Je zorgt dat de opgeleverde websites perfect werken en de klant meer dan tevreden is. Je kunt rekenen op een afwisselende baan met leuke

Bekijk vacature »

.NET developer

Functie Als senior .NET ontwikkelaar en aankomend lead developer ben jij in één van de drie development teams verantwoordelijk voor het volgende: • Jij hebt een oogpunt op modernisering en bent verantwoordelijk voor de technische staat en architectuur van de applicatie; • Jij bent verantwoordelijk voor het reviewen van de technische haalbaarheid van verschillende onderwerpen; • Jij bent verantwoordelijk voor een goede aansluiting binnen het multidisciplinaire team en de bijbehorende taken; • Jij bent verantwoordelijk voor het aandragen van verbetervoorstellen en ontwikkelstandaarden in zowel de techniek als architectuur; • Jij bent meewerkend voorman en ondersteunt en coacht jouw team op

Bekijk vacature »

Web Developer

Bedrijfsomschrijving ENGIE Nederland is onderdeel van de beursgenoteerde ENGIE Groep. ENGIE is actief in 70 landen, met wereldwijd 150.000 medewerkers. Als groep is het de missie om bij te dragen aan de verduurzaming van de wereld. ENGIE Energie biedt energiediensten aan particulieren en grootzakelijk en gaat de uitdagingen van de energietransitie aan door het beschikbaar maken van duurzame energie, het streven de klimaatverandering tot een minimum te beperken, leveringszekerheid te bieden en zorg te dragen voor een verantwoord gebruik van de beschikbare resources. ENGIE Energie investeert daarom in hernieuwbare energiebronnen zoals zon, wind en bio-gas. Functieomschrijving Heb jij veel ervaring

Bekijk vacature »

Senior .Net developer

Sogeti is een organisatie met een goede werksfeer en zo min mogelijk hiërarchische verhoudingen. Ga je bij ons als .Net Developer aan de slag? Dan werk je dagelijks met collega’s aan de mooiste IT-projecten. Deze snelgroeiende groep collega’s krijgt energie van hun vak en dat merk je op de werkvloer. Natuurlijk krijg jij de mogelijkheid je te certificeren. We organiseren regelmatig technische Meet-ups en doen we veel aan kennisdeling. Mede hierdoor zij wij dit jaar Microsoft Partner of the year geworden. Sogetisten staan klaar voor elkaar, hebben lol met elkaar en daarmee behalen we de mooiste resultaten! Werken bij Sogeti

Bekijk vacature »

Pagina: 1 2 3 volgende »

Bernhard G

Bernhard G

30/08/2015 11:09:17
Quote Anchor link
Beste,

Ik heb een los CSS bestand en HTML bestand. Echter word de opmaak van het CSS bestand deels niet zichtbaar. De achtergrondkleur veranderd wel (body) er is dus wel een verbinding. Kan iemand aangeven wat ik mis doe?

Alvast bedankt.


Ik heb in een HTML bestand de volgende code:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
    </head>
<link rel="stylesheet" href="contactform.css" type="text/css" />
<body>


<div id="formWrap">
<div id="form"></div>
    <div class="row">
    <div class="label"> naam </div>
    <div class="input">
    <input type="text" id="fullname" class="detail" name="fullname" value="" />
    <div class="context">tekst dat hier staat</div>
    </div>
    </div>
    </div>


De code uit het CSS:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
body{
        background:#E9E9E9;

#formWrap {
        width:720px;
        margin-top:30px;
        margin-left:30px;
        background:#FFF;
        border:1px solid #F1F1F1;
        -moz-border-radius:20px;
        -moz-box-shadow:2px 2px 5px #999;
        -webkit-border-radius:20px;
        -webkit-box-shadow:2px 2px 5px #999;
        padding:16px 10px 40px;
        
        }
Gewijzigd op 02/09/2015 23:00:18 door - Ariën -
 
PHP hulp

PHP hulp

24/05/2024 05:28:55
 
- Ariën  -
Beheerder

- Ariën -

30/08/2015 11:22:52
Quote Anchor link
je body is niet afgesloten in je CSS.
 
Yvo Lionheart

Yvo Lionheart

30/08/2015 16:48:11
Quote Anchor link
Inderdaad, wat - Aar - al aangeeft. Zorg er ten alle tijden voor dat je sluit wat je hebt geopend. Dit geldt in principe vrijwel overal.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
body{
background:#E9E9E9;
}

#formWrap {
width:720px;
margin-top:30px;
margin-left:30px;
background:#FFF;
border:1px solid #F1F1F1;
-moz-border-radius:20px;
-moz-box-shadow:2px 2px 5px #999;
-webkit-border-radius:20px;
-webkit-box-shadow:2px 2px 5px #999;
padding:16px 10px 40px;
}
Gewijzigd op 02/09/2015 23:00:34 door - Ariën -
 
Eddy E

Eddy E

30/08/2015 21:24:20
Quote Anchor link
Je hebt ook geen </body> en </html>.
Maar het kan zijn dat die later komen.

Daarbij hoort een <link> in de <head> te staan. En dat is soms wel zo handig.
Wil je je HTML eerst af hebben en dus sneller je pagina renderen, gooi je <link> dan echt helemaal aan het eind. Dus na </body>, maar wel voor </html>.
 
Bernhard G

Bernhard G

30/08/2015 21:28:00
Quote Anchor link
Super bedankt. Ik kan weer verder!

Toevoeging op 31/08/2015 12:14:46:

Ik ben een formulier los aan het maken (dus nog niet in mijn website) wanneer ik tevreden ben zal ik deze aan mijn webpagina toevoegen. Vandaar dat ik hem zo minimalistische opbouw.

Ik hoor graag feedback als deze gedachte niet slim is ;-)
 
Bernhard G

Bernhard G

01/09/2015 18:51:18
Quote Anchor link
Er gaat nog iets mis.

De tekst van de e-mail adres en opmerkingen vallen niet in het grote witte vlak. Iemand enig idee wat er mis gaat?

CCS
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
body{
        background:#E9E9E9;
        }

#formWrap {
        width:720px;
        margin-top:30px;
        margin-left:30px;
        background:#FFF;
        border:1px solid #F1F1F1;
        -moz-border-radius:20px;
        -moz-box-shadow:2px 2px 5px #999;
        -webkit-border-radius:20px;
        -webkit-box-shadow:2px 2px 5px #999;
        padding:16px 10px 40px;
}
        
#formWrap .form {
    border-top:1px solid #EEE;
    width:720px;
}
    
#form .row {
    border-bottom:1px dotted #EEE;
    display:block;
    line-height:36px
    overflow:auto;
    padding:24px 0px;
    width:100%;
    }
    
#form .row .label {
    font-size: 16px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    width: 180px;
    text-align: right;
    float: left;
    padding-right: 10px;
    margin-right: 10px;
    }
    
#form .row .input {
    float: left;
    margin-right: 10px;
    width: auto;
    }
    
.detail {
    width:260px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    padding: 7px 8px;
    margin: 0;
    }
    
.mess {
    width: 450px;
    max-width: 450px;
    height: 280px;
    overflow: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    padding: 7px 8px;
    line-height: les;
    margin:0;
}
    
#form .row .content{
    color: #999;
    font-size: 11px;
    font-style: italic;
    line-height: 14px;
    font-family: Arial, Helvetica, sans-serif;
    width: 200px;
    float: left;
        
    }
#form #submit{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 25px;
    margin-left: 200px;
    color: #000;
    font-size: 16px;
    text-shadow: 1px 1px 1px #999;
    padding: 10px;
    }

HTML
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<link rel="stylesheet" href="contactform.css" type="text/css" />
<body>


<div id="formWrap">
<div id="form"></div>
    <div class="row">
    <div class="label"> naam </div>
    <div class="input">
    <input type="text" id="fullname" class="detail" name="fullname" value="" />
    <div class="context">tekst dat hier staat</div>
    </div>
    </div>
    </div>
    
    <div class="row">
    <div class="label"> E-mailadres </div>
    <div class="input">
    <input type="text" id="e-mail" class="detail" name="email" value="" />
    <div class="context">tekst over je e-mail</div>
    </div>
    </div>
    </div>
    
    <div class="row">
    <div class="label"> opmerkingen </div>
    <div class="input">
    <textarea id= "comment" name="comment" class="mess"></textarea>
    </div>
    </div>
    </div>

    <div class="submit">
    <input type= "submit" id="submit" name="submit" value="send message"
    </div>

</div>
</body>

</html>
Gewijzigd op 02/09/2015 23:00:59 door - Ariën -
 
DavY -

DavY -

01/09/2015 19:05:15
Quote Anchor link
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8">
<title>Mijn Titel</title>
<link rel="stylesheet" href="contactform.css" type="text/css" />
</head>
<body>
<div id="formWrap">
<div id="form"></div>
<div class="row">
<div class="label"> naam </div>
<div class="input">
<input type="text" id="fullname" class="detail" name="fullname" value="" />
<div class="context">tekst dat hier staat</div>
</div>
</div>

<div class="row">
<div class="label"> E-mailadres </div>
<div class="input">
<input type="text" id="e-mail" class="detail" name="email" value="" />
<div class="context">tekst over je e-mail</div>
</div>
</div>

<div class="row">
<div class="label"> opmerkingen </div>
<div class="input">
<textarea id= "comment" name="comment" class="mess"></textarea>
</div>
</div>

<div class="submit">
<input type= "submit" id="submit" name="submit" value="send message" />
</div>
</div>
</body>
</html>


Je hebt 3 </div>'s voor elk veld, waarvan er maar 2 div's zijn. Sluit trouwens je input's wel goed af + Geef een Doctype op + charset.
Gewijzigd op 01/09/2015 19:07:01 door DavY -
 
Bernhard G

Bernhard G

01/09/2015 19:16:31
Quote Anchor link
Bedankt!

Wat bedoel je precies met: Sluit trouwens je input's wel goed af + Geef een Doctype op + charset?

Tnx
 
DavY -

DavY -

01/09/2015 19:17:15
Quote Anchor link
Je had je input open staan:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<input type= "submit" id="submit" name="submit" value="send message"


Dat moest dus zo:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<input type= "submit" id="submit" name="submit" value="send message" />


Doctype:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<!DOCTYPE html>


Zie: http://www.handleidinghtml.nl/html/elementen/doctype.html

Charset:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<meta charset="utf-8">


Zie: https://nl.wikibooks.org/wiki/HTML/Character_sets

Eigenlijk is het teveel van het goede met al die div's en zou het netter zijn om het zo te schrijven: http://www.w3schools.com/tags/tag_fieldset.asp en http://www.w3schools.com/tags/tag_label.asp, maar ik neem aan dat je een beginner ben.
Gewijzigd op 01/09/2015 19:21:11 door DavY -
 
Bernhard G

Bernhard G

02/09/2015 22:52:18
Quote Anchor link
Bedankt voor jullie reactie.

Ik heb nog een vraag.

Ik zou graag een optie met een datum keuze (agenda) en een tijdstip willen invoeren.

Enig idee hoe ik dit invoer?

oh en mijn redirect naar index.html werkt niet. Iemand een idee hoe dit kan?

Momenteel zien de codes er zo uit:

PHP
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<?php

// Set email variables
$email_to = '[email protected]';
$email_subject = 'Verrassing aanvraag';

// Set required fields
$required_fields = array('fullname','email','cellphone');

// set error messages
$error_messages = array(
    'fullname' => 'Vul je naam in.',
    'email' => 'Vul je e-mailadres in.',
    'cellphone' => 'Vul je telefoonnummer in.'
    
);

// Set form status
$form_complete = FALSE;

// configure validation array
$validation = array();

// check form submittal
if(!empty($_POST)) {
    // Sanitise POST array
    foreach($_POST as $key => $value) $_POST[$key] = remove_email_injection(trim($value));
    
    // Loop into required fields and make sure they match our needs
    foreach($required_fields as $field) {        
        // the field has been submitted?
        if(!array_key_exists($field, $_POST)) array_push($validation, $field);
        
        // check there is information in the field?
        if($_POST[$field] == '') array_push($validation, $field);
        
        // validate the email address supplied
        if($field == 'email') if(!validate_email_address($_POST[$field])) array_push($validation, $field);
    }

    
    // basic validation result
    if(count($validation) == 0) {
        // Prepare our content string
        $email_content = 'New Website Comment: ' . "\n\n";
        
        // simple email content
        foreach($_POST as $key => $value) {
            if($key != 'submit') $email_content .= $key . ': ' . $value . "\n";
        }

        
        // if validation passed ok then send the email
        mail($email_to, $email_subject, $email_content);
        
        // Update form switch
        $form_complete = TRUE;
    }
}

function
validate_email_address($email = FALSE) {
    return (preg_match('/^[^@\s]+@([-a-z0-9]+\.)+[a-z]{2,}$/i', $email))? TRUE : FALSE;
}

function
remove_email_injection($field = FALSE) {
   return (str_ireplace(array("\r", "\n", "%0a", "%0d", "Content-Type:", "bcc:","to:","cc:"), '', $field));
}


?>

<!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" xml:lang="en" lang="en">
<head>



    <title>Contact Form</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    <link href="contactform.css" rel="stylesheet" type="text/css" />
    
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/mootools/1.3.0/mootools-yui-compressed.js"></script>
    <script type="text/javascript" src="validation.js"></script>
    
    <script type="text/javascript">
        var nameError = '<?php echo $error_messages['fullname']; ?>';
        var emailError = '<?php echo $error_messages['email']; ?>';
        var cellphoneError = '<?php echo $error_messages['sellphone']; ?>';
    </script>

</head>

<body>


<div id="formWrap">
<div id="form">
</div>

<form action="contact.php" method="post" id="comments_form">
<?php if($form_complete === FALSE): ?>
    <div class="row">
    <div class="label"> Voor en achternaam </div>
    <div class="input">
    <input type="text" id="fullname" class="detail" name="fullname" value="<?php echo isset($_POST['fullname'])? $_POST['fullname'] : ''; ?>" /><?php if(in_array('fullname', $validation)): ?><span class="error"><?php echo $error_messages['fullname']; ?></span><?php endif; ?>
    <div class="context"></div>
    </div>
    </div>
    
    
    <div class="row">
    <div class="label"> E-mailadres </div>
    <div class="input">
    <input type="text" id="e-mail" class="detail" name="email" value="<?php echo isset($_POST['email'])? $_POST['email'] : ''; ?>" /><?php if(in_array('email', $validation)): ?><span class="error"><?php echo $error_messages['email']; ?></span><?php endif; ?>
    <div class="context"></div>
    </div>
    </div>
    
    <div class="row">
    <div class="label"> Telefoonnummer </div>
    <div class="input">
    <input type="number" id="cellphone" class="detail" name="cellphone" value="<?php echo isset($_POST['cellphone'])? $_POST['cellphone'] : ''; ?>" /><?php if(in_array('cellphone', $validation)): ?><span class="error"><?php echo $error_messages['cellphone']; ?></span><?php endif; ?>
    <div class="context"></div>
    </div>
    </div>
    
    <div class="row">
    <div class="label"> Opmerkingen </div>
    <div class="input">
    <textarea id= "comment" name="comment" class="mess"><?php echo isset($_POST['comment'])? $_POST['comment'] : ''; ?></textarea><?php if(in_array('comment', $validation)): ?><span class="error"><?php echo $error_messages['comment']; ?></span><?php endif; ?>
    </div>
    </div>
    

    <div class="submit">
    <input type= "submit" id="submit" name="submit" value="send message" />
    </div>
    </form>
<?php else: ?>
<p>Thank you for your Message!</p>

<script type="text-javascript">
setTimeout('ourRedirect()',5000)
function ourRedirect() {
    location.href='index.html'
    }
</script>

<?php endif; ?>

</div>
</body>

</html>


CSS
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
body{
        background:#E9E9E9;
        }

#formWrap {
        width:720px;
        margin-top:30px;
        margin-left:30px;
        background:#FFF;
        border:1px solid #F1F1F1;
        -moz-border-radius:20px;
        -moz-box-shadow:2px 2px 5px #999;
        -webkit-border-radius:20px;
        -webkit-box-shadow:2px 2px 5px #999;
        padding:16px 10px 40px;
}
        
#formWrap .form {
    border-top:1px solid #EEE;
    width:720px;
}
    
#form .row {
    border-bottom:1px dotted #EEE;
    display:block;
    line-height:36px
    overflow:auto;
    padding:24px 0px;
    width:100%;
    }
    
#form .row .label {
    font-size: 16px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    width: 180px;
    text-align: right;
    float: left;
    padding-right: 10px;
    margin-right: 10px;
    }
    
#form .row .input {
    float: left;
    margin-right: 10px;
    width: auto;
    }
    
.detail {
    width:260px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    padding: 7px 8px;
    margin: 0;
    display: block;
    
    }
    
.mess {
    width: 450px;
    max-width: 450px;
    height: 280px;
    overflow: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    padding: 7px 8px;
    line-height: les;
    margin:0;
    display: block;
}
    
#form .row .content{
    color: #999;
    font-size: 11px;
    font-style: italic;
    line-height: 14px;
    font-family: Arial, Helvetica, sans-serif;
    width: 200px;
    float: left;
        
    }
#form #submit{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 25px;
    margin-left: 200px;
    color: #000;
    font-size: 16px;
    text-shadow: 1px 1px 1px #999;
    padding: 10px;
    }

span.error{
    color: #000;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px
    padding: 25px;
}

- Aar -:
Gelieve in het vervolg bij code de [code][/code]-tags gebruiken. Zie ook deze uitleg over de opmaakcodes.
Alvast bedankt!
Gewijzigd op 02/09/2015 23:02:06 door - Ariën -
 
- Ariën  -
Beheerder

- Ariën -

02/09/2015 23:08:37
Quote Anchor link
Waarom wil je een pagina met een 'het is gelukt'-melding doorsturen? Laat hem liever zelf bevestigen dat hij het gezien heeft.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
Verder zou ik de settimout zou doen: window.setTimeout("location=('index.html');",5000);


Verder kan je in je formulier een datum en tijdveld invoegen, waarbij je eventueel gebruik kan maken van de datepicker uit jQueryUI. Vergeet uiteraard niet te valideren.
 
Thomas van den Heuvel

Thomas van den Heuvel

02/09/2015 23:13:48
Quote Anchor link
Bernhard G op 02/09/2015 22:52:18:
Ik zou graag een optie met een datum keuze (agenda) en een tijdstip willen invoeren.
Enig idee hoe ik dit invoer?

jQuery datepicker + wat custom select boxes voor tijd?

Bernhard G op 02/09/2015 22:52:18:
oh en mijn redirect naar index.html werkt niet. Iemand een idee hoe dit kan?

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<script type="text-javascript">
 
Bernhard G

Bernhard G

03/09/2015 09:02:35
Quote Anchor link
Bedankt voor jullie reactie! Ik ga ermee aan de slag.

Het redirecten lukt nog niet. Ik wil straks graag dat degene die het veld heeft ingevuld verder gaat naar een iDeal formulier.

Nog een vraag:

Ik zou graag willen dat degene die het formulier heeft ingevuld een standaard mail krijgt met gegevens die hij heeft ingevuld. Is hier een standaard javascript voor?

Alvast bedankt.
 
- Ariën  -
Beheerder

- Ariën -

03/09/2015 09:08:24
Quote Anchor link
Mail kan niet met JavaScript. Je zult PHP moeten gebruiken. Bij voorkeur zelfs PHPmailer.
 
Bernhard G

Bernhard G

03/09/2015 09:33:32
Quote Anchor link
- Aar - op 03/09/2015 09:08:24:
Mail kan niet met JavaScript. Je zult PHP moeten gebruiken. Bij voorkeur zelfs PHPmailer.


Dit kan dan wel in hetzelfde .php bestand?

Kan ik ergens een voorbeeld code vinden?
 
- Ariën  -
Beheerder

- Ariën -

03/09/2015 09:38:09
Quote Anchor link
PHPmailer kan je prima in je eigen code verwerken. Het kan al met tiental regeltjes:

http://phpmailer.worxware.com/?pg=examples
 
Bernhard G

Bernhard G

03/09/2015 11:32:49
Quote Anchor link
- Aar - op 03/09/2015 09:38:09:
PHPmailer kan je prima in je eigen code verwerken. Het kan al met tiental regeltjes:

http://phpmailer.worxware.com/?pg=examples


Super bedankt.

Moet ik de code in de head zetten of achter de bedankt pagina. En mag ik vragen hoe ik de actie er aan koppel?
 
- Ariën  -
Beheerder

- Ariën -

03/09/2015 11:55:32
Quote Anchor link
Ik denk dat het zinvoller is om eerst de basis van PHP te leren, als je er mee aan de slag wilt gaan.
Dan wordt wel duidelijk hoe je de code op de juiste structuur in kan bouwen.
 
Bernhard G

Bernhard G

05/09/2015 20:08:05
Quote Anchor link
Ik heb de code gemaakt en wil het testen.

Wanneer ik het in mijn php zet dan kan ik mijn hele pagina niet meer zien.

Wat doe ik fout?

Alvast bedankt.
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<?php

if ($_POST["submit"])


$onderwerp = 'Bevestigingsmail';
$webmaster = 'mijn e-mail';


$e-mailadres = $_POST['email'];
$naam = $_POST['fullname'];
$telefoonnummer = $_POST['cellphone'];
$stad = $_POST['city'];
$opmerking = $_POST['comment'];


$body = <<<EOD
<br><hr><br>
E-mail: $email <br>
Naam: $fullname <br>
telefoonnummer: $cellphone <br>
Stad: $city <br>
Opmerking: $comment <br>
EOD
;

$headers = "from: $email\r\n";
$headers .= "conntent-type: text/html\r\n";
$success =mail ($webmaster, $onderwerp, $body, $headers);
 

// Set email variables
$email_to = 'mijn email';
$email_subject = 'onderwerp';

// Set required fields
$required_fields = array('fullname','email','cellphone','city');

// set error messages
$error_messages = array(
    'fullname' => 'Vul je naam in.',
    'email' => 'Vul je e-mailadres in.',
    'cellphone' => 'Vul je telefoonnummer in.',
    'city' => 'Kies een stad.',
    
);


// Set form status
$form_complete = FALSE;

// configure validation array
$validation = array();

// check form submittal
if(!empty($_POST)) {
    // Sanitise POST array
    foreach($_POST as $key => $value) $_POST[$key] = remove_email_injection(trim($value));
    
    // Loop into required fields and make sure they match our needs
    foreach($required_fields as $field) {        
        // the field has been submitted?
        if(!array_key_exists($field, $_POST)) array_push($validation, $field);
        
        // check there is information in the field?
        if($_POST[$field] == '') array_push($validation, $field);
        
        // validate the email address supplied
        if($field == 'email') if(!validate_email_address($_POST[$field])) array_push($validation, $field);
    }

    
    // basic validation result
    if(count($validation) == 0) {
        // Prepare our content string
        $email_content = 'New Website Comment: ' . "\n\n";
        
        // simple email content
        foreach($_POST as $key => $value) {
            if($key != 'submit') $email_content .= $key . ': ' . $value . "\n";
        }

        
        // if validation passed ok then send the email
        mail($email_to, $email_subject, $email_content);
        
        // Update form switch
        $form_complete = TRUE;
    }
}

function
validate_email_address($email = FALSE) {
    return (preg_match('/^[^@\s]+@([-a-z0-9]+\.)+[a-z]{2,}$/i', $email))? TRUE : FALSE;
}

function
remove_email_injection($field = FALSE) {
   return (str_ireplace(array("\r", "\n", "%0a", "%0d", "Content-Type:", "bcc:","to:","cc:"), '', $field));
}


?>

<!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" xml:lang="en" lang="en">
<head>



    <title>Contact Form</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    <link href="contactform.css" rel="stylesheet" type="text/css" />
    
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/mootools/1.3.0/mootools-yui-compressed.js"></script>
    <script type="text/javascript" src="validation.js"></script>
    
    <script type="text/javascript">
        var nameError = '<?php echo $error_messages['fullname']; ?>';
        var emailError = '<?php echo $error_messages['email']; ?>';
        var cellphoneError = '<?php echo $error_messages['cellphone']; ?>';
        var cityError = '<?php echo $error_messages['city']; ?>';
    </script>

</head>

<body>


<div id="formWrap">
<div id="form">
</div>

<form action="contact.php" method="post" id="comments_form">
<?php if($form_complete === FALSE): ?>
    <div class="row">
    <div class="label"> Voor en achternaam </div>
    <div class="input">
    <input type="text" id="fullname" class="detail" name="fullname" value="<?php echo isset($_POST['fullname'])? $_POST['fullname'] : ''; ?>" /><?php if(in_array('fullname', $validation)): ?><span class="error"><?php echo $error_messages['fullname']; ?></span><?php endif; ?>
    <div class="context"></div>
    </div>
    </div>
    
    
    <div class="row">
    <div class="label"> E-mailadres </div>
    <div class="input">
    <input type="text" id="e-mail" class="detail" name="email" value="<?php echo isset($_POST['email'])? $_POST['email'] : ''; ?>" /><?php if(in_array('email', $validation)): ?><span class="error"><?php echo $error_messages['email']; ?></span><?php endif; ?>
    <div class="context"></div>
    </div>
    </div>
    
    <div class="row">
    <div class="label"> Telefoonnummer </div>
    <div class="input">
    <input type="number" id="cellphone" class="detail" name="cellphone" value="<?php echo isset($_POST['cellphone'])? $_POST['cellphone'] : ''; ?>" /><?php if(in_array('cellphone', $validation)): ?><span class="error"><?php echo $error_messages['cellphone']; ?></span><?php endif; ?>
    <div class="context"></div>
    </div>
    </div>
    
    <div class="row">
    <div class="label"> In welke stad? </div>
    <div class="input">
    <select>
  <option value="Utrecht">Utrecht</option>
</select>
    <input type="dropdown" id="city" class="" name="city" value="<?php echo isset($_POST['city'])? $_POST['city'] : ''; ?>" /><?php if(in_array('city', $validation)): ?><span class="error"><?php echo $error_messages['city']; ?></span><?php endif; ?>
    </div>
    </div>
    
    
    <div class="row">
    <div class="label"> Opmerkingen </div>
    <div class="input">
    <textarea id= "comment" name="comment" class="mess"><?php echo isset($_POST['comment'])? $_POST['comment'] : ''; ?></textarea><?php if(in_array('comment', $validation)): ?><span class="error"><?php echo $error_messages['comment']; ?></span><?php endif; ?>
    </div>
    </div>
    

    <div class="submit">
    <input type= "submit" id="submit" name="submit" value="send message" />
    </div>
    </form>
<?php else: ?>
<p>Thank you for your Message!</p>

<script type="text-javascript">


window.setTimeout("location=('index.html');",5000)

</script>

<?php endif; ?>

</div>
</body>

</html>



- Aar -:
Gelieve in het vervolg bij code de [code][/code]-tags gebruiken.
Hier kan je meer lezen over de mogelijke opmaakcodes.
Alvast bedankt!
Gewijzigd op 05/09/2015 20:12:57 door - Ariën -
 
- SanThe -

- SanThe -

05/09/2015 20:19:42
Quote Anchor link
Zet de errors eens aan dan ga je wat zien.

Bovenin je script:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
<?php
ini_set('display_errors', 1);
error_reporting(E_ALL);
?>
 
Bernhard G

Bernhard G

05/09/2015 21:06:52
Quote Anchor link
Bedankt maar werkt nog steeds niet.

Wanneer ik onderstaande code weg laat dan werkt hij wel:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<?php

if ($_POST["submit"])


$onderwerp = 'Bevestigingsmail';
$webmaster = 'mijn e-mail';


$e-mailadres = $_POST['email'];
$naam = $_POST['fullname'];
$telefoonnummer = $_POST['cellphone'];
$stad = $_POST['city'];
$opmerking = $_POST['comment'];


$body = <<<EOD
<br><hr><br>
E-mail: $email <br>
Naam: $fullname <br>
telefoonnummer: $cellphone <br>
Stad: $city <br>
Opmerking: $comment <br>
EOD
;

$headers = "from: $email\r\n";
$headers .= "conntent-type: text/html\r\n";
$success =mail ($webmaster, $onderwerp, $body, $headers);
 

Pagina: 1 2 3 volgende »



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.