Wikizone - Benutzerbeiträge [de]

Interaktive Karten mit d3.js

2018-10-12T08:10:28Z

93.208.102.183: Die Seite wurde neu angelegt: „D3.js ist ein Tool zur Visualisierung von Daten. Man kann auch interaktive Karten damit erstellen. Der Prozess von Gis Shape Files bis zur fertigen Karte wird…“

D3.js ist ein Tool zur Visualisierung von Daten. Man kann auch interaktive Karten damit erstellen. Der Prozess von Gis Shape Files bis zur fertigen Karte wird hier erklärt.

== Links: ==
http://www.tnoda.com/blog/2013-12-07 (Vorbild für dieses Tutorial)
http://www.naturalearthdata.com/ (Geodaten)
http://www.gdal.org/ (Geospatial Data Abstraction Library - GDAL, Tools zum Arbeiten mit Geodaten)

== Geodaten konvertieren - Tools installieren ==
Wir gehen von Shapefiles aus (.shp / Quelle s.o.). Damit man die Daten für eine WebApp nutzen kann wandeln wir sie in GeoJSON Daten um. Diese wiederum in TopoJSON um die Größe zu veringern (Kurven werden dadurch etwas weniger detailiert).

Größenvergleich ausgehend von Shapefile mit ca. 9MB

Shapefile: 9MB
GeoJSON: 25 MB
Topojson: 2,5 MB

Tipp: Viele Daten gibt es mittlerweile direkt als GeoJSON. So spart man sich den ersten Schritt.
=== .shp -> geojson ===
Geht mit dem Command Line Tool '''ogr2ogr''' aus der GDAL (siehe Links)

Installation unter MacOS (mit brew):
brew install gdal

=== GeoJSON -> Topojson ===
Für die Konvertierung nach Topojson gibt es das topojson Tool. Es läßt sich über node.js installieren:
Installation
sudo npm install -g topojson

== Konvertieren und vereinfachen ==

Konvertierung von .shp nach .json:
ogr2ogr -f GeoJSON meinJsonFile.json meinShapeFile.shp

PHP - Mailformular

2018-10-11T05:20:27Z

93.208.102.183: /* Beispiel1 (Lifekinetik) */

Siehe auch (TODO)

== Libs ==
Todo -> PHP-Mailer etc...

== Beispiele ==
=== Beispiel 1 - einfaches Mailform mit AJAX Versand (Lifekinetik) ===
'''PHP'''
<syntaxhighlight lang="php">
<?php
if($_POST) {

$to = "info@angelajochum.de"; // Your email here
$subject = 'Nachricht von angelajochum.de'; // Standard Subject

}

//Send mail function
function send_mail($to,$subject,$message,$headers){
if(@mail($to,$subject,$message,$headers)){
echo json_encode(array('info' => 'success', 'msg' => "Ihre Nachricht wurde versandt. Vielen Dank."));
} else {
echo json_encode(array('info' => 'error', 'msg' => "Fehler, ihre Nachricht konnte nicht versendet werden."));
}
}

//Check if $_POST vars are set
if(!isset($_POST['name']) || !isset($_POST['mail']) || !isset($_POST['comment'])){
echo json_encode(array('info' => 'error', 'msg' => 'Bitte füllen Sie alle Felder aus.'));
}

//Sanitize input data, remove all illegal characters
$name = filter_var($_POST['name'], FILTER_SANITIZE_STRING);
$mail = filter_var($_POST['mail'], FILTER_SANITIZE_EMAIL);
$subject = filter_var($_POST['subject'], FILTER_SANITIZE_STRING);
$website = filter_var($_POST['website'], FILTER_SANITIZE_STRING);
$comment = filter_var($_POST['comment'], FILTER_SANITIZE_STRING);

//Validation
if($name == '') {
echo json_encode(array('info' => 'error', 'msg' => "Bitte geben Sie Ihren Namen ein.."));
exit();
}
if(!filter_var($mail, FILTER_VALIDATE_EMAIL)){
echo json_encode(array('info' => 'error', 'msg' => "Bitte geben sie eine gültige E-Mail Adresse ein."));
exit();
}
if($comment == ''){
echo json_encode(array('info' => 'error', 'msg' => "Bitte geben sie Ihre Nachricht ein."));
exit();
}

//Send Mail
$headers = 'From: ' . $mail .''. "\r\n".
'Reply-To: '.$mail.'' . "\r\n" .
'X-Mailer: PHP/' . phpversion();

send_mail($to, $subject, $comment . "\r\n\n" .'Name: '.$name. "\r\n" .'E-Mail: '.$mail, $headers);
?>

</syntaxhighlight>

'''HTML'''
<syntaxhighlight lang="html5">
<form id="contact-form" action="#">
<div class="row contact-row">
<div class="col-md-6 contact-name">
<input name="name" id="name" placeholder="Name*" type="text">
</div>
<div class="col-md-6 contact-email">
<input name="mail" id="mail" placeholder="E-Mail*" type="email">
</div>
</div>
<input name="subject" id="subject" placeholder="Betreff" type="text">
<textarea name="comment" id="comment" placeholder="Ihre Nachricht"></textarea>
<div class="col-md-12">
<p>DATENSCHUTZHINWEIS<br>
Mit meiner Kontaktaufnahme willige ich ein, dass meine Daten gespeichert und zur Bearbeitung meiner Anfrage/Kontaktaufnahme
sowie für die Zusendung von Informationsmaterial genutzt werden. Eine Weiterleitung an Dritte ist ausgeschlossen.
Diese Einwilligung kann jederzeit widerrufen werden.<br> 
</p>
</div>
<input class="btn btn-lg btn-color btn-submit" value="Absenden" id="submit-message" type="submit">
<div id="msg" class="message success" style="display: none;">Ihre Nachricht wurde versandt. Vielen Dank.</div>
</form>
</syntaxhighlight>

'''JavaScript (jQuery)'''
<syntaxhighlight lang=javascript">
/* ---------------------------------------------------------------------- */
/* Contact Form
/* ---------------------------------------------------------------------- */

var submitContact = $('#submit-message'),
message = $('#msg');

submitContact.on('click', function(e){
e.preventDefault();

var $this = $(this);

$.ajax({
type: "POST",
url: 'contact.php',
dataType: 'json',
cache: false,
data: $('#contact-form').serialize(),
success: function(data) {

if(data.info !== 'error'){
$this.parents('form').find('input[type=text],input[type=email],textarea,select').filter(':visible').val('');
message.hide().removeClass('success').removeClass('error').addClass('success').html(data.msg).fadeIn('slow').delay(5000).fadeOut('slow');
} else {
message.hide().removeClass('success').removeClass('error').addClass('error').html(data.msg).fadeIn('slow').delay(5000).fadeOut('slow');
}
}
});
});
</syntaxhighlight>

PHP - Mailformular

2018-10-11T05:18:23Z

93.208.102.183: /* Beispiel1 (Lifekinetik) */

Siehe auch (TODO)

== Libs ==
Todo -> PHP-Mailer etc...

== Beispiele ==
=== Beispiel1 (Lifekinetik) ===
'''PHP'''
<syntaxhighlight lang="php">
<?php
if($_POST) {

$to = "info@angelajochum.de"; // Your email here
$subject = 'Nachricht von angelajochum.de'; // Standard Subject

}

//Send mail function
function send_mail($to,$subject,$message,$headers){
if(@mail($to,$subject,$message,$headers)){
echo json_encode(array('info' => 'success', 'msg' => "Ihre Nachricht wurde versandt. Vielen Dank."));
} else {
echo json_encode(array('info' => 'error', 'msg' => "Fehler, ihre Nachricht konnte nicht versendet werden."));
}
}

//Check if $_POST vars are set
if(!isset($_POST['name']) || !isset($_POST['mail']) || !isset($_POST['comment'])){
echo json_encode(array('info' => 'error', 'msg' => 'Bitte füllen Sie alle Felder aus.'));
}

//Sanitize input data, remove all illegal characters
$name = filter_var($_POST['name'], FILTER_SANITIZE_STRING);
$mail = filter_var($_POST['mail'], FILTER_SANITIZE_EMAIL);
$subject = filter_var($_POST['subject'], FILTER_SANITIZE_STRING);
$website = filter_var($_POST['website'], FILTER_SANITIZE_STRING);
$comment = filter_var($_POST['comment'], FILTER_SANITIZE_STRING);

//Validation
if($name == '') {
echo json_encode(array('info' => 'error', 'msg' => "Bitte geben Sie Ihren Namen ein.."));
exit();
}
if(!filter_var($mail, FILTER_VALIDATE_EMAIL)){
echo json_encode(array('info' => 'error', 'msg' => "Bitte geben sie eine gültige E-Mail Adresse ein."));
exit();
}
if($comment == ''){
echo json_encode(array('info' => 'error', 'msg' => "Bitte geben sie Ihre Nachricht ein."));
exit();
}

//Send Mail
$headers = 'From: ' . $mail .''. "\r\n".
'Reply-To: '.$mail.'' . "\r\n" .
'X-Mailer: PHP/' . phpversion();

send_mail($to, $subject, $comment . "\r\n\n" .'Name: '.$name. "\r\n" .'E-Mail: '.$mail, $headers);
?>

</syntaxhighlight>

'''HTML'''
<syntaxhighlight lang="html5">
<form id="contact-form" action="#">
<div class="row contact-row">
<div class="col-md-6 contact-name">
<input name="name" id="name" placeholder="Name*" type="text">
</div>
<div class="col-md-6 contact-email">
<input name="mail" id="mail" placeholder="E-Mail*" type="email">
</div>
</div>
<input name="subject" id="subject" placeholder="Betreff" type="text">
<textarea name="comment" id="comment" placeholder="Ihre Nachricht"></textarea>
<div class="col-md-12">
<p>DATENSCHUTZHINWEIS<br>
Mit meiner Kontaktaufnahme willige ich ein, dass meine Daten gespeichert und zur Bearbeitung meiner Anfrage/Kontaktaufnahme
sowie für die Zusendung von Informationsmaterial genutzt werden. Eine Weiterleitung an Dritte ist ausgeschlossen.
Diese Einwilligung kann jederzeit widerrufen werden.<br> 
</p>
</div>
<input class="btn btn-lg btn-color btn-submit" value="Absenden" id="submit-message" type="submit">
<div id="msg" class="message success" style="display: none;">Ihre Nachricht wurde versandt. Vielen Dank.</div>
</form>
</syntaxhighlight>

'''JavaScript (jQuery)'''
<syntaxhighlight lang=javascript">
/* ---------------------------------------------------------------------- */
/* Contact Form
/* ---------------------------------------------------------------------- */

var submitContact = $('#submit-message'),
message = $('#msg');

submitContact.on('click', function(e){
e.preventDefault();

var $this = $(this);

$.ajax({
type: "POST",
url: 'contact.php',
dataType: 'json',
cache: false,
data: $('#contact-form').serialize(),
success: function(data) {

if(data.info !== 'error'){
$this.parents('form').find('input[type=text],input[type=email],textarea,select').filter(':visible').val('');
message.hide().removeClass('success').removeClass('error').addClass('success').html(data.msg).fadeIn('slow').delay(5000).fadeOut('slow');
} else {
message.hide().removeClass('success').removeClass('error').addClass('error').html(data.msg).fadeIn('slow').delay(5000).fadeOut('slow');
}
}
});
});
</syntaxhighlight>

PHP - Mailformular

2018-10-11T05:17:42Z

93.208.102.183:

Siehe auch (TODO)

== Libs ==
Todo -> PHP-Mailer etc...

== Beispiele ==
=== Beispiel1 (Lifekinetik) ===
<syntaxhighlight lang="php">
<?php
if($_POST) {

$to = "info@angelajochum.de"; // Your email here
$subject = 'Nachricht von angelajochum.de'; // Standard Subject

}

//Send mail function
function send_mail($to,$subject,$message,$headers){
if(@mail($to,$subject,$message,$headers)){
echo json_encode(array('info' => 'success', 'msg' => "Ihre Nachricht wurde versandt. Vielen Dank."));
} else {
echo json_encode(array('info' => 'error', 'msg' => "Fehler, ihre Nachricht konnte nicht versendet werden."));
}
}

//Check if $_POST vars are set
if(!isset($_POST['name']) || !isset($_POST['mail']) || !isset($_POST['comment'])){
echo json_encode(array('info' => 'error', 'msg' => 'Bitte füllen Sie alle Felder aus.'));
}

//Sanitize input data, remove all illegal characters
$name = filter_var($_POST['name'], FILTER_SANITIZE_STRING);
$mail = filter_var($_POST['mail'], FILTER_SANITIZE_EMAIL);
$subject = filter_var($_POST['subject'], FILTER_SANITIZE_STRING);
$website = filter_var($_POST['website'], FILTER_SANITIZE_STRING);
$comment = filter_var($_POST['comment'], FILTER_SANITIZE_STRING);

//Validation
if($name == '') {
echo json_encode(array('info' => 'error', 'msg' => "Bitte geben Sie Ihren Namen ein.."));
exit();
}
if(!filter_var($mail, FILTER_VALIDATE_EMAIL)){
echo json_encode(array('info' => 'error', 'msg' => "Bitte geben sie eine gültige E-Mail Adresse ein."));
exit();
}
if($comment == ''){
echo json_encode(array('info' => 'error', 'msg' => "Bitte geben sie Ihre Nachricht ein."));
exit();
}

//Send Mail
$headers = 'From: ' . $mail .''. "\r\n".
'Reply-To: '.$mail.'' . "\r\n" .
'X-Mailer: PHP/' . phpversion();

send_mail($to, $subject, $comment . "\r\n\n" .'Name: '.$name. "\r\n" .'E-Mail: '.$mail, $headers);
?>

</syntaxhighlight>

<syntaxhighlight lang="html5">
<form id="contact-form" action="#">
<div class="row contact-row">
<div class="col-md-6 contact-name">
<input name="name" id="name" placeholder="Name*" type="text">
</div>
<div class="col-md-6 contact-email">
<input name="mail" id="mail" placeholder="E-Mail*" type="email">
</div>
</div>
<input name="subject" id="subject" placeholder="Betreff" type="text">
<textarea name="comment" id="comment" placeholder="Ihre Nachricht"></textarea>
<div class="col-md-12">
<p>DATENSCHUTZHINWEIS<br>
Mit meiner Kontaktaufnahme willige ich ein, dass meine Daten gespeichert und zur Bearbeitung meiner Anfrage/Kontaktaufnahme
sowie für die Zusendung von Informationsmaterial genutzt werden. Eine Weiterleitung an Dritte ist ausgeschlossen.
Diese Einwilligung kann jederzeit widerrufen werden.<br> 
</p>
</div>
<input class="btn btn-lg btn-color btn-submit" value="Absenden" id="submit-message" type="submit">
<div id="msg" class="message success" style="display: none;">Ihre Nachricht wurde versandt. Vielen Dank.</div>
</form>
</syntaxhighlight>

JavaScript (jQuery)
<syntaxhighlight lang=javascript">
/* ---------------------------------------------------------------------- */
/* Contact Form
/* ---------------------------------------------------------------------- */

var submitContact = $('#submit-message'),
message = $('#msg');

submitContact.on('click', function(e){
e.preventDefault();

var $this = $(this);

$.ajax({
type: "POST",
url: 'contact.php',
dataType: 'json',
cache: false,
data: $('#contact-form').serialize(),
success: function(data) {

if(data.info !== 'error'){
$this.parents('form').find('input[type=text],input[type=email],textarea,select').filter(':visible').val('');
message.hide().removeClass('success').removeClass('error').addClass('success').html(data.msg).fadeIn('slow').delay(5000).fadeOut('slow');
} else {
message.hide().removeClass('success').removeClass('error').addClass('error').html(data.msg).fadeIn('slow').delay(5000).fadeOut('slow');
}
}
});
});
</syntaxhighlight>

PHP - Mailformular

2018-10-11T05:10:11Z

93.208.102.183: Die Seite wurde neu angelegt: „Siehe auch (TODO) == Libs == Todo -> PHP-Mailer etc... == Beispiele == === Beispiel1 (Lifekinetik) === <syntaxhighlight lang="php"> <?php if($_POST) { $t…“

ProcessWire - Formulare

2018-10-10T12:28:19Z

93.208.102.183: /* Beispiele */

== Links ==
https://processwire.com/talk/topic/2089-create-simple-forms-using-api/ von Soma
https://processwire.com/talk/topic/14206-contact-form-tutorial/ Mit Google ReCaptcha
== Beispiele ==
=== Soma Beispiel ===
<syntaxhighlight lang="php">
<?php
$out = '';

// create a new form field (also field wrapper)
$form = $modules->get("InputfieldForm");
$form->action = "./";
$form->method = "post";
$form->attr("id+name",'subscribe-form');

// create a text input
$field = $modules->get("InputfieldText");
$field->label = "Name";
$field->attr('id+name','name');
$field->required = 1;
$form->append($field); // append the field to the form

// create email field
$field = $modules->get("InputfieldEmail");
$field->label = "E-Mail";
$field->attr('id+name','email');
$field->required = 1;
$form->append($field); // append the field

// you get the idea
$field = $modules->get("InputfieldPassword");
$field->label = "Passwort";
$field->attr("id+name","pass");
$field->required = 1;
$form->append($field);

// oh a submit button!
$submit = $modules->get("InputfieldSubmit");
$submit->attr("value","Subscribe");
$submit->attr("id+name","submit");
$form->append($submit);

// form was submitted so we process the form
if($input->post->submit) {

// user submitted the form, process it and check for errors
$form->processInput($input->post);

// here is a good point for extra/custom validation and manipulate fields
$email = $form->get("email");

if($email && (strpos($email->value,'@hotmail') !== FALSE)){ // attach an error to the field
// and it will get displayed along the field
$email->error("Sorry we don't accept hotmail addresses for now.");

}

if($form->getErrors()) {
// the form is processed and populated
// but contains errors
$out .= $form->render();
} else {

// do with the form what you like, create and save it as page
// or send emails. to get the values you can use
// $email = $form->get("email")->value;
// $name = $form->get("name")->value;
// $pass = $form->get("pass")->value;
//
// to sanitize input
// $name = $sanitizer->text($input->post->name);
// $email = $sanitizer->email($form->get("email")->value);

$out .= "<p>Thanks! Your submission was successful.";

}
} else {
// render out form without processing
$out .= $form->render();
}

include("./head.inc");
echo $out;
include("./foot.inc");
</syntaxhighlight>

=== Einfaches Formular (ohne Spamschutz)===
<syntaxhighlight lang="php">
<?php namespace ProcessWire;

function renderContactForm($backend_email, $subject) {
$out = '';

$modules = wire('modules'); // get access to pw modules object
$input = wire('input');
$sanitizer = wire('sanitizer');

// Create the new <form>
$form = $modules->get("InputfieldForm"); // get InputfieldForm Object
$form->action = "./";
$form->method = "post";
$form->attr("id+name",'contact-form');

// Set markup for form elements
$form->setMarkup(array(
'list' => "<div {attrs}>{out}</div>",
'item' => "<div {attrs}>{out}</div>",
//'item_label' => "<label for='{for}'>{out}</label>",
'item_label' => "", // no label markup for this form
'item_content' => "{out}",
'item_error' => "<p class=\"error\">{out}</p>",
'item_description' => "<p>{out}</p>",
'item_head' => "<h2>{out}</h2>",
'item_notes' => "<p class='notes'>{out}</p>",
));

// Set classes for form elements
$form->setClasses(array(
'list' => 'form-list',
'list_clearfix' => '',
'item' => '{class}',
'item_required' => 'required',
'item_error' => '',
'item_collapsed' => '',
'item_column_width' => '',
'item_column_width_first' => ''
));

// New field: First name
$field = $modules->get("InputfieldText");
$field->label = __("Name");
$field->attr([
'id+name' => 'name',
'placeholder' => 'Ihr Name',
'class' => 'text'
]);
$field->required = 1;
$form->append($field);

// New field: E-Mail
$field = $modules->get("InputfieldEmail");
$field->label = __("E-mail");
$field->attr([
'id+name' => 'email',
'placeholder' => 'Ihre E-Mail Adresse',
'class' => 'text'
]);
$field->required = 1;
$form->append($field);

// New field: Phone
$field = $modules->get("InputfieldText");
$field->label = __("Telefon");
$field->attr([
'id+name' => 'phone',
'placeholder' => 'Ihre Telefonnummer',
'class' => 'text'
]);
$field->required = 1;
$form->append($field);

// New field: Message
$field = $modules->get("InputfieldTextarea");
$field->label = __("Nachricht");
$field->attr([
'id+name' => 'message',
'placeholder' => 'Ihre Nachricht',
'class' => 'textarea'
]);
$field->required = 1;
$form->append($field);

// SUBMIT button!
$submit = $modules->get("InputfieldSubmit");
$submit->attr("id+name", "submit");
$submit->attr("class", "submit");
$form->append($submit);

// POST request, process the form
if($input->post->submit) {
$form->processInput($input->post);

$name = $sanitizer->text($input->post->firstname);
$email = $sanitizer->email($input->post->email);
$message = $sanitizer->text($input->post->message);
$phone = $sanitizer->text($input->post->phone);

// ERRORS...
if($form->getErrors()) {
$out .= $form->render();
} else {
// FORM OK...
// Process the form here!

$mail = wireMail();
$mail->to($backend_email)->from($email);
$mail->subject($subject);

$body = "Name: " . $firstname . "\n";
$body .= "E-Mail: " . $email . "\n";
$body .= "Telefon: " . $phone . "\n\n";
$body .= "Nachricht:\n" . $message;

$mail->body($body);

echo '<pre>'.$body.'</pre>';
$numSent = $mail->send();

$out .= '<p>'.__("Vielen Dank für Ihre Nachricht! Wir melden uns so bald wie möglich.").'</p>';

}
} else {
// GET request, simply show the form
$out .= $form->render();
}

return $out;
}
</syntaxhighlight>

ProcessWire - Formulare

2018-10-10T12:18:26Z

93.208.102.183:

== Links ==
https://processwire.com/talk/topic/2089-create-simple-forms-using-api/ von Soma
https://processwire.com/talk/topic/14206-contact-form-tutorial/ Mit Google ReCaptcha
== Beispiele ==

=== Einfaches Formular (ohne Spamschutz)===
<syntaxhighlight lang="php">
<?php namespace ProcessWire;

function renderContactForm($backend_email, $subject) {
$out = '';

$modules = wire('modules'); // get access to pw modules object
$input = wire('input');
$sanitizer = wire('sanitizer');

// Create the new <form>
$form = $modules->get("InputfieldForm"); // get InputfieldForm Object
$form->action = "./";
$form->method = "post";
$form->attr("id+name",'contact-form');

// Set markup for form elements
$form->setMarkup(array(
'list' => "<div {attrs}>{out}</div>",
'item' => "<div {attrs}>{out}</div>",
//'item_label' => "<label for='{for}'>{out}</label>",
'item_label' => "", // no label markup for this form
'item_content' => "{out}",
'item_error' => "<p class=\"error\">{out}</p>",
'item_description' => "<p>{out}</p>",
'item_head' => "<h2>{out}</h2>",
'item_notes' => "<p class='notes'>{out}</p>",
));

// Set classes for form elements
$form->setClasses(array(
'list' => 'form-list',
'list_clearfix' => '',
'item' => '{class}',
'item_required' => 'required',
'item_error' => '',
'item_collapsed' => '',
'item_column_width' => '',
'item_column_width_first' => ''
));

// New field: First name
$field = $modules->get("InputfieldText");
$field->label = __("Name");
$field->attr([
'id+name' => 'name',
'placeholder' => 'Ihr Name',
'class' => 'text'
]);
$field->required = 1;
$form->append($field);

// New field: E-Mail
$field = $modules->get("InputfieldEmail");
$field->label = __("E-mail");
$field->attr([
'id+name' => 'email',
'placeholder' => 'Ihre E-Mail Adresse',
'class' => 'text'
]);
$field->required = 1;
$form->append($field);

// New field: Phone
$field = $modules->get("InputfieldText");
$field->label = __("Telefon");
$field->attr([
'id+name' => 'phone',
'placeholder' => 'Ihre Telefonnummer',
'class' => 'text'
]);
$field->required = 1;
$form->append($field);

// New field: Message
$field = $modules->get("InputfieldTextarea");
$field->label = __("Nachricht");
$field->attr([
'id+name' => 'message',
'placeholder' => 'Ihre Nachricht',
'class' => 'textarea'
]);
$field->required = 1;
$form->append($field);

// SUBMIT button!
$submit = $modules->get("InputfieldSubmit");
$submit->attr("id+name", "submit");
$submit->attr("class", "submit");
$form->append($submit);

// POST request, process the form
if($input->post->submit) {
$form->processInput($input->post);

$name = $sanitizer->text($input->post->firstname);
$email = $sanitizer->email($input->post->email);
$message = $sanitizer->text($input->post->message);
$phone = $sanitizer->text($input->post->phone);

// ERRORS...
if($form->getErrors()) {
$out .= $form->render();
} else {
// FORM OK...
// Process the form here!

$mail = wireMail();
$mail->to($backend_email)->from($email);
$mail->subject($subject);

$body = "Name: " . $firstname . "\n";
$body .= "E-Mail: " . $email . "\n";
$body .= "Telefon: " . $phone . "\n\n";
$body .= "Nachricht:\n" . $message;

$mail->body($body);

echo '<pre>'.$body.'</pre>';
$numSent = $mail->send();

$out .= '<p>'.__("Vielen Dank für Ihre Nachricht! Wir melden uns so bald wie möglich.").'</p>';

}
} else {
// GET request, simply show the form
$out .= $form->render();
}

return $out;
}
</syntaxhighlight>

ProcessWire - Formulare

2018-10-10T12:17:36Z

93.208.102.183: /* Einfaches Formular (ohne Spamschutz) */

== Links ==

https://processwire.com/talk/topic/14206-contact-form-tutorial/ Mit Google ReCaptcha
== Beispiele ==

=== Einfaches Formular (ohne Spamschutz)===
<syntaxhighlight lang="php">
<?php namespace ProcessWire;

function renderContactForm($backend_email, $subject) {
$out = '';

$modules = wire('modules'); // get access to pw modules object
$input = wire('input');
$sanitizer = wire('sanitizer');

// Create the new <form>
$form = $modules->get("InputfieldForm"); // get InputfieldForm Object
$form->action = "./";
$form->method = "post";
$form->attr("id+name",'contact-form');

// Set markup for form elements
$form->setMarkup(array(
'list' => "<div {attrs}>{out}</div>",
'item' => "<div {attrs}>{out}</div>",
//'item_label' => "<label for='{for}'>{out}</label>",
'item_label' => "", // no label markup for this form
'item_content' => "{out}",
'item_error' => "<p class=\"error\">{out}</p>",
'item_description' => "<p>{out}</p>",
'item_head' => "<h2>{out}</h2>",
'item_notes' => "<p class='notes'>{out}</p>",
));

// Set classes for form elements
$form->setClasses(array(
'list' => 'form-list',
'list_clearfix' => '',
'item' => '{class}',
'item_required' => 'required',
'item_error' => '',
'item_collapsed' => '',
'item_column_width' => '',
'item_column_width_first' => ''
));

// New field: First name
$field = $modules->get("InputfieldText");
$field->label = __("Name");
$field->attr([
'id+name' => 'name',
'placeholder' => 'Ihr Name',
'class' => 'text'
]);
$field->required = 1;
$form->append($field);

// New field: E-Mail
$field = $modules->get("InputfieldEmail");
$field->label = __("E-mail");
$field->attr([
'id+name' => 'email',
'placeholder' => 'Ihre E-Mail Adresse',
'class' => 'text'
]);
$field->required = 1;
$form->append($field);

// New field: Phone
$field = $modules->get("InputfieldText");
$field->label = __("Telefon");
$field->attr([
'id+name' => 'phone',
'placeholder' => 'Ihre Telefonnummer',
'class' => 'text'
]);
$field->required = 1;
$form->append($field);

// New field: Message
$field = $modules->get("InputfieldTextarea");
$field->label = __("Nachricht");
$field->attr([
'id+name' => 'message',
'placeholder' => 'Ihre Nachricht',
'class' => 'textarea'
]);
$field->required = 1;
$form->append($field);

// SUBMIT button!
$submit = $modules->get("InputfieldSubmit");
$submit->attr("id+name", "submit");
$submit->attr("class", "submit");
$form->append($submit);

// POST request, process the form
if($input->post->submit) {
$form->processInput($input->post);

$name = $sanitizer->text($input->post->firstname);
$email = $sanitizer->email($input->post->email);
$message = $sanitizer->text($input->post->message);
$phone = $sanitizer->text($input->post->phone);

// ERRORS...
if($form->getErrors()) {
$out .= $form->render();
} else {
// FORM OK...
// Process the form here!

$mail = wireMail();
$mail->to($backend_email)->from($email);
$mail->subject($subject);

$body = "Name: " . $firstname . "\n";
$body .= "E-Mail: " . $email . "\n";
$body .= "Telefon: " . $phone . "\n\n";
$body .= "Nachricht:\n" . $message;

$mail->body($body);

echo '<pre>'.$body.'</pre>';
$numSent = $mail->send();

$out .= '<p>'.__("Vielen Dank für Ihre Nachricht! Wir melden uns so bald wie möglich.").'</p>';

}
} else {
// GET request, simply show the form
$out .= $form->render();
}

return $out;
}
</syntaxhighlight>

ProcessWire - Formulare

2018-10-10T12:17:05Z

93.208.102.183: Die Seite wurde neu angelegt: „== Links == https://processwire.com/talk/topic/14206-contact-form-tutorial/ Mit Google ReCaptcha == Beispiele == === Einfaches Formular (ohne Spamschutz)===…“

== Links ==

https://processwire.com/talk/topic/14206-contact-form-tutorial/ Mit Google ReCaptcha
== Beispiele ==

=== Einfaches Formular (ohne Spamschutz)===
<?php namespace ProcessWire;

function renderContactForm($backend_email, $subject) {
$out = '';

$modules = wire('modules'); // get access to pw modules object
$input = wire('input');
$sanitizer = wire('sanitizer');

// Create the new <form>
$form = $modules->get("InputfieldForm"); // get InputfieldForm Object
$form->action = "./";
$form->method = "post";
$form->attr("id+name",'contact-form');

// Set markup for form elements
$form->setMarkup(array(
'list' => "<div {attrs}>{out}</div>",
'item' => "<div {attrs}>{out}</div>",
//'item_label' => "<label for='{for}'>{out}</label>",
'item_label' => "", // no label markup for this form
'item_content' => "{out}",
'item_error' => "<p class=\"error\">{out}</p>",
'item_description' => "<p>{out}</p>",
'item_head' => "<h2>{out}</h2>",
'item_notes' => "<p class='notes'>{out}</p>",
));

// Set classes for form elements
$form->setClasses(array(
'list' => 'form-list',
'list_clearfix' => '',
'item' => '{class}',
'item_required' => 'required',
'item_error' => '',
'item_collapsed' => '',
'item_column_width' => '',
'item_column_width_first' => ''
));

// New field: First name
$field = $modules->get("InputfieldText");
$field->label = __("Name");
$field->attr([
'id+name' => 'name',
'placeholder' => 'Ihr Name',
'class' => 'text'
]);
$field->required = 1;
$form->append($field);

// New field: E-Mail
$field = $modules->get("InputfieldEmail");
$field->label = __("E-mail");
$field->attr([
'id+name' => 'email',
'placeholder' => 'Ihre E-Mail Adresse',
'class' => 'text'
]);
$field->required = 1;
$form->append($field);

// New field: Phone
$field = $modules->get("InputfieldText");
$field->label = __("Telefon");
$field->attr([
'id+name' => 'phone',
'placeholder' => 'Ihre Telefonnummer',
'class' => 'text'
]);
$field->required = 1;
$form->append($field);

// New field: Message
$field = $modules->get("InputfieldTextarea");
$field->label = __("Nachricht");
$field->attr([
'id+name' => 'message',
'placeholder' => 'Ihre Nachricht',
'class' => 'textarea'
]);
$field->required = 1;
$form->append($field);

// SUBMIT button!
$submit = $modules->get("InputfieldSubmit");
$submit->attr("id+name", "submit");
$submit->attr("class", "submit");
$form->append($submit);

// POST request, process the form
if($input->post->submit) {
$form->processInput($input->post);

$name = $sanitizer->text($input->post->firstname);
$email = $sanitizer->email($input->post->email);
$message = $sanitizer->text($input->post->message);
$phone = $sanitizer->text($input->post->phone);

// ERRORS...
if($form->getErrors()) {
$out .= $form->render();
} else {
// FORM OK...
// Process the form here!

$mail = wireMail();
$mail->to($backend_email)->from($email);
$mail->subject($subject);

$body = "Name: " . $firstname . "\n";
$body .= "E-Mail: " . $email . "\n";
$body .= "Telefon: " . $phone . "\n\n";
$body .= "Nachricht:\n" . $message;

$mail->body($body);

echo '<pre>'.$body.'</pre>';
$numSent = $mail->send();

$out .= '<p>'.__("Vielen Dank für Ihre Nachricht! Wir melden uns so bald wie möglich.").'</p>';

}
} else {
// GET request, simply show the form
$out .= $form->render();
}

return $out;
}

ProcessWire - Seitenstatus

2018-10-10T11:38:41Z

93.208.102.183:

Auf den ersten Blick verwirrend ist der Seitenstatus bzw. die verschiedenen Optionen die es in den Seiteneinstellungen gibt.

Siehe auch hier: http://wiki.zone30.info/wikizone/index.php?title=ProcessWire_-_Navigation_Snippets#Unterschiede_zwischen_Verstecken.2C_Ver.C3.B6ffentlichen.2C_Sperren

Published (Veröffentlicht) -> Nicht veröffentlichte können für bestimmte Besucher erreicht werden.
Hidden (Versteckt -> taucht nicht in Suchen mit Selektoren auf.)
Locked (Backendbearbeitung gesperrt)

ProcessWire - Navigation Snippets

2018-10-10T11:37:31Z

93.208.102.183: /* Unterschiede zwischen Verstecken, Veröffentlichen, Sperren */

== TODO Seite aufräumen ==
== Siehe auch ==
[[Processwire Module: MarkupSimpleNavigation]]

== Navigation in Pagewire - Einführung ==
=== Navigationstypen allgemein ===
Es gibt verschiedene '''Typen von Navigationen'''. In Processwire hat man ein '''Pages Objekt''', indem auch Zugriff auf Kind- und Elternseiten möglich sind. Es bildet also immer die Sitestruktur ab. Daher übergibt man an die unten aufgeführten Funktionen entweder die Homepage oder die aktuelle Seite.

Unter dem Aspekt auf welcher Seite man sich befindet kann man unterscheiden zwischen:
* '''absolute Navigation''' normalerweise ausgehend von der Rootseite. diese ist dann auf allen Seiten gleich.
** z.B. alle Seiten des ersten Levels stehen in der Hauptnavigation egal auf welcher Seite ich im Moment bin
** z.B. verschachtelte Liste mit 2 oder mehr Leveln für Dropdown Navigationen wie Superfish, Megamenüs (mit zusätzlichen Infos...) oder Bootstrap Navigationen.
** Sitemap
* '''Navigation relativ zur Seite''' Diese kann sich von Seite zu Seite unterscheiden.
** Alle '''Seiten der aktuellen Ebene''' (oft kombiniert mit Breadcrumb / Hier-bin-ich) )
** Hauptebene '''und''' aktueller Level
** Alle Ebenen '''bis zur aktuellen Seite + deren Unterseiten''' falls vorhanden.
In letzten Fall könnte man auch Varianten bauen in denen eine Verschachtelte Liste erzeugt wird aber nur bestimmte Teile absolut Positioniert angezeigt werden und andere versteckt werden. Manchmal möchte man bestimmte Level aber auch an anderer Position zeigen (z.B. Sidebar)
In der Praxis hat man in der Regel
* Mindestens eine Hauptnavigation mit allen Seiten der 1. Ebene oder eine Hauptnavigation mit mehreren Ebenen für Dropdown Navigationen, mobile Navigation oder auch Sitemapartige Navigationen für den Footer (oft mit kleinen Beschreibungen).
* Eine Metanavigation mit Service Seiten wie Kontakt, Impressum etc. oft ist diese im Footer.

=== Unterschiede zwischen Verstecken, Veröffentlichen, Sperren ===
In Processwire sind diese Begriffe mit Userrechten verknüpft. Eine unveröffentlichte Seite kann also durchaus im Frontend aufgerufen werden (es sei denn man regelt das anders.) Vielmehr geht es darum das man User Rollen so gestalten kann, dass man z.B. einem User nur erlaubt unveröffentlichte Seiten zu editieren.

Denoch gibt es auch ein paar weitere Unterschiede.

Gesperrt -> Man kann die Seite nicht zum Editieren aufrufen. Über die Url kann Sie aufgerufen werden.

Unpublished -> Die Seite kann sobald sie gespeichert ist auch aufgerufen werden, WENN der User berechtigt ist. Nicht für Guest User (der normale Viewer)

TODO checken ob die Tabelle so für nicht angemeldete User stimmt.
{| class="wikitable"
|-
! !! Im Menü ($pages->find) !! Über URL erreichbar($pages->get) !! Ausgabe im Frontend !!
|-
| Unpublished / Unveröffentlicht || Nein || Nur User mit passenden Rechten. Gäste -> leere Seite ||
|-
| Hidden / Versteckt || Nein || Ja || Ja - leere Seite (keine Feldausgabe)
|-
| Locked / Gesperrt || Ja || Ja || Ja
|-
| Trash || Nein || Nein ||
|}
==== Seiten auf unveröffentlicht stellen ====
https://processwire.com/talk/topic/29-how-to-unpublish-a-page-without-deleting-it/

Was soll man tun wenn man eine Seite tatsächlich nicht mehr anzeigen will, sie aber noch nicht wegwerfen will?
Ryan schlägt folgendes vor:
* Mülleimer
* Remove Guest Role in Template
*

== Basics ==

=== Page Level ===
In which level in page tree we are?
$level = count($page->parents);

=== Link to Subpage und Platzhalter (Spacer) ===
Kann man gut für Superfish Menüs etc. benutzen. Bildet das Verhalten von Shortcuts und Spacern aus TYPO3 nach.

Anpassung der renderNavTree() Funktion von Ryan Cramer. Options Field Installieren und als globales Feld "navigation_type" mit den Optionen
<pre>
1=normal|Normal
2=doNotLink|Do not link
3=linkToFirstChild|Link to first childpage
</pre>
konfigurieren. Dann Funktion etwa so anpassen:
<pre>
...
// cycle through all the items
foreach($items as $item) {

// markup for the list item...
// if current item is the same as the page being viewed, add a "current" class to it
$out .= $item->id == wire('page')->id ? "<li class='current'>" : "<li>";

// markup for the link
$navigation_type = $item->navigation_type->id;
switch ( $navigation_type ) {
case 2: // do not link
$out .= "<span class='spacer'>$item->title</span>";
break;
case 3: // link to subpage
if( $item->hasChildren() ){
$out .= '<a href="'.$item->child->url.'">'.$item->title.'</a>';
}else{
$out .= "<span class='spacer'>$item->title</span>";
}
break;
default:
$out .= "<a href='$item->url'>$item->title</a>";
break;
}
...
</pre>

=== Redirect (301) ===
==== Redirect zu erster Unterseite ====
https://processwire.com/talk/topic/15-how-do-i-create-a-page-that-redirects-to-its-first-child/

Field ''redirects_to_first_child'' erstellen und im Template einfügen.
<syntaxhighlight lang="php">
<?php
if($page->numChildren && $page->redirects_to_first_child)
$session->redirect($page->child()->url);
?>
</syntaxhighlight>
Erzeugt 301 Weiterleitung

Anderer Ansatz wäre evtl. den Link bei der Menügenerierung direkt zu generieren. finde ich persönlich besser siehe ''Link to subpage und Platzhalter'' Beispiel. Allerdings sollte man dann vielleicht die Seite trotzdem per 301 Weiterleiten, falls die URL mal direkt aufgerufen wird oder bei Google gelistet ist.

==== Redirect zu anderer Seite in der Navigation ====
https://processwire.com/talk/topic/762-howto-menu-item-that-links-to-another-page/

1. Create a new field and call it 'redirect_url' or something like that, and use the 'URL' fieldtype.

2. Add that field to your template where you'd want to use it, or create a new template just for the purpose, like a template named 'redirect'.

3. Edit the page that you want to be a symlink and populate the 'redirect_url' field with the URL you want it to redirect to.

4. In your nav-generation code that links to the pages, do something like this:

<syntaxhighlight lang="php">
<?php
$url = $subpage->get("redirect_url|url"); // use redirect_url if there, otherwise use url
echo "<a href='$url'>{$subpage->title}</a>";
</syntaxhighlight>
5. You might also want to add this to your template that has the 'redirect_url' field: just in case there's anything linking to it directly. That way it'll send people to the right place either way:

<?php
if($page->redirect_url) $session->redirect($page->redirect_url);

=== Breadcrumb ===
<pre>

<div class='breadcrumbs'><?php
// breadcrumbs are the current page's parents
foreach($page->parents() as $item) {
echo "<span><a href='$item->url'>$item->title</a></span> ";
}
// optionally output the current page as the last item
echo "<span>$page->title</span> ";
?></div>
</pre>

=== One Level Navigation Bar ===
[[ProcessWire - One Level Navigation]]
=== Nächste Seite / Next Page Navigation ===
Beispiel 1
<syntaxhighlight lang="php">
if($page->next->id){
$next = '
<div class="next">
<i>Next:</i> 
<a class="ajax-link" name="'.$page->next->title.'" href="'. $page->next->url .'">
'. $page->next->title .'<span class="fa fa-arrow-right"><span>
</a>
</div>';
}
</syntaxhighlight>

Beispiel 2 (mit zurück zur Elternseite)
<syntaxhighlight lang="php">
$next = '';
if($page->next->id){
$next = '
<a href="'.$page->next->url.'">
<i class="fa fa-angle-right"></i>
</a>
';
}

$prev = '';
if($page->prev->id){
$prev = '
<a href="'.$page->prev->url.'" class="w-inline-block paginaton-but">
<i class="fa fa-angle-left"></i>
</a>';
}

$pagination = '
<div class="container pagination">
<div class="row">

<div class="col col-md-4">
<div class="align-center">
'.$prev.'
</div>
</div>

<div class="col col-md-4">
<div class="align-center">
<a href="'.$page->parent->url.'">
<i class="fa fa-th"></i>
</a>
</div>
</div>

<div class="col col-md-4">
<div class="align-right center">
'.$next.'
</div>
</div>
</div>

</div>
';

echo $pagination;
</syntaxhighlight>

=== Zurück zur Elternseite ===
<syntaxhighlight lang="php">
<div class="back"><a href="'.$page->parent()->url.'">zurück</a></div>
</syntaxhighlight>

=== Kindseiten mit $page->children ===
<?=$page->children?>
Output
5723,4958,5937

Beispiel
<syntaxhighlight lang="php">
<ul>
<?php
foreach($page->children as $child)
echo "<li><a href='{$child->url}'>{$child->title}</a></li>";
?> 
</ul>
</syntaxhighlight>
Ergebnis:
<pre>
<ul> 
<li><a href='/about/contact/'>Contact Us</a></li>
<li><a href='/about/press/'>Press Releases</a></li>
<li><a href='/about/staff/'>Our Staff</a></li> 
</ul>
</pre>
=== Children Tree ===
<syntaxhighlight lang="php">
function listChildrenTree($children, $current, $w) {

echo "<ul>";

foreach($children as $page) {

$class = '';
if($page === $current || $current->parents->slice(1)->has($page) ) {
$class = "class='on' style='font-weight:bold'";
}

$rootid = $w->pages->get("/")->id;

echo "<li><a href='{$page->url}' $class>";
if($page->id == $rootid) echo "<img src='" . $w->config->urls->templates . "styles/images/home.png' width='24' height='28' alt='' />";
echo "{$page->title}</a> ";

if($page->numChildren && $page->id != $rootid) listChildrenTree($page->children, $current, $w);

echo "</li>";
}
echo "</ul>";
}

$children = $pages->get("/")->children();
$children->prepend($pages->get("/"));

listChildrenTree($children, $page, $wire);
</syntaxhighlight>

== Bootstrap Navigation ==
<syntaxhighlight lang="php">
<?php namespace ProcessWire;
// Markup to use wicht navigation_type field (normal=1, no-link=2,subpage=3)
?>

<?php

// bundle up the first level pages and prepend the root home page
$homepage = $pages->get(1);
$pa = $homepage->children;
$pa = $pa->prepend($homepage);

// Set the ball rolling...
$myMenu = renderChildrenOf($pa);
$wrapper = '
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Menü</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="navbar-collapse-1">
|
</div>
</div>
</div>';
$myMenu = wrap($myMenu,$wrapper);
echo $myMenu;

/*
Navigation for ProcessWire using the Bootstrap 2.2.2 markup
This menu was written by Soma based on work by NetCarver and a bit thrown in by Joss
Bootstrap 3 update by Damienov, with multi level dropdown support fix
*/
function renderChildrenOf($pa, $output = '', $level = 0)
{
$output = '';
$level++;

foreach ($pa as $child) {
$atoggle = '';
$class = '';

if ($child->numChildren && count($child->parents) == 1) {
$class .= 'dropdown';
$atoggle .= ' class="dropdown-toggle" data-toggle="dropdown"';
} else if ($child->numChildren && count($child->parents) > 1 ) {
$class .= 'dropdown-submenu';
$atoggle .= ' class="dropdown-toggle"';
} else if ($child->numChildren && $child->id != 1) {
$class .= 'dropdown-menu';
}

// Makes the current page and it's top level parent add an active class
$class .= ($child === wire("page") || $child === wire("page")->rootParent) ? " active" : '';
$class = strlen($class) ? " class='" . trim($class) . "'" : '';

if ($child->numChildren && count($child->parents) == 1) {
// Add Caret if have children
$output .= "<li$class><a href='$child->url'$atoggle>$child->title <b class='caret'></b></a>";
} else if ($child->numChildren && count($child->parents) > 1) {
$output .= "<li$class><a tabindex='-1' href='$child->url'$atoggle>$child->title</a>";
} else {
$output .= "<li$class><a href='$child->url'$atoggle>$child->title</a>";
}

// If this child is itself a parent and not the root page, then render it's children in their own menu too...
if ($child->numChildren && $child->id != 1) {
$output .= renderChildrenOf($child->children, $output, $level);
}
$output .= '</li>';
}
$outerclass = ($level == 1) ? "nav navbar-nav" : 'dropdown-menu';
return "<ul class='$outerclass'>$output</ul>";
}

?>
</syntaxhighlight>

== Modul: MarkupSimpleNavigation==
[[Processwire Modul - MarkupSimpleNavigation]]

== Weitere Menübeispiele ==
=== Standard Tree Navigation ===
Für viele Zwecke ausreichend und leicht anpassbar, die klassische verschachtelte Liste.

=== Menüauswahl Hauptmenü / Metamenü / Footer-Navigation ===
Beispiel 1
Backend Feld menus anlegen Options:

1=Main Menu
2=Meta Menu

topnav.inc
<syntaxhighlight lang="php">
$pa = $homepage->and($homepage->children("menus.id=1"));//only if main menu is checked
$options = array('level' => '1', 'ulClass' => 'sf-menu', 'liClass' => '');
echo "<div>".renderNavTreeType($pa, $maxDepth = 1, $fieldNames = '', $options)."</div>";
</syntaxhighlight>

'''Beispiel 2 (älter)'''

Checkbox anlegen (footer_nav), und dann das Seitenarray etwa so modifizieren.
<pre>
$footer_nav = $pages->find("parent=1, footer_checkbox=1");
$main_nav = $pages->find("parent=1, footer_checkbox!=1");
</pre>

=== Zweispaltige Navigation aus Kindseiten ===
Verbesserungsvorschlag: Anstatt if lieber zwei for Schleifen -> bessere Performance
<syntaxhighlight lang="php">
// Childrens
$n = count($page->children);
$m = ceil($n/2);
$c = 0;

// NAVIGATION & SLIDER Items
$listItem = '';
$navList = '';
$col1 = '<ul class="nav-list col1">';
$col2 = '<ul class="nav-list col2">';
foreach ($page->children as $item) {
if($item->id == $page->rootParent->id) {
$listItem = '<li class="current">';
} else {
$listItem = '<li>';
}
$listItem .= '<a class="ajax-link" href="'.$item->url.'">'.$item->title.'</a></li>';
($c < $m) ? $col1 .= $listItem : $col2 .= $listItem;
$c++;
}
$col1 .= '</ul>';
$col1 .= '</ul>';
$navList = $col1.$col2;
</syntaxhighlight>

=== Pushy Menu ===
<syntaxhighlight lang="php">
/**
* Given a group of pages, render a <ul> navigation tree
*
* This is here to demonstrate an example of a more intermediate level
* shared function and usage is completely optional. This is very similar to
* the renderNav() function above except that it can output more than one
* level of navigation (recursively) and can include other fields in the output.
* Assumes there is a field navigation_type to decide how a list item is
* rendered
*
* @param array|PageArray $items
* @param int $maxDepth How many levels of navigation below current should it go?
* @param string $fieldNames Any extra field names to display (separate multiple fields with a space)
* @param array $options extra options for classes configuration etc.
* @return string
*
*/
function renderPushyMenu($items, $maxDepth = 0, $fieldNames = '', $options = array('level' => 0, 'ulClass' => '', 'liClass' => '', 'aClass' => '') ) {

// if we were given a single Page rather than a group of them, we'll pretend they
// gave us a group of them (a group/array of 1)
if($items instanceof Page) $items = array($items);
$out = '';
$c = 0;
$liClasses = array();
$ulClasses = array();
$level = 0;
$liClass = '';
$ulClass = '';

if(!empty($options['level'])) $level = $options['level'];
if(!empty($options['ulClass'])) {
$ulClasses[] = $options['ulClass'];
$ulClass = $options['ulClass'];
}

if(!empty($options['liClass'])) {
$liClasses[] = $options['liClass'];
$liClass = $options['liClass'];
}

// cycle through all the items
foreach($items as $item) {
//$level = count($page->parents);
// LI ITEM
$classes = $liClasses;
//if($item->id == wire('page')->id) $classes[] = 'cur';
if($item->hasChildren) {
// BUTTON instead of Link
$out .= '<li class="pushy-submenu"><button>'.$item->title.'</button>';
}else{
$classes[] = 'level-'.$level;
$out .= '<li class="'.implode($classes,' ').'">';
unset($classes);

// A ITEM
$navigation_type = $item->navigation_type->id;
$classes = $liClasses;
switch ( $navigation_type ) {
case 2: // do not link
$out .= '<span class="spacer">'.$item->title.'</span>';
break;
case 3: // link to subpage
if( $item->hasChildren() ){
$out .= '<a href="'.$item->child->url.'" class="ajax-link">'.$item->title.'</a>';
}else{
$out .= "<span class='spacer'>$item->title</span>";
}
break;
default:
$out .= '<a href="'.$item->url.'" class="ajax-link">'.$item->title.'</a>';
break;
}
unset($classes);
}
// if there are extra field names specified, render markup for each one in a <div>
// having a class name the same as the field name
if($fieldNames) foreach(explode(' ', $fieldNames) as $fieldName) {
$value = $item->get($fieldName);
if($value) $out .= " <div class='$fieldName'>$value</div>";
}

// if the item has children and we're allowed to output tree navigation (maxDepth)
// then call this same function again for the item's children
if($item->hasChildren() && $maxDepth) {
//if($class == 'nav') $class = 'nav nav-tree';
$nextLevelOptions = array('level' => $level+1, 'ulClass' => '', 'liClass' => $liClass);
$out .= renderNavTreeType($item->children, $maxDepth-1, $fieldNames, $nextLevelOptions);
}

// close the list item
$out .= "</li>\n";
}

// if output was generated above, wrap it in a <ul>

if($out) $out = "\n".'<ul class="'.implode($ulClasses,' ').'">'."\n".$out.'</ul>'."\n";

// return the markup we generated above
return $out;
}

</syntaxhighlight>

== Do not link / link to subpage ==
=== MarkupSimpleNavigation XTemplate + Redirect Beispiel ===

https://github.com/s...default-options

'''Menü Platzhalter'''
<syntaxhighlight lang="php">
"xtemplate" => "folder|placeholder", // specify one or more templates
"xitem_tpl" => "<span>{title}</span>", // default markup for page with this template
"xitem_current_tpl" => "<span>{title}</span>"
echo $nav->render(array(
'max_levels'=>2,
'selector'=>"limit=10",
'xtemplates' => 'placeholder|folder'
));
</syntaxhighlight>

'''Redirect Template'''

You could also have a template "redirect" with only a title and a page field (single page) to select any page you want to go.

Then in the code you should be able to write
<syntaxhighlight lang="php">
array('item_tpl' => '<a href="{redirect_page|url}">{title}</a>')
</syntaxhighlight>
So it would take the url of the referenced page in the page field if found, or if not it takes the url of the page itself. Assuming the page field is named "redirect_page".

=== In der Navi ===
Zusätzliches Feld (Options) im Backend mit Namen navigation_type

Beispiel
<syntaxhighlight lang="php">
/**
* Given a group of pages, render a <ul> navigation tree
* If there is a field navigation_type the vals have following meaning
* 1 = Normal
* 2 = Do not link
* 3 = Link to subpage
*
* @param array|PageArray $items
* @param int $maxDepth How many levels of navigation below current should it go?
* @param string $fieldNames Any extra field names to display (separate multiple fields with a space)
* @param string $class CSS class name for containing <ul>
* @return string
*
*/
function renderNavTreeType($items, $maxDepth = 0, $fieldNames = '', $options = array('level' => 0, 'ulClass' => 'nav', 'liClass' => '', 'aClass' => '') ) {

// if we were given a single Page rather than a group of them, we'll pretend they
// gave us a group of them (a group/array of 1)
if($items instanceof Page) $items = array($items);

// $out is where we store the markup we are creating in this function
$out = '';
$c = 0;
$liClasses = array();
$ulClasses = array();
$level = 0;
$liClass = '';
$ulClass = '';

if(!empty($options['level'])) $level = $options['level'];
if(!empty($options['ulClass'])) {
$ulClasses[] = $options['ulClass'];
$ulClass = $options['ulClass'];
}

if(!empty($options['liClass'])) {
$liClasses[] = $options['liClass'];
$liClass = $options['liClass'];
}

// cycle through all the items
foreach($items as $item) {
//$level = count($page->parents);
// LI ITEM
$classes = $liClasses;
if($item->id == wire('page')->id) $classes[] = 'cur';
if($item->hasChildren) $classes[] = 'has_children';
$classes[] = 'level-'.$level;
$out .= '<li class="'.implode($classes,' ').'">';
unset($classes);

// markup for the link
$navigation_type = $item->navigation_type->id;
$classes = $liClasses;
switch ( $navigation_type ) {
case 2: // do not link
$out .= '<span class="spacer">'.$item->title.'</span>';
break;
case 3: // link to subpage
if( $item->hasChildren() ){
$out .= '<a href="'.$item->child->url.'" class="ajax-link">'.$item->title.'</a>';
}else{
$out .= "<span class='spacer'>$item->title</span>";
}
break;
default:
$out .= '<a href="'.$item->url.'" class="ajax-link">'.$item->title.'</a>';
break;
}
unset($classes);
// if there are extra field names specified, render markup for each one in a <div>
// having a class name the same as the field name
if($fieldNames) foreach(explode(' ', $fieldNames) as $fieldName) {
$value = $item->get($fieldName);
if($value) $out .= " <div class='$fieldName'>$value</div>";
}

// if the item has children and we're allowed to output tree navigation (maxDepth)
// then call this same function again for the item's children
if($item->hasChildren() && $maxDepth) {
//if($class == 'nav') $class = 'nav nav-tree';
$nextLevelOptions = array('level' => $level+1, 'ulClass' => '', 'liClass' => $liClass);
$out .= renderNavTreeType($item->children, $maxDepth-1, $fieldNames, $nextLevelOptions);
}

// close the list item
$out .= "</li>\n";
}

// if output was generated above, wrap it in a <ul>

if($out) $out = "\n".'<ul class="'.implode($ulClasses,' ').'">'."\n".$out.'</ul>'."\n";

// return the markup we generated above
return $out;
}
</syntaxhighlight>

=== Redirect über das Template ===
Sinnvoll wenn die URL direkt aufgerufen wird:

$session->redirect($page->redirect_page->url);
or how about "redirect-to-firstchild".

$session->redirect($page->children->first()->url);

== Beispiele für Funktionen (z.B. in _func.php)==
'''Beispiele für Funktionen die Navigationen erzeugen. '''
=== One Level ===
==== Original ProcessWire Demo Beispiel ====

=== Nested List ausgehend von einer Seite (meistens Homepage) ===
<syntaxhighlight lang="php">
<?php namespace ProcessWire;

/**
* Given a group of pages, render a one level navbar
*
* @param array|PageArray $items
* @return string
*
*/
function renderNavMain($pa,$pageId){
if($pa instanceof Page) $pa = array($pa);
$out = '<nav class="menu menu--ferdinand"><ul class="nav navbar-nav menu__list">';
foreach($pa as $item) {
if($item->id == $pageId) {
$out .= "<li class=\"menu__item menu__item--current cur\">";
} else {
$out .= "<li class=\"menu__item\">";
}
// if template isotope-parent add first isotope-child name as hash
if($item->template->name == 'isotope-parent'){
$out .= '<a class="menu__link" href="'.$item->url.'#'.$item->child->name.'">'.$item->title.'</a></li>';
}else $out .= '<a class="menu__link" href="'.$item->url.'">'.$item->title.'</a></li>';
}
$out .= "</ul></nav>";
return $out;
}

function renderNavIsotope($pa){
if($pa instanceof Page) $pa = array($pa);
$out = '<ul class="submenu">';
foreach($pa as $item){
$out .= '<li><a href="#'.$item->name.'" class="isotope-link">'.$item->title.'</a></li>';
}
$out .= "</ul>";
return $out;
}

/**
* Given a group of pages, render a simple <ul> navigation
*
* This is here to demonstrate an example of a simple shared function.
* Usage is completely optional.
*
* @param PageArray $items
* @return string
*
*/
function renderNav(PageArray $items) {

// $out is where we store the markup we are creating in this function
$out = '';

// cycle through all the items
foreach($items as $item) {

// render markup for each navigation item as an <li>
if($item->id == wire('page')->id) {
// if current item is the same as the page being viewed, add a "current" class to it
$out .= "<li class='current'>";
} else {
// otherwise just a regular list item
$out .= "<li>";
}

// markup for the link
$out .= "<a href='$item->url'>$item->title</a> ";

// if the item has summary text, include that too
if($item->summary) $out .= "<div class='summary'>$item->summary</div>";

// close the list item
$out .= "</li>";
}

// if output was generated above, wrap it in a <ul>
if($out) $out = "<ul class='nav'>$out</ul>\n";

// return the markup we generated above
return $out;
}

/**
* Given a group of pages, render a <ul> navigation tree
*
* This is here to demonstrate an example of a more intermediate level
* shared function and usage is completely optional. This is very similar to
* the renderNav() function above except that it can output more than one
* level of navigation (recursively) and can include other fields in the output.
*
* @param array|PageArray $items
* @param int $maxDepth How many levels of navigation below current should it go?
* @param string $fieldNames Any extra field names to display (separate multiple fields with a space)
* @param string $class CSS class name for containing <ul>
* @return string
*
*/
function renderNavTree($items, $maxDepth = 0, $fieldNames = '', $class = 'nav') {

// if we were given a single Page rather than a group of them, we'll pretend they
// gave us a group of them (a group/array of 1)
if($items instanceof Page) $items = array($items);

// $out is where we store the markup we are creating in this function
$out = '';

// cycle through all the items
foreach($items as $item) {

// markup for the list item...
// if current item is the same as the page being viewed, add a "current" class to it
$out .= $item->id == wire('page')->id ? "<li class='current'>" : "<li>";

// markup for the link
$out .= "<a href='$item->url'>$item->title</a>";

// if there are extra field names specified, render markup for each one in a <div>
// having a class name the same as the field name
if($fieldNames) foreach(explode(' ', $fieldNames) as $fieldName) {
$value = $item->get($fieldName);
if($value) $out .= " <div class='$fieldName'>$value</div>";
}

// if the item has children and we're allowed to output tree navigation (maxDepth)
// then call this same function again for the item's children
if($item->hasChildren() && $maxDepth) {
if($class == 'nav') $class = 'nav nav-tree';
$out .= renderNavTree($item->children, $maxDepth-1, $fieldNames, $class);
}

// close the list item
$out .= "</li>";
}

// if output was generated above, wrap it in a <ul>
if($out) $out = "<ul class='$class'>$out</ul>\n";

// return the markup we generated above
return $out;
}

</syntaxhighlight>

== Komplette Beispiele ==
[[ProcessWire - Navigation Beispiele]]

ProcessWire - Seitenstatus

2018-10-10T11:30:36Z

93.208.102.183: Die Seite wurde neu angelegt: „Auf den ersten Blick verwirrend ist der Seitenstatus bzw. die verschiedenen Optionen die es in den Seiteneinstellungen gibt. Published (Veröffentlicht) Hidde…“

Auf den ersten Blick verwirrend ist der Seitenstatus bzw. die verschiedenen Optionen die es in den Seiteneinstellungen gibt.

Published (Veröffentlicht)
Hidden (Versteckt)
Locked (Gesperrt)

ProcessWire - Backend anpassen

2018-10-09T16:26:43Z

93.208.102.183:

== Templates für Backend Files ==
Es gibt verschiedene Möglichkeiten um zu Steuern welche Template Datei welches Backend-Feld rendert. Hier ein paar Tricks.
https://processwire.com/blog/posts/processwire-3.0.7-expands-field-rendering-page-path-history-and-more/#field-rendering-with-template-files

== Felder in Abhängigkeit von bestimmten Bedingungen (Feldern/Selectoren/PHP) anzeigen ==
http://modules.processwire.com/modules/custom-inputfield-dependencies/

== Select Field basierend auf anderen Feldern ==
http://modules.processwire.com/modules/fieldtype-select-relation/

== New Button in Seitenliste entfernen ==
https://processwire.com/talk/topic/15417-remove-new-button-from-pages-list-view/

== Templatename im Seitenbaum anzeigen ==
Im Core Modul PageList gibt es die Einstellung pageLabelField. Hier kann man alle Felder integrieren. Z.B.:
{title} ({template.name})

Optional geht das für einzelne Templates unter Erweitert.

== Bilderbearbeitung im Editor einstellen ==
Der Editor bindet das Modul Page Edit Image ein und steuert z.B. die Klassen für die Bildausrichtung. Einiges läßt sich in den Einstellungen des Moduls verändern.

Projekt - Genbänkle

2018-10-09T09:05:08Z

93.208.102.183:

Notitzen und Snippets

Anbieter->Sorten importieren (Quick & Dirty)

Vorsicht deckt nicht alles ab (z.B. Kommas im Namen der Sorte bringt den Selektor durcheinander. Die sollten eigentlich escaped werden.

<syntaxhighlight lang="php"
// Import

echo('<pre>');
$CsvString = 'ProSpecieRara,Eschlauch|Stuttgarter Sommer|Saxa|Paas Lintorfer Frühe|Karlsruher Markt|Schwarzwälder Ausmachbohne|Deutsche Schlangen|Ackersegen|Allerfrüheste Gelbe|Alma|Augusta|Aula|Barbara|Bendetta|Berlichinger|Bodenkraft|Bona|Carla|Centifoloa|Christa|Cosima|Datura|Deodora|Erdgold|Fina|Forelle|Industrie|Isola|Jubel|Lerche|Lori|Maritta|Parnassia|Pinki|Pirat|Rosafolia|Rote gelbe frühe|Saphir|Spätrot|Tasso|Voran|Woltmann|Bruni|Sirio|Früher Heinrich|Juwel|Ruhm von Braunschweig|Erstling|Kaiser Selbstschluss|Ibis|Dasinger Blaue|Kapitän Wedding|Phänomen|Trebona|Großmutter Witt|Howard Deutsche Tomate|Deutsche Riesentraube|Fruchtaroma|Lukullus|Quedlinburger frühe Liebe|Rheinlands Ruhm
Arche Noah,Mangoldrübe|Neckarkönigin|Eschlauch|Stuttgarter Sommer|Stuttgarter Sommer|Karlsruher Markt|Paas Lintorfer Frühe|Saxa|Schwarzwälder Ausmachbohne|Deutsche Schlangen|Ackersegen|Allerfrüheste Gelbe|Alma|Augusta|Aula|Barbara|Bendetta|Berlichinger|Bodenkraft|Bona|Carla|Centifoloa|Christa|Datura|Deodora|Erdgold|Fina|Forelle|Industrie|Isola|Jubel|Lerche|Lori|Maritta|Parnassia|Pinki|Pirat|Rosafolia|Rote gelbe frühe|Saphir|Spätrot|Tasso|Voran|Bruni|Sirio|Früher Heinrich|Juwel|Ruhm von Braunschweig|Kaiser Selbstschluss|Ibis|Dasinger Blaue|Kapitän Wedding|Phänomen|Trebona|Großmutter Witt|Howard Deutsche Tomate|Deutsche Riesentraube|Fruchtaroma|Lukullus|Quedlinburger frühe Liebe|Rheinlands Ruhm
Biolandhof Jeebel,Rosa Tannenzapfen|Schwarze Ungarin|Bamberger Hörnle
Genbänkle,Späths Alblinse I|Späths Alblinse II|Späths Hellerlinse|Wilder Heinrich|Rosa Tannenzapfen|Schwarze Ungarin|Rotschalige aus St. Petersburg|Neckarkönigin|Eschlauch|Schwarzwälder Butterkraut
"Manfred Gerber, Freie-Saaten.org e.V.",Pfälzer|Gelber Badischer|Schwarzwälder Butterkraut|Deutscher Großfrüchtiger|Stuttgarter Riesen
Dreschflegel,Neckarruhm weiß|Perle von Marbach|Lauchhellerkraut|Kerbelrübe|Ulmer Ochsenhörner|Forellenschluß
IPK,Neckarruhm weiß|Schwabenland|Sechswochenkartoffel|Stuttgarter Spitzkohl|Neckarperle|Neckarperle|Wunder von Stuttgarter|Neckarriesen|Neckarruhm|Neckarsegen|Stuttgarter|Roter Neckarruhm|Stuttgarter Sommer|Stuttgarter Sommer
Dürr Samen,Roter Neckarruhm
Saatgut-Garten Wolfegg,Winter Blumenkohl|Pfatterrer Bohne|Schwabenbohne
Sativa Dettighofen GmbH,Neckarperle|Neckarperle|Neckargold
Kartoffel Müller,Rotschalige aus St. Petersburg
Gärtnerei Stollmaier,Rote Söflinger Zwiebel|Schildampfer
Garten des Lebens,Schwarzes Rübchen|Altöttinger Großkopfada|Krimberger Erbse';

//$csv = str_getcsv($data);
$csv=array();
$Data = str_getcsv($CsvString, "\n"); //parse the rows
foreach($Data as &$Row) {
$Row = str_getcsv($Row); //parse the items in rows
// find provider
$provider = $pages->get('template=provider_single,title='.$Row[0].'');
if(!$provider->id) {
echo('Anbieter nicht gefunden: '.$Row[0].chr(10));
}else{
echo('Anbieter gefunden: '.$Row[0].chr(10));
$provider->of(false);
// import
$mySorts = explode('|',$Row[1]);
// add sorts
foreach($mySorts as $mySort){
echo("Suche Sorte: ".$mySort.'... ');
$sort = $pages->get('template=sorts_single,title='.$mySort);
if($sort->id){
// addSort
echo('Hinzufügen: '.$mySort.'zu page id: '.$sort->id.chr(10));
$provider->pr_sorts->add($sort->id);
$provider->save();
}else echo('Sorte nicht gefunden'.chr(10));
}
//ar_dump($mySorts);
}
//var_dump($provider->id);
}
echo('</pre>');

// Import END
</syntaxhighlight>

Projekt - Genbänkle

2018-10-09T09:04:12Z

93.208.102.183: Die Seite wurde neu angelegt: „Notitzen und Snippets Anbieter->Sorten importieren (Quick & Dirty) <syntaxhighlight lang="php" // Import echo('<pre>'); $CsvString = 'ProSpecieRara,Eschlauc…“

Notitzen und Snippets

Anbieter->Sorten importieren (Quick & Dirty)

<syntaxhighlight lang="php"
// Import

echo('<pre>');
$CsvString = 'ProSpecieRara,Eschlauch|Stuttgarter Sommer|Saxa|Paas Lintorfer Frühe|Karlsruher Markt|Schwarzwälder Ausmachbohne|Deutsche Schlangen|Ackersegen|Allerfrüheste Gelbe|Alma|Augusta|Aula|Barbara|Bendetta|Berlichinger|Bodenkraft|Bona|Carla|Centifoloa|Christa|Cosima|Datura|Deodora|Erdgold|Fina|Forelle|Industrie|Isola|Jubel|Lerche|Lori|Maritta|Parnassia|Pinki|Pirat|Rosafolia|Rote gelbe frühe|Saphir|Spätrot|Tasso|Voran|Woltmann|Bruni|Sirio|Früher Heinrich|Juwel|Ruhm von Braunschweig|Erstling|Kaiser Selbstschluss|Ibis|Dasinger Blaue|Kapitän Wedding|Phänomen|Trebona|Großmutter Witt|Howard Deutsche Tomate|Deutsche Riesentraube|Fruchtaroma|Lukullus|Quedlinburger frühe Liebe|Rheinlands Ruhm
Arche Noah,Mangoldrübe|Neckarkönigin|Eschlauch|Stuttgarter Sommer|Stuttgarter Sommer|Karlsruher Markt|Paas Lintorfer Frühe|Saxa|Schwarzwälder Ausmachbohne|Deutsche Schlangen|Ackersegen|Allerfrüheste Gelbe|Alma|Augusta|Aula|Barbara|Bendetta|Berlichinger|Bodenkraft|Bona|Carla|Centifoloa|Christa|Datura|Deodora|Erdgold|Fina|Forelle|Industrie|Isola|Jubel|Lerche|Lori|Maritta|Parnassia|Pinki|Pirat|Rosafolia|Rote gelbe frühe|Saphir|Spätrot|Tasso|Voran|Bruni|Sirio|Früher Heinrich|Juwel|Ruhm von Braunschweig|Kaiser Selbstschluss|Ibis|Dasinger Blaue|Kapitän Wedding|Phänomen|Trebona|Großmutter Witt|Howard Deutsche Tomate|Deutsche Riesentraube|Fruchtaroma|Lukullus|Quedlinburger frühe Liebe|Rheinlands Ruhm
Biolandhof Jeebel,Rosa Tannenzapfen|Schwarze Ungarin|Bamberger Hörnle
Genbänkle,Späths Alblinse I|Späths Alblinse II|Späths Hellerlinse|Wilder Heinrich|Rosa Tannenzapfen|Schwarze Ungarin|Rotschalige aus St. Petersburg|Neckarkönigin|Eschlauch|Schwarzwälder Butterkraut
"Manfred Gerber, Freie-Saaten.org e.V.",Pfälzer|Gelber Badischer|Schwarzwälder Butterkraut|Deutscher Großfrüchtiger|Stuttgarter Riesen
Dreschflegel,Neckarruhm weiß|Perle von Marbach|Lauchhellerkraut|Kerbelrübe|Ulmer Ochsenhörner|Forellenschluß
IPK,Neckarruhm weiß|Schwabenland|Sechswochenkartoffel|Stuttgarter Spitzkohl|Neckarperle|Neckarperle|Wunder von Stuttgarter|Neckarriesen|Neckarruhm|Neckarsegen|Stuttgarter|Roter Neckarruhm|Stuttgarter Sommer|Stuttgarter Sommer
Dürr Samen,Roter Neckarruhm
Saatgut-Garten Wolfegg,Winter Blumenkohl|Pfatterrer Bohne|Schwabenbohne
Sativa Dettighofen GmbH,Neckarperle|Neckarperle|Neckargold
Kartoffel Müller,Rotschalige aus St. Petersburg
Gärtnerei Stollmaier,Rote Söflinger Zwiebel|Schildampfer
Garten des Lebens,Schwarzes Rübchen|Altöttinger Großkopfada|Krimberger Erbse';

//$csv = str_getcsv($data);
$csv=array();
$Data = str_getcsv($CsvString, "\n"); //parse the rows
foreach($Data as &$Row) {
$Row = str_getcsv($Row); //parse the items in rows
// find provider
$provider = $pages->get('template=provider_single,title='.$Row[0].'');
if(!$provider->id) {
echo('Anbieter nicht gefunden: '.$Row[0].chr(10));
}else{
echo('Anbieter gefunden: '.$Row[0].chr(10));
$provider->of(false);
// import
$mySorts = explode('|',$Row[1]);
// add sorts
foreach($mySorts as $mySort){
echo("Suche Sorte: ".$mySort.'... ');
$sort = $pages->get('template=sorts_single,title='.$mySort);
if($sort->id){
// addSort
echo('Hinzufügen: '.$mySort.'zu page id: '.$sort->id.chr(10));
$provider->pr_sorts->add($sort->id);
$provider->save();
}else echo('Sorte nicht gefunden'.chr(10));
}
//ar_dump($mySorts);
}
//var_dump($provider->id);
}
echo('</pre>');

// Import END
</syntaxhighlight>