Webdevelopment topic

Heb je een leuk filmpje gevonden? Deel het met ons! Heb je last van een knetterende computer of een kapotte mobiele telefoon? Vraag om hulp!

Heb je een eigen website?

Ja, zelfs meerdere
29
29%
Ja, 1
16
16%
Nee, zou wel graag een website willen maken
27
27%
Nee, interesseert mij verder ook niet
29
29%
 
Totaal aantal stemmen: 101

Ruthless
Berichten: 15295
Lid geworden op: vrijdag 8 juni 2012, 16:39
RS: V I T T U N (OSRS)
Extra rang: Pechvogel

Re: Webdevelopment topic

Bericht door Ruthless »

die zou juist moeten zijn ja, als je die ziet staan in de broncode dan klopt het
Silfer, kom alsjeblieft terug. We missen je allemaal heel erg. :cry:
Armajail
Berichten: 357
Lid geworden op: donderdag 19 november 2015, 15:23

Re: Webdevelopment topic

Bericht door Armajail »

Ok, hartelijk bedankt allemaal :D

Ik heb een betere site gevonden, nu probeer ik dit nog allemaal zowat te laten passen voor m'n eigen website :)

Bedankt :D
07 Ranger boots: #0 - Abby dagger van Abby demon: #1 -
Easy clues: #50 - Med clues: #410 - Hard clues: #272 - Elite clues: #20 - Master clues: #10
MrSenne
Berichten: 17974
Lid geworden op: maandag 14 mei 2007, 16:12

Re: Webdevelopment topic

Bericht door MrSenne »

Een Javascript bestand in /js en een in /JavaScript?
Rallim
Berichten: 1189
Lid geworden op: woensdag 6 februari 2008, 14:38
RS: Raddallin (p2p)
Oude naam: b a 1 0 0
Contacteer:

Re: Webdevelopment topic

Bericht door Rallim »

bootstrap heeft ook een slideshow die uiteraard responsive is. en gezien mn ervaring met bootstrap moet het makkelijk te implementeren zijn..
neem hier en hier ns een kijkje
Vyrelords Combat Training (Melee/Ranged) | SSD Guide
~Proud owner of Certificate of Proficiency in English (CPE)~
Afbeelding
Armajail
Berichten: 357
Lid geworden op: donderdag 19 november 2015, 15:23

Re: Webdevelopment topic

Bericht door Armajail »

Zeker handig, bedankt :)
07 Ranger boots: #0 - Abby dagger van Abby demon: #1 -
Easy clues: #50 - Med clues: #410 - Hard clues: #272 - Elite clues: #20 - Master clues: #10
Armajail
Berichten: 357
Lid geworden op: donderdag 19 november 2015, 15:23

Re: Webdevelopment topic

Bericht door Armajail »

Hey, ik zit met een lastige situatie...
Ik probeer voor iemand een contact-formulier te maken, maar ik ben ook niet zo weg met PHP...

De persoon waar ik het voor maak heeft een website online, waarbij ik een "onzichtbare pagina" heb gemaakt waaruit ik het formulier uittest.
De functies werken wel goed, hoewel dit enkel de test-fase is, zodat ik deze daarna volledig kan toepassen op het correcte formulier.
Nu, ik krijg als de gegevens juist zijn ingevuld wel de correcte behandeling, waarmee ik ook weet dat de webhosting PHP ondersteund.
Ik krijg op de pc namelijk een andere uitkomst omdat PHP niet (juist) geïnstalleerd is.

Ik krijg wel als ik op "Verzenden" klik het volgende beeld met "Hartelijk bedankt voor uw aanvraag. U ontvangt nog een bevestigingsmail."

update
Ik ben iets verder, ik krijg de mail wel aan, maar ik heb nog twee vragen:
1. Hij komt in de mailbox bij Ongewenst, is daar een specifieke reden voor en kan ik dit verhelpen?
2. In de orginele naam staat een 'è' die weergeven wordt als Ã" ... kan ik dit verhelpen?


De HTML-code:
[uitklappen]<!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=utf-8" />
<title>Untitled Document</title>
</head>

<body>

<form name="htmlform" method="post" action="html_form_send.php">
<table width="450px">
</tr>
<tr>
<td valign="top">
<label for="first_name">First Name *</label>
</td>
<td valign="top">
<input type="text" name="first_name" maxlength="50" size="30">
</td>
</tr>

<tr>
<td valign="top">
<label for="last_name">Last Name *</label>
</td>
<td valign="top">
<input type="text" name="last_name" maxlength="50" size="30">
</td>
</tr>
<tr>
<td valign="top">
<label for="email">Email Address *</label>
</td>
<td valign="top">
<input type="text" name="email" maxlength="80" size="30">
</td>

</tr>
<tr>
<td valign="top">
<label for="telephone">Telephone Number</label>
</td>
<td valign="top">
<input type="text" name="telephone" maxlength="30" size="30">
</td>
</tr>
<tr>
<td valign="top">
<label for="comments">Comments *</label>
</td>
<td valign="top">
<textarea name="comments" maxlength="1000" cols="25" rows="6"></textarea>
</td>

</tr>
<tr>
<td colspan="2" style="text-align:center">
<input type="submit" value="Submit" />
<input type="reset" value="Reset" />
</td>
</tr>
</table>
</form>

</body>
</html>[/uitklappen]

De PHP-code:
[uitklappen]<?php
if(isset($_POST['email'])) {

// CHANGE THE TWO LINES BELOW
$recipients = array(
"armajail@hotmail.com",
// more emails
);
$email_to = implode(',', $recipients); // your email address
$email_subject = "Reservatie Lorem Ipsum"; // email subject line


function died($error) {
// your error code can go here
echo "Verzenden mislukt. Controleer of alle gegevens correct zijn ingevuld.<br /><br />";
echo $error."<br /><br />";
die();
}

// validation expected data exists
if(!isset($_POST['first_name']) ||
!isset($_POST['last_name']) ||
!isset($_POST['email']) ||
!isset($_POST['telephone']) ||
!isset($_POST['comments'])) {
died('Onze excuses, maar er blijkt een probleem te zijn met het formulier.');
}

$first_name = $_POST['first_name']; // required
$last_name = $_POST['last_name']; // required
$email_from = $_POST['email']; // required
$telephone = $_POST['telephone']; // not required
$comments = $_POST['comments']; // required

$error_message = "";
$email_exp = '/^[A-Za-z0-9._%-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}$/';
if(!preg_match($email_exp,$email_from)) {
$error_message .= 'Het e-mail adres die u heeft ingegeven is niet geldig.<br />';
}
$string_exp = "/^[A-Za-z .'-]+$/";
if(!preg_match($string_exp,$first_name)) {
$error_message .= 'De naam die u heeft ingegeven is niet geldig.<br />';
}
if(!preg_match($string_exp,$last_name)) {
$error_message .= 'De naam die u heeft ingegeven is niet geldig.<br />';
}
if(strlen($comments) < 2) {
$error_message .= 'The Comments you entered do 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:","cc:","href");
return str_replace($bad,"",$string);
}

$email_message .= "First Name: ".clean_string($first_name)."\n";
$email_message .= "Last Name: ".clean_string($last_name)."\n";
$email_message .= "Email: ".clean_string($email_from)."\n";
$email_message .= "Telephone: ".clean_string($telephone)."\n";
$email_message .= "Comments: ".clean_string($comments)."\n";


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

<!-- place your own success html below -->

Hartelijk bedankt voor uw aanvraag.<br />
U ontvangt nog een bevestigingsmail.

<?php
}
die();
?>[/uitklappen]


Nog een extra vraag: Kan ik, als de website meerdere pagina's heeft met soortgelijke formulieren (bv pagina A heeft een formulier waarbij de eerste vraag is: "Vul je naam in". Pagina B heeft ook een formulier waar dezelfde vraag in voorkomt.] kan je deze beide linken aan $full_name in de php, of dient echt voor iedere formulier van de website een aparte PHP document aangemaakt te worden?

Alvast ENORM bedankt !
Laatst gewijzigd door Armajail op dinsdag 29 december 2015, 15:37, 1 keer totaal gewijzigd.
07 Ranger boots: #0 - Abby dagger van Abby demon: #1 -
Easy clues: #50 - Med clues: #410 - Hard clues: #272 - Elite clues: #20 - Master clues: #10
MrSenne
Berichten: 17974
Lid geworden op: maandag 14 mei 2007, 16:12

Re: Webdevelopment topic

Bericht door MrSenne »

Geen idee, maar een tabel om je styling te doen en je objecten op te delen? What year is it?
Armajail
Berichten: 357
Lid geworden op: donderdag 19 november 2015, 15:23

Re: Webdevelopment topic

Bericht door Armajail »

MrSenne schreef:Geen idee, maar een tabel om je styling te doen en je objecten op te delen? What year is it?
Ik heb 'm ook maar gevonden op Google :P

Damn caches! Ik zit heel lang te proberen om het terug werkend te krijgen....
dan probeer ik het eens incognito ... en daar werkt het perfect.
07 Ranger boots: #0 - Abby dagger van Abby demon: #1 -
Easy clues: #50 - Med clues: #410 - Hard clues: #272 - Elite clues: #20 - Master clues: #10
Danneh
Berichten: 8980
Lid geworden op: donderdag 4 januari 2007, 13:35

Re: Webdevelopment topic

Bericht door Danneh »

Armajail schreef:Hey, ik zit met een lastige situatie...
Ik probeer voor iemand een contact-formulier te maken, maar ik ben ook niet zo weg met PHP...

De persoon waar ik het voor maak heeft een website online, waarbij ik een "onzichtbare pagina" heb gemaakt waaruit ik het formulier uittest.
De functies werken wel goed, hoewel dit enkel de test-fase is, zodat ik deze daarna volledig kan toepassen op het correcte formulier.
Nu, ik krijg als de gegevens juist zijn ingevuld wel de correcte behandeling, waarmee ik ook weet dat de webhosting PHP ondersteund.
Ik krijg op de pc namelijk een andere uitkomst omdat PHP niet (juist) geïnstalleerd is.

Ik krijg wel als ik op "Verzenden" klik het volgende beeld met "Hartelijk bedankt voor uw aanvraag. U ontvangt nog een bevestigingsmail."

update
Ik ben iets verder, ik krijg de mail wel aan, maar ik heb nog twee vragen:
1. Hij komt in de mailbox bij Ongewenst, is daar een specifieke reden voor en kan ik dit verhelpen?
2. In de orginele naam staat een 'è' die weergeven wordt als Ã" ... kan ik dit verhelpen?


De HTML-code:
[uitklappen]<!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=utf-8" />
<title>Untitled Document</title>
</head>

<body>

<form name="htmlform" method="post" action="html_form_send.php">
<table width="450px">
</tr>
<tr>
<td valign="top">
<label for="first_name">First Name *</label>
</td>
<td valign="top">
<input type="text" name="first_name" maxlength="50" size="30">
</td>
</tr>

<tr>
<td valign="top">
<label for="last_name">Last Name *</label>
</td>
<td valign="top">
<input type="text" name="last_name" maxlength="50" size="30">
</td>
</tr>
<tr>
<td valign="top">
<label for="email">Email Address *</label>
</td>
<td valign="top">
<input type="text" name="email" maxlength="80" size="30">
</td>

</tr>
<tr>
<td valign="top">
<label for="telephone">Telephone Number</label>
</td>
<td valign="top">
<input type="text" name="telephone" maxlength="30" size="30">
</td>
</tr>
<tr>
<td valign="top">
<label for="comments">Comments *</label>
</td>
<td valign="top">
<textarea name="comments" maxlength="1000" cols="25" rows="6"></textarea>
</td>

</tr>
<tr>
<td colspan="2" style="text-align:center">
<input type="submit" value="Submit" />
<input type="reset" value="Reset" />
</td>
</tr>
</table>
</form>

</body>
</html>[/uitklappen]

De PHP-code:
[uitklappen]<?php
if(isset($_POST['email'])) {

// CHANGE THE TWO LINES BELOW
$recipients = array(
"armajail@hotmail.com",
// more emails
);
$email_to = implode(',', $recipients); // your email address
$email_subject = "Reservatie Lorem Ipsum"; // email subject line


function died($error) {
// your error code can go here
echo "Verzenden mislukt. Controleer of alle gegevens correct zijn ingevuld.<br /><br />";
echo $error."<br /><br />";
die();
}

// validation expected data exists
if(!isset($_POST['first_name']) ||
!isset($_POST['last_name']) ||
!isset($_POST['email']) ||
!isset($_POST['telephone']) ||
!isset($_POST['comments'])) {
died('Onze excuses, maar er blijkt een probleem te zijn met het formulier.');
}

$first_name = $_POST['first_name']; // required
$last_name = $_POST['last_name']; // required
$email_from = $_POST['email']; // required
$telephone = $_POST['telephone']; // not required
$comments = $_POST['comments']; // required

$error_message = "";
$email_exp = '/^[A-Za-z0-9._%-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}$/';
if(!preg_match($email_exp,$email_from)) {
$error_message .= 'Het e-mail adres die u heeft ingegeven is niet geldig.<br />';
}
$string_exp = "/^[A-Za-z .'-]+$/";
if(!preg_match($string_exp,$first_name)) {
$error_message .= 'De naam die u heeft ingegeven is niet geldig.<br />';
}
if(!preg_match($string_exp,$last_name)) {
$error_message .= 'De naam die u heeft ingegeven is niet geldig.<br />';
}
if(strlen($comments) < 2) {
$error_message .= 'The Comments you entered do 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:","cc:","href");
return str_replace($bad,"",$string);
}

$email_message .= "First Name: ".clean_string($first_name)."\n";
$email_message .= "Last Name: ".clean_string($last_name)."\n";
$email_message .= "Email: ".clean_string($email_from)."\n";
$email_message .= "Telephone: ".clean_string($telephone)."\n";
$email_message .= "Comments: ".clean_string($comments)."\n";


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

<!-- place your own success html below -->

Hartelijk bedankt voor uw aanvraag.<br />
U ontvangt nog een bevestigingsmail.

<?php
}
die();
?>[/uitklappen]


Nog een extra vraag: Kan ik, als de website meerdere pagina's heeft met soortgelijke formulieren (bv pagina A heeft een formulier waarbij de eerste vraag is: "Vul je naam in". Pagina B heeft ook een formulier waar dezelfde vraag in voorkomt.] kan je deze beide linken aan $full_name in de php, of dient echt voor iedere formulier van de website een aparte PHP document aangemaakt te worden?

Alvast ENORM bedankt !
Je kan het .php document als één opslaan, en laten ophalen bij het versturen van het formulier. Dan heb je één document die geldt voor meerdere formulieren. Dan moet je alleen zorgen dat deze niet op dezelfde pagina staat en de velden niet dezelfde naam hebben. Dus, ja: je kan één variabel op meerdere pagina's gebruiken
Joa
Berichten: 6416
Lid geworden op: donderdag 3 december 2009, 18:15

Re: Webdevelopment topic

Bericht door Joa »

Ik probeer met JQuery een modal dialog te openen

Dit staat in mijn html

Code: Selecteer alles

<div>Link <a class='link' >verwijderen</a></div>
Via een functie open ik de dialog die ik wil hebben, dus geen probleem, daar zit niets fout.

Nu wil ik dezelfde dialog laten openen als ik klik op inhoud die ik via Ajax van een server heb gehaald.

Als ik dezelfde code als hierboven in die Ajax-functie met jQuery append aan dezelfde div als waar ik hem gewoon hardgecodeerd heb, dan heb ik volgens mijn broncode net dezelfde html. De ene zelf erin getypt, de andere erin gezet met jQuery. Maar op die code die ik er plaats met jQuery opent de dialog niet. Hoe los ik dit op?

Toegevoegd na 41 minuten en 33 seconden:
nvm heb gewoon de functie om de dialog te openen bij in dat ajax success ding gezet. Zullen wel betere oplossingen voor zijn maja, het werkt nu.
Rallim
Berichten: 1189
Lid geworden op: woensdag 6 februari 2008, 14:38
RS: Raddallin (p2p)
Oude naam: b a 1 0 0
Contacteer:

Re: Webdevelopment topic

Bericht door Rallim »

volgende keer is het handig om je code of link naar jsfiddle te posten
Vyrelords Combat Training (Melee/Ranged) | SSD Guide
~Proud owner of Certificate of Proficiency in English (CPE)~
Afbeelding
MrSenne
Berichten: 17974
Lid geworden op: maandag 14 mei 2007, 16:12

Re: Webdevelopment topic

Bericht door MrSenne »

Heeft iemand hier goede tutorials om een CMS op je site te implementeren? Ik wil graag volledig mijn eigen lay-out maken maar dan toch de inhoud wat kunnen aanpassen met een CMS, is dat mogelijk?
Ruthless
Berichten: 15295
Lid geworden op: vrijdag 8 juni 2012, 16:39
RS: V I T T U N (OSRS)
Extra rang: Pechvogel

Re: Webdevelopment topic

Bericht door Ruthless »

volgens mij is het vrijwel onmogelijk om op een bestaande website een cms omheen te zetten en alles in tact te houden, als dat is wat je bedoeld
Silfer, kom alsjeblieft terug. We missen je allemaal heel erg. :cry:
MrSenne
Berichten: 17974
Lid geworden op: maandag 14 mei 2007, 16:12

Re: Webdevelopment topic

Bericht door MrSenne »

Nee ik wil gewoon van scratch beginnen, maar ik wil niet zo'n standaard saai thematje. :p
i k0nijn i
Ex-moderator
Berichten: 32871
Lid geworden op: dinsdag 28 maart 2006, 13:21
Extra rang: Ex-moderator Grafisch

Re: Webdevelopment topic

Bericht door i k0nijn i »

Misschien is het al handig om te vermelden welke CMS je zou gebruiken. Voor zover ik weet kan je je hele CMS opmaken zoals je wilt, maar is het lastige soms dat het een enorme warboel is.
Afbeelding
MrSenne
Berichten: 17974
Lid geworden op: maandag 14 mei 2007, 16:12

Re: Webdevelopment topic

Bericht door MrSenne »

Ik ben nog een beetje aan het uitzoeken welke het makkelijkste is om mee te werken. :P
Ruthless
Berichten: 15295
Lid geworden op: vrijdag 8 juni 2012, 16:39
RS: V I T T U N (OSRS)
Extra rang: Pechvogel

Re: Webdevelopment topic

Bericht door Ruthless »

Gebruik zelf TYPO3, geweldig systeem, maar wel heel erg gevorderd, voor een simpele website niet echt geschikt om eerst TYPO3 te gaan leren
Zelf nooit met TYPO3 light gewerkt, maar dat ziet en klinkt er een stuk simpeler uit, moet je daar maar eens naar kijken

Toegevoegd na 1 minuut en 54 seconden:
Zie dat het geen TYPO3 light heet, maar Neos
Silfer, kom alsjeblieft terug. We missen je allemaal heel erg. :cry:
Niels
Berichten: 3711
Lid geworden op: zaterdag 30 april 2011, 15:37

Re: Webdevelopment topic

Bericht door Niels »

Ik zou graag wat serieuzere sites willen maken, met als einddoel misschien dat je je als gebruiker kan registreren en inloggen. Waar kan ik beginnen met leren?
Rallim
Berichten: 1189
Lid geworden op: woensdag 6 februari 2008, 14:38
RS: Raddallin (p2p)
Oude naam: b a 1 0 0
Contacteer:

Re: Webdevelopment topic

Bericht door Rallim »

code academy en w3schools als referentie
Vyrelords Combat Training (Melee/Ranged) | SSD Guide
~Proud owner of Certificate of Proficiency in English (CPE)~
Afbeelding
Ruthless
Berichten: 15295
Lid geworden op: vrijdag 8 juni 2012, 16:39
RS: V I T T U N (OSRS)
Extra rang: Pechvogel

Re: Webdevelopment topic

Bericht door Ruthless »

TYPO3 heeft standaard functies om login systeem in je website te bouwen
Silfer, kom alsjeblieft terug. We missen je allemaal heel erg. :cry:
Plaats reactie