Initial commit
Signed-off-by: kevlarcade <kevlarcade@gmail.com>
This commit is contained in:
kevlarcade
commit
c64130451e
7064
css/bootstrap.css
vendored
Normal file
7064
css/bootstrap.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
11
css/bootstrap.min.css
vendored
Normal file
11
css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
22
css/style.css
Normal file
22
css/style.css
Normal file
@ -0,0 +1,22 @@
|
|||||||
|
body {
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
header {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .container {
|
||||||
|
padding-top: 100px;
|
||||||
|
padding-bottom: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header img {
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .intro-text .skills {
|
||||||
|
font-size: 1.25em;
|
||||||
|
font-weight: 300;
|
||||||
|
}
|
||||||
BIN
img/lol.png
Normal file
BIN
img/lol.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
188
index.html
Normal file
188
index.html
Normal file
@ -0,0 +1,188 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<meta name="ROBOTS" content="INDEX, FOLLOW">
|
||||||
|
<title>Laboratoire Ouvert Lyonnais — le LOL</title>
|
||||||
|
<meta name="keywords" content="hackerspace, hacklab, DIY, bidouillage, informatique, électronique, arts numériques">
|
||||||
|
<meta name="description" content="Présentation du LOL, hackerspace sur Lyon : localisation, projets en cours, vie courante.">
|
||||||
|
|
||||||
|
<link rel="schema.dc" href="http://purl.org/dc/elements/1.1/">
|
||||||
|
<meta name="dc.title" content="Laboratoire Ouvert Lyonnais — le LOL" lang="fr">
|
||||||
|
<meta name="dc.description" content="Présentation du LOL, hackerspace sur Lyon : localisation, projets en cours, vie courante." lang="fr">
|
||||||
|
<meta name="dc.language" content="fr">
|
||||||
|
<meta name="dc.publisher" content="LOL">
|
||||||
|
<meta name="dc.rights" content="Creative Commons by-sa 2.0 fr, https://creativecommons.org/licenses/by-sa/2.0/fr/">
|
||||||
|
<meta name="dc.type" content="text">
|
||||||
|
<meta name="dc.format" content="text/html">
|
||||||
|
<meta name="dc.date" content="2011-04-28T22:03:31+02:00">
|
||||||
|
|
||||||
|
<!-- Bootstrap -->
|
||||||
|
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||||||
|
|
||||||
|
<!-- Optional theme -->
|
||||||
|
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="css/style.css">
|
||||||
|
|
||||||
|
<!-- Latest compiled and minified JavaScript -->
|
||||||
|
<script src="js/bootstrap.min.js"></script>
|
||||||
|
|
||||||
|
<!-- Bootstrap
|
||||||
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
-->
|
||||||
|
|
||||||
|
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
||||||
|
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||||||
|
<!--[if lt IE 9]>
|
||||||
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||||
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||||
|
<![endif]-->
|
||||||
|
</head>
|
||||||
|
<body id="page-top" class="index">
|
||||||
|
<nav class="navbar navbar-default navbar-fixed-top">
|
||||||
|
<div class="container">
|
||||||
|
<!-- Brand and toggle get grouped for better mobile display -->
|
||||||
|
<div class="navbar-header page-scroll">
|
||||||
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
||||||
|
<span class="sr-only">Toggle navigation</span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
|
</button>
|
||||||
|
<a class="navbar-brand" href="#page-top">Laboratoire Ouvert Lyonnais</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Collect the nav links, forms, and other content for toggling -->
|
||||||
|
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
||||||
|
<ul class="nav navbar-nav navbar-right">
|
||||||
|
<li class="hidden">
|
||||||
|
<a href="#page-top"></a>
|
||||||
|
</li>
|
||||||
|
<li class="page-scroll">
|
||||||
|
<a href="#page-top">Accueil</a>
|
||||||
|
</li>
|
||||||
|
<li class="page-scroll">
|
||||||
|
<a href="#about">À propos</a>
|
||||||
|
</li>
|
||||||
|
<li class="page-scroll">
|
||||||
|
<a href="#contact">Contact</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<!-- /.navbar-collapse -->
|
||||||
|
</div>
|
||||||
|
<!-- /.container-fluid -->
|
||||||
|
</nav>
|
||||||
|
<header>
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<img class="img-responsive" src="img/lol.png" alt="logo du LOL">
|
||||||
|
<div class="intro-text">
|
||||||
|
<hr class="star-light">
|
||||||
|
<span class="skills">Association - Rencontre - Échange - Partage</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<!-- About Section -->
|
||||||
|
<section class="success" id="about">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-12 text-center">
|
||||||
|
<h2>À propos</h2>
|
||||||
|
<hr class="star-light">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<p>Le Laboratoire Ouvert Lyonnais (<abbr title="Laboratoire Ouvert Lyonnais">LOL</abbr>) est un <i lang="en">hackerspace</i> sur Lyon.</p>
|
||||||
|
<!-- comment parler du PPRA sans le nommer ? :) -->
|
||||||
|
<p>En <a href="http://labolyon.fr/blog/post/2011/01/12/Mise-en-place-d-un-hacker-space-lyonnais">début janvier 2011</a> un membre du <a href="http://logre.org/"><abbr title="Laboratoire Ouvert Grenoblois">LOG</abbr></a>, une paire de personnes impliquées dans la vie lyonnaise, et une pincée de gens venant de différents milieux technologiques (informaticiens barbus) et artistiques (ça chauffe, les flammes de la <a href="http://friche-rvi.org/">Friche RVI</a>) se sont rassemblées lors d'un apéro pour voir s'ils avaient envie de faire des choses ensemble. La réponse fut oui, restait à savoir comment. Le LOL était lancé.</p>
|
||||||
|
<!-- repris sans vergogne depuis le LOG http://logre.org/ -->
|
||||||
|
<p>Le LOL rassemble des passionnés de bidouillages en tous genres. Électronique, informatique, mécanique, chimie, arts numériques, cuisine expérimentale, etc. : chacun amène son savoir-faire et sa curiosité dans un mélange ludique de création, bricolage et de détournement technologique en tout genre. Vous avez un projet à partager ? C'est l'occasion de le présenter, et peut-être trouver de nouveaux contributeurs.</p>
|
||||||
|
<p>L'une des vocations du LOL est de fournir à ses membres un lieu pour héberger leurs projets ainsi que d'organiser des présentations publiques. Il est aussi ouvert sur l'extérieur par le biais de partenariats avec les institutionnels, animations ou participation à des événements.</p>
|
||||||
|
<p>Un autre objectif du LOL est le partage des connaissances, et l'aide à la ré-appropriation des technologies par le grand public. Notre vie est remplie de machines plus ou moins intelligentes. Si en gérer une seule ne pose pas de soucis, prévoir ce qui va se passer lorsque plusieurs machines vont travailler ensemble est beaucoup plus délicat; surtout si un humain se trouve au milieu.</p>
|
||||||
|
<p>Le LOL est une émanation du mouvement mondial <i>hackerspace</i>/<a href="https://secure.wikimedia.org/wikipedia/fr/wiki/Hacklab">hacklab</a> et se veut ouvert aux échanges et collaborations avec les autres groupes.</p>
|
||||||
|
<p>En avril 2011, le LOL a rejoint les <a href="http://www.lespetitsdebrouillards-ra.org/-69-Antenne-Rhone-.html">Petits Débrouillards de Lyon</a>.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Contact Section -->
|
||||||
|
<section id="contact">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-12 text-center">
|
||||||
|
<h2>Contactez nous</h2>
|
||||||
|
<hr class="star-primary">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-8 col-lg-offset-2">
|
||||||
|
<p>À ce jour, nous n'avons pas encore remis en place de mailing list ou de formulaire de contact.</p>
|
||||||
|
<p>Nous allons mettre en place un Mattermost prochainement.</p>
|
||||||
|
<p>Vous pouvez nous contacter sur IRC : irc://irc.geeknode.org sur le canal #LaboLyon</p>
|
||||||
|
<p>Vous pouvez aussi nous contacter à l'adresse contact (arobaz) labolyon (.) fr</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<footer class="text-center">
|
||||||
|
<div class="footer-above">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="footer-col col-md-4">
|
||||||
|
<!-- adresse -->
|
||||||
|
</div>
|
||||||
|
<div class="footer-col col-md-4">
|
||||||
|
<h3>Laboratoire Ouvert Lyonnais</h3>
|
||||||
|
<p>7 place Louis Chazette<br>69001 Lyon</p>
|
||||||
|
<p>Overture : mardi 19h30-00h</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer-below">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-12">
|
||||||
|
Contenu du site placé sous <a href="http://creativecommons.org/licenses/by-sa/2.0/fr/">contrat <abbr title="Creative Commons : Paternité - Partage des Conditions Initiales à l’Identique version 2.0 France">CC BY-SA 2.0 fr</abbr></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) -->
|
||||||
|
<div class="scroll-top page-scroll visible-xs visible-sm">
|
||||||
|
<a class="btn btn-primary" href="#page-top">
|
||||||
|
⇑
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- jQuery -->
|
||||||
|
<script src="js/jquery.js"></script>
|
||||||
|
|
||||||
|
<!-- Bootstrap Core JavaScript -->
|
||||||
|
<script src="js/bootstrap.min.js"></script>
|
||||||
|
|
||||||
|
<!-- Plugin JavaScript -->
|
||||||
|
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
|
||||||
|
<script src="js/classie.js"></script>
|
||||||
|
<script src="js/cbpAnimatedHeader.js"></script>
|
||||||
|
|
||||||
|
<!-- Contact Form JavaScript -->
|
||||||
|
<script src="js/jqBootstrapValidation.js"></script>
|
||||||
|
<script src="js/contact_me.js"></script>
|
||||||
|
|
||||||
|
<!-- Custom Theme JavaScript -->
|
||||||
|
<script src="js/freelancer.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
2363
js/bootstrap.js
vendored
Normal file
2363
js/bootstrap.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
7
js/bootstrap.min.js
vendored
Normal file
7
js/bootstrap.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
44
js/cbpAnimatedHeader.js
Normal file
44
js/cbpAnimatedHeader.js
Normal file
@ -0,0 +1,44 @@
|
|||||||
|
/**
|
||||||
|
* cbpAnimatedHeader.js v1.0.0
|
||||||
|
* http://www.codrops.com
|
||||||
|
*
|
||||||
|
* Licensed under the MIT license.
|
||||||
|
* http://www.opensource.org/licenses/mit-license.php
|
||||||
|
*
|
||||||
|
* Copyright 2013, Codrops
|
||||||
|
* http://www.codrops.com
|
||||||
|
*/
|
||||||
|
var cbpAnimatedHeader = (function() {
|
||||||
|
|
||||||
|
var docElem = document.documentElement,
|
||||||
|
header = document.querySelector( '.navbar-fixed-top' ),
|
||||||
|
didScroll = false,
|
||||||
|
changeHeaderOn = 300;
|
||||||
|
|
||||||
|
function init() {
|
||||||
|
window.addEventListener( 'scroll', function( event ) {
|
||||||
|
if( !didScroll ) {
|
||||||
|
didScroll = true;
|
||||||
|
setTimeout( scrollPage, 250 );
|
||||||
|
}
|
||||||
|
}, false );
|
||||||
|
}
|
||||||
|
|
||||||
|
function scrollPage() {
|
||||||
|
var sy = scrollY();
|
||||||
|
if ( sy >= changeHeaderOn ) {
|
||||||
|
classie.add( header, 'navbar-shrink' );
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
classie.remove( header, 'navbar-shrink' );
|
||||||
|
}
|
||||||
|
didScroll = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
function scrollY() {
|
||||||
|
return window.pageYOffset || docElem.scrollTop;
|
||||||
|
}
|
||||||
|
|
||||||
|
init();
|
||||||
|
|
||||||
|
})();
|
||||||
11
js/cbpAnimatedHeader.min.js
vendored
Normal file
11
js/cbpAnimatedHeader.min.js
vendored
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
/**
|
||||||
|
* cbpAnimatedHeader.min.js v1.0.0
|
||||||
|
* http://www.codrops.com
|
||||||
|
*
|
||||||
|
* Licensed under the MIT license.
|
||||||
|
* http://www.opensource.org/licenses/mit-license.php
|
||||||
|
*
|
||||||
|
* Copyright 2013, Codrops
|
||||||
|
* http://www.codrops.com
|
||||||
|
*/
|
||||||
|
var cbpAnimatedHeader=(function(){var b=document.documentElement,g=document.querySelector(".cbp-af-header"),e=false,a=300;function f(){window.addEventListener("scroll",function(h){if(!e){e=true;setTimeout(d,250)}},false)}function d(){var h=c();if(h>=a){classie.add(g,"cbp-af-header-shrink")}else{classie.remove(g,"cbp-af-header-shrink")}e=false}function c(){return window.pageYOffset||b.scrollTop}f()})();
|
||||||
80
js/classie.js
Normal file
80
js/classie.js
Normal file
@ -0,0 +1,80 @@
|
|||||||
|
/*!
|
||||||
|
* classie - class helper functions
|
||||||
|
* from bonzo https://github.com/ded/bonzo
|
||||||
|
*
|
||||||
|
* classie.has( elem, 'my-class' ) -> true/false
|
||||||
|
* classie.add( elem, 'my-new-class' )
|
||||||
|
* classie.remove( elem, 'my-unwanted-class' )
|
||||||
|
* classie.toggle( elem, 'my-class' )
|
||||||
|
*/
|
||||||
|
|
||||||
|
/*jshint browser: true, strict: true, undef: true */
|
||||||
|
/*global define: false */
|
||||||
|
|
||||||
|
( function( window ) {
|
||||||
|
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
// class helper functions from bonzo https://github.com/ded/bonzo
|
||||||
|
|
||||||
|
function classReg( className ) {
|
||||||
|
return new RegExp("(^|\\s+)" + className + "(\\s+|$)");
|
||||||
|
}
|
||||||
|
|
||||||
|
// classList support for class management
|
||||||
|
// altho to be fair, the api sucks because it won't accept multiple classes at once
|
||||||
|
var hasClass, addClass, removeClass;
|
||||||
|
|
||||||
|
if ( 'classList' in document.documentElement ) {
|
||||||
|
hasClass = function( elem, c ) {
|
||||||
|
return elem.classList.contains( c );
|
||||||
|
};
|
||||||
|
addClass = function( elem, c ) {
|
||||||
|
elem.classList.add( c );
|
||||||
|
};
|
||||||
|
removeClass = function( elem, c ) {
|
||||||
|
elem.classList.remove( c );
|
||||||
|
};
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
hasClass = function( elem, c ) {
|
||||||
|
return classReg( c ).test( elem.className );
|
||||||
|
};
|
||||||
|
addClass = function( elem, c ) {
|
||||||
|
if ( !hasClass( elem, c ) ) {
|
||||||
|
elem.className = elem.className + ' ' + c;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
removeClass = function( elem, c ) {
|
||||||
|
elem.className = elem.className.replace( classReg( c ), ' ' );
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
function toggleClass( elem, c ) {
|
||||||
|
var fn = hasClass( elem, c ) ? removeClass : addClass;
|
||||||
|
fn( elem, c );
|
||||||
|
}
|
||||||
|
|
||||||
|
var classie = {
|
||||||
|
// full names
|
||||||
|
hasClass: hasClass,
|
||||||
|
addClass: addClass,
|
||||||
|
removeClass: removeClass,
|
||||||
|
toggleClass: toggleClass,
|
||||||
|
// short names
|
||||||
|
has: hasClass,
|
||||||
|
add: addClass,
|
||||||
|
remove: removeClass,
|
||||||
|
toggle: toggleClass
|
||||||
|
};
|
||||||
|
|
||||||
|
// transport
|
||||||
|
if ( typeof define === 'function' && define.amd ) {
|
||||||
|
// AMD
|
||||||
|
define( classie );
|
||||||
|
} else {
|
||||||
|
// browser global
|
||||||
|
window.classie = classie;
|
||||||
|
}
|
||||||
|
|
||||||
|
})( window );
|
||||||
73
js/contact_me.js
Normal file
73
js/contact_me.js
Normal file
@ -0,0 +1,73 @@
|
|||||||
|
$(function() {
|
||||||
|
|
||||||
|
$("#contactForm input,#contactForm textarea").jqBootstrapValidation({
|
||||||
|
preventSubmit: true,
|
||||||
|
submitError: function($form, event, errors) {
|
||||||
|
// additional error messages or events
|
||||||
|
},
|
||||||
|
submitSuccess: function($form, event) {
|
||||||
|
// Prevent spam click and default submit behaviour
|
||||||
|
$("#btnSubmit").attr("disabled", true);
|
||||||
|
event.preventDefault();
|
||||||
|
|
||||||
|
// get values from FORM
|
||||||
|
var name = $("input#name").val();
|
||||||
|
var email = $("input#email").val();
|
||||||
|
var phone = $("input#phone").val();
|
||||||
|
var message = $("textarea#message").val();
|
||||||
|
var firstName = name; // For Success/Failure Message
|
||||||
|
// Check for white space in name for Success/Fail message
|
||||||
|
if (firstName.indexOf(' ') >= 0) {
|
||||||
|
firstName = name.split(' ').slice(0, -1).join(' ');
|
||||||
|
}
|
||||||
|
$.ajax({
|
||||||
|
url: "././mail/contact_me.php",
|
||||||
|
type: "POST",
|
||||||
|
data: {
|
||||||
|
name: name,
|
||||||
|
phone: phone,
|
||||||
|
email: email,
|
||||||
|
message: message
|
||||||
|
},
|
||||||
|
cache: false,
|
||||||
|
success: function() {
|
||||||
|
// Enable button & show success message
|
||||||
|
$("#btnSubmit").attr("disabled", false);
|
||||||
|
$('#success').html("<div class='alert alert-success'>");
|
||||||
|
$('#success > .alert-success').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>×")
|
||||||
|
.append("</button>");
|
||||||
|
$('#success > .alert-success')
|
||||||
|
.append("<strong>Votre message à bien été envoyé. </strong>");
|
||||||
|
$('#success > .alert-success')
|
||||||
|
.append('</div>');
|
||||||
|
|
||||||
|
//clear all fields
|
||||||
|
$('#contactForm').trigger("reset");
|
||||||
|
},
|
||||||
|
error: function() {
|
||||||
|
// Fail message
|
||||||
|
$('#success').html("<div class='alert alert-danger'>");
|
||||||
|
$('#success > .alert-danger').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>×")
|
||||||
|
.append("</button>");
|
||||||
|
$('#success > .alert-danger').append("<strong>Désolé " + firstName + ", il semblerait que le serveur de mail ne répond pas. Réessayer plus tard.");
|
||||||
|
$('#success > .alert-danger').append('</div>');
|
||||||
|
//clear all fields
|
||||||
|
$('#contactForm').trigger("reset");
|
||||||
|
},
|
||||||
|
})
|
||||||
|
},
|
||||||
|
filter: function() {
|
||||||
|
return $(this).is(":visible");
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
$("a[data-toggle=\"tab\"]").click(function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
$(this).tab("show");
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// When clicking on Full hide fail/success boxes
|
||||||
|
$('#name').focus(function() {
|
||||||
|
$('#success').html('');
|
||||||
|
});
|
||||||
37
js/freelancer.js
Normal file
37
js/freelancer.js
Normal file
@ -0,0 +1,37 @@
|
|||||||
|
/*!
|
||||||
|
* Start Bootstrap - Freelancer Bootstrap Theme (http://startbootstrap.com)
|
||||||
|
* Code licensed under the Apache License v2.0.
|
||||||
|
* For details, see http://www.apache.org/licenses/LICENSE-2.0.
|
||||||
|
*/
|
||||||
|
|
||||||
|
// jQuery for page scrolling feature - requires jQuery Easing plugin
|
||||||
|
$(function() {
|
||||||
|
$('body').on('click', '.page-scroll a', function(event) {
|
||||||
|
var $anchor = $(this);
|
||||||
|
$('html, body').stop().animate({
|
||||||
|
scrollTop: $($anchor.attr('href')).offset().top
|
||||||
|
}, 1500, 'easeInOutExpo');
|
||||||
|
event.preventDefault();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// Floating label headings for the contact form
|
||||||
|
$(function() {
|
||||||
|
$("body").on("input propertychange", ".floating-label-form-group", function(e) {
|
||||||
|
$(this).toggleClass("floating-label-form-group-with-value", !! $(e.target).val());
|
||||||
|
}).on("focus", ".floating-label-form-group", function() {
|
||||||
|
$(this).addClass("floating-label-form-group-with-focus");
|
||||||
|
}).on("blur", ".floating-label-form-group", function() {
|
||||||
|
$(this).removeClass("floating-label-form-group-with-focus");
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// Highlight the top nav as scrolling occurs
|
||||||
|
$('body').scrollspy({
|
||||||
|
target: '.navbar-fixed-top'
|
||||||
|
})
|
||||||
|
|
||||||
|
// Closes the Responsive Menu on Menu Item Click
|
||||||
|
$('.navbar-collapse ul li a').click(function() {
|
||||||
|
$('.navbar-toggle:visible').click();
|
||||||
|
});
|
||||||
912
js/jqBootstrapValidation.js
Normal file
912
js/jqBootstrapValidation.js
Normal file
@ -0,0 +1,912 @@
|
|||||||
|
/* jqBootstrapValidation
|
||||||
|
* A plugin for automating validation on Twitter Bootstrap formatted forms.
|
||||||
|
*
|
||||||
|
* v1.3.6
|
||||||
|
*
|
||||||
|
* License: MIT <http://opensource.org/licenses/mit-license.php> - see LICENSE file
|
||||||
|
*
|
||||||
|
* http://ReactiveRaven.github.com/jqBootstrapValidation/
|
||||||
|
*/
|
||||||
|
|
||||||
|
(function( $ ){
|
||||||
|
|
||||||
|
var createdElements = [];
|
||||||
|
|
||||||
|
var defaults = {
|
||||||
|
options: {
|
||||||
|
prependExistingHelpBlock: false,
|
||||||
|
sniffHtml: true, // sniff for 'required', 'maxlength', etc
|
||||||
|
preventSubmit: true, // stop the form submit event from firing if validation fails
|
||||||
|
submitError: false, // function called if there is an error when trying to submit
|
||||||
|
submitSuccess: false, // function called just before a successful submit event is sent to the server
|
||||||
|
semanticallyStrict: false, // set to true to tidy up generated HTML output
|
||||||
|
autoAdd: {
|
||||||
|
helpBlocks: true
|
||||||
|
},
|
||||||
|
filter: function () {
|
||||||
|
// return $(this).is(":visible"); // only validate elements you can see
|
||||||
|
return true; // validate everything
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
init : function( options ) {
|
||||||
|
|
||||||
|
var settings = $.extend(true, {}, defaults);
|
||||||
|
|
||||||
|
settings.options = $.extend(true, settings.options, options);
|
||||||
|
|
||||||
|
var $siblingElements = this;
|
||||||
|
|
||||||
|
var uniqueForms = $.unique(
|
||||||
|
$siblingElements.map( function () {
|
||||||
|
return $(this).parents("form")[0];
|
||||||
|
}).toArray()
|
||||||
|
);
|
||||||
|
|
||||||
|
$(uniqueForms).bind("submit", function (e) {
|
||||||
|
var $form = $(this);
|
||||||
|
var warningsFound = 0;
|
||||||
|
var $inputs = $form.find("input,textarea,select").not("[type=submit],[type=image]").filter(settings.options.filter);
|
||||||
|
$inputs.trigger("submit.validation").trigger("validationLostFocus.validation");
|
||||||
|
|
||||||
|
$inputs.each(function (i, el) {
|
||||||
|
var $this = $(el),
|
||||||
|
$controlGroup = $this.parents(".control-group").first();
|
||||||
|
if (
|
||||||
|
$controlGroup.hasClass("warning")
|
||||||
|
) {
|
||||||
|
$controlGroup.removeClass("warning").addClass("error");
|
||||||
|
warningsFound++;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$inputs.trigger("validationLostFocus.validation");
|
||||||
|
|
||||||
|
if (warningsFound) {
|
||||||
|
if (settings.options.preventSubmit) {
|
||||||
|
e.preventDefault();
|
||||||
|
}
|
||||||
|
$form.addClass("error");
|
||||||
|
if ($.isFunction(settings.options.submitError)) {
|
||||||
|
settings.options.submitError($form, e, $inputs.jqBootstrapValidation("collectErrors", true));
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
$form.removeClass("error");
|
||||||
|
if ($.isFunction(settings.options.submitSuccess)) {
|
||||||
|
settings.options.submitSuccess($form, e);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
return this.each(function(){
|
||||||
|
|
||||||
|
// Get references to everything we're interested in
|
||||||
|
var $this = $(this),
|
||||||
|
$controlGroup = $this.parents(".control-group").first(),
|
||||||
|
$helpBlock = $controlGroup.find(".help-block").first(),
|
||||||
|
$form = $this.parents("form").first(),
|
||||||
|
validatorNames = [];
|
||||||
|
|
||||||
|
// create message container if not exists
|
||||||
|
if (!$helpBlock.length && settings.options.autoAdd && settings.options.autoAdd.helpBlocks) {
|
||||||
|
$helpBlock = $('<div class="help-block" />');
|
||||||
|
$controlGroup.find('.controls').append($helpBlock);
|
||||||
|
createdElements.push($helpBlock[0]);
|
||||||
|
}
|
||||||
|
|
||||||
|
// =============================================================
|
||||||
|
// SNIFF HTML FOR VALIDATORS
|
||||||
|
// =============================================================
|
||||||
|
|
||||||
|
// *snort sniff snuffle*
|
||||||
|
|
||||||
|
if (settings.options.sniffHtml) {
|
||||||
|
var message = "";
|
||||||
|
// ---------------------------------------------------------
|
||||||
|
// PATTERN
|
||||||
|
// ---------------------------------------------------------
|
||||||
|
if ($this.attr("pattern") !== undefined) {
|
||||||
|
message = "Pas le bon format attendu<!-- data-validation-pattern-message to override -->";
|
||||||
|
if ($this.data("validationPatternMessage")) {
|
||||||
|
message = $this.data("validationPatternMessage");
|
||||||
|
}
|
||||||
|
$this.data("validationPatternMessage", message);
|
||||||
|
$this.data("validationPatternRegex", $this.attr("pattern"));
|
||||||
|
}
|
||||||
|
// ---------------------------------------------------------
|
||||||
|
// MAX
|
||||||
|
// ---------------------------------------------------------
|
||||||
|
if ($this.attr("max") !== undefined || $this.attr("aria-valuemax") !== undefined) {
|
||||||
|
var max = ($this.attr("max") !== undefined ? $this.attr("max") : $this.attr("aria-valuemax"));
|
||||||
|
message = "Trop grand: Maximum de '" + max + "'<!-- data-validation-max-message to override -->";
|
||||||
|
if ($this.data("validationMaxMessage")) {
|
||||||
|
message = $this.data("validationMaxMessage");
|
||||||
|
}
|
||||||
|
$this.data("validationMaxMessage", message);
|
||||||
|
$this.data("validationMaxMax", max);
|
||||||
|
}
|
||||||
|
// ---------------------------------------------------------
|
||||||
|
// MIN
|
||||||
|
// ---------------------------------------------------------
|
||||||
|
if ($this.attr("min") !== undefined || $this.attr("aria-valuemin") !== undefined) {
|
||||||
|
var min = ($this.attr("min") !== undefined ? $this.attr("min") : $this.attr("aria-valuemin"));
|
||||||
|
message = "Trop petit: Minimum de '" + min + "'<!-- data-validation-min-message to override -->";
|
||||||
|
if ($this.data("validationMinMessage")) {
|
||||||
|
message = $this.data("validationMinMessage");
|
||||||
|
}
|
||||||
|
$this.data("validationMinMessage", message);
|
||||||
|
$this.data("validationMinMin", min);
|
||||||
|
}
|
||||||
|
// ---------------------------------------------------------
|
||||||
|
// MAXLENGTH
|
||||||
|
// ---------------------------------------------------------
|
||||||
|
if ($this.attr("maxlength") !== undefined) {
|
||||||
|
message = "Trop grand: Maximum de '" + $this.attr("maxlength") + "' charactères<!-- data-validation-maxlength-message to override -->";
|
||||||
|
if ($this.data("validationMaxlengthMessage")) {
|
||||||
|
message = $this.data("validationMaxlengthMessage");
|
||||||
|
}
|
||||||
|
$this.data("validationMaxlengthMessage", message);
|
||||||
|
$this.data("validationMaxlengthMaxlength", $this.attr("maxlength"));
|
||||||
|
}
|
||||||
|
// ---------------------------------------------------------
|
||||||
|
// MINLENGTH
|
||||||
|
// ---------------------------------------------------------
|
||||||
|
if ($this.attr("minlength") !== undefined) {
|
||||||
|
message = "Trop court: Minimum de '" + $this.attr("minlength") + "' charactères<!-- data-validation-minlength-message to override -->";
|
||||||
|
if ($this.data("validationMinlengthMessage")) {
|
||||||
|
message = $this.data("validationMinlengthMessage");
|
||||||
|
}
|
||||||
|
$this.data("validationMinlengthMessage", message);
|
||||||
|
$this.data("validationMinlengthMinlength", $this.attr("minlength"));
|
||||||
|
}
|
||||||
|
// ---------------------------------------------------------
|
||||||
|
// REQUIRED
|
||||||
|
// ---------------------------------------------------------
|
||||||
|
if ($this.attr("required") !== undefined || $this.attr("aria-required") !== undefined) {
|
||||||
|
message = settings.builtInValidators.required.message;
|
||||||
|
if ($this.data("validationRequiredMessage")) {
|
||||||
|
message = $this.data("validationRequiredMessage");
|
||||||
|
}
|
||||||
|
$this.data("validationRequiredMessage", message);
|
||||||
|
}
|
||||||
|
// ---------------------------------------------------------
|
||||||
|
// NUMBER
|
||||||
|
// ---------------------------------------------------------
|
||||||
|
if ($this.attr("type") !== undefined && $this.attr("type").toLowerCase() === "number") {
|
||||||
|
message = settings.builtInValidators.number.message;
|
||||||
|
if ($this.data("validationNumberMessage")) {
|
||||||
|
message = $this.data("validationNumberMessage");
|
||||||
|
}
|
||||||
|
$this.data("validationNumberMessage", message);
|
||||||
|
}
|
||||||
|
// ---------------------------------------------------------
|
||||||
|
// EMAIL
|
||||||
|
// ---------------------------------------------------------
|
||||||
|
if ($this.attr("type") !== undefined && $this.attr("type").toLowerCase() === "email") {
|
||||||
|
message = "Pas une adresse email valide<!-- data-validator-validemail-message to override -->";
|
||||||
|
if ($this.data("validationValidemailMessage")) {
|
||||||
|
message = $this.data("validationValidemailMessage");
|
||||||
|
} else if ($this.data("validationEmailMessage")) {
|
||||||
|
message = $this.data("validationEmailMessage");
|
||||||
|
}
|
||||||
|
$this.data("validationValidemailMessage", message);
|
||||||
|
}
|
||||||
|
// ---------------------------------------------------------
|
||||||
|
// MINCHECKED
|
||||||
|
// ---------------------------------------------------------
|
||||||
|
if ($this.attr("minchecked") !== undefined) {
|
||||||
|
message = "Pas assez d'options; Minimum de '" + $this.attr("minchecked") + "' requises<!-- data-validation-minchecked-message to override -->";
|
||||||
|
if ($this.data("validationMincheckedMessage")) {
|
||||||
|
message = $this.data("validationMincheckedMessage");
|
||||||
|
}
|
||||||
|
$this.data("validationMincheckedMessage", message);
|
||||||
|
$this.data("validationMincheckedMinchecked", $this.attr("minchecked"));
|
||||||
|
}
|
||||||
|
// ---------------------------------------------------------
|
||||||
|
// MAXCHECKED
|
||||||
|
// ---------------------------------------------------------
|
||||||
|
if ($this.attr("maxchecked") !== undefined) {
|
||||||
|
message = "Trop d'options; Maximum de '" + $this.attr("maxchecked") + "' requises<!-- data-validation-maxchecked-message to override -->";
|
||||||
|
if ($this.data("validationMaxcheckedMessage")) {
|
||||||
|
message = $this.data("validationMaxcheckedMessage");
|
||||||
|
}
|
||||||
|
$this.data("validationMaxcheckedMessage", message);
|
||||||
|
$this.data("validationMaxcheckedMaxchecked", $this.attr("maxchecked"));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// =============================================================
|
||||||
|
// COLLECT VALIDATOR NAMES
|
||||||
|
// =============================================================
|
||||||
|
|
||||||
|
// Get named validators
|
||||||
|
if ($this.data("validation") !== undefined) {
|
||||||
|
validatorNames = $this.data("validation").split(",");
|
||||||
|
}
|
||||||
|
|
||||||
|
// Get extra ones defined on the element's data attributes
|
||||||
|
$.each($this.data(), function (i, el) {
|
||||||
|
var parts = i.replace(/([A-Z])/g, ",$1").split(",");
|
||||||
|
if (parts[0] === "validation" && parts[1]) {
|
||||||
|
validatorNames.push(parts[1]);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// =============================================================
|
||||||
|
// NORMALISE VALIDATOR NAMES
|
||||||
|
// =============================================================
|
||||||
|
|
||||||
|
var validatorNamesToInspect = validatorNames;
|
||||||
|
var newValidatorNamesToInspect = [];
|
||||||
|
|
||||||
|
do // repeatedly expand 'shortcut' validators into their real validators
|
||||||
|
{
|
||||||
|
// Uppercase only the first letter of each name
|
||||||
|
$.each(validatorNames, function (i, el) {
|
||||||
|
validatorNames[i] = formatValidatorName(el);
|
||||||
|
});
|
||||||
|
|
||||||
|
// Remove duplicate validator names
|
||||||
|
validatorNames = $.unique(validatorNames);
|
||||||
|
|
||||||
|
// Pull out the new validator names from each shortcut
|
||||||
|
newValidatorNamesToInspect = [];
|
||||||
|
$.each(validatorNamesToInspect, function(i, el) {
|
||||||
|
if ($this.data("validation" + el + "Shortcut") !== undefined) {
|
||||||
|
// Are these custom validators?
|
||||||
|
// Pull them out!
|
||||||
|
$.each($this.data("validation" + el + "Shortcut").split(","), function(i2, el2) {
|
||||||
|
newValidatorNamesToInspect.push(el2);
|
||||||
|
});
|
||||||
|
} else if (settings.builtInValidators[el.toLowerCase()]) {
|
||||||
|
// Is this a recognised built-in?
|
||||||
|
// Pull it out!
|
||||||
|
var validator = settings.builtInValidators[el.toLowerCase()];
|
||||||
|
if (validator.type.toLowerCase() === "shortcut") {
|
||||||
|
$.each(validator.shortcut.split(","), function (i, el) {
|
||||||
|
el = formatValidatorName(el);
|
||||||
|
newValidatorNamesToInspect.push(el);
|
||||||
|
validatorNames.push(el);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
validatorNamesToInspect = newValidatorNamesToInspect;
|
||||||
|
|
||||||
|
} while (validatorNamesToInspect.length > 0)
|
||||||
|
|
||||||
|
// =============================================================
|
||||||
|
// SET UP VALIDATOR ARRAYS
|
||||||
|
// =============================================================
|
||||||
|
|
||||||
|
var validators = {};
|
||||||
|
|
||||||
|
$.each(validatorNames, function (i, el) {
|
||||||
|
// Set up the 'override' message
|
||||||
|
var message = $this.data("validation" + el + "Message");
|
||||||
|
var hasOverrideMessage = (message !== undefined);
|
||||||
|
var foundValidator = false;
|
||||||
|
message =
|
||||||
|
(
|
||||||
|
message
|
||||||
|
? message
|
||||||
|
: "'" + el + "' validation failed <!-- Add attribute 'data-validation-" + el.toLowerCase() + "-message' to input to change this message -->"
|
||||||
|
)
|
||||||
|
;
|
||||||
|
|
||||||
|
$.each(
|
||||||
|
settings.validatorTypes,
|
||||||
|
function (validatorType, validatorTemplate) {
|
||||||
|
if (validators[validatorType] === undefined) {
|
||||||
|
validators[validatorType] = [];
|
||||||
|
}
|
||||||
|
if (!foundValidator && $this.data("validation" + el + formatValidatorName(validatorTemplate.name)) !== undefined) {
|
||||||
|
validators[validatorType].push(
|
||||||
|
$.extend(
|
||||||
|
true,
|
||||||
|
{
|
||||||
|
name: formatValidatorName(validatorTemplate.name),
|
||||||
|
message: message
|
||||||
|
},
|
||||||
|
validatorTemplate.init($this, el)
|
||||||
|
)
|
||||||
|
);
|
||||||
|
foundValidator = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
if (!foundValidator && settings.builtInValidators[el.toLowerCase()]) {
|
||||||
|
|
||||||
|
var validator = $.extend(true, {}, settings.builtInValidators[el.toLowerCase()]);
|
||||||
|
if (hasOverrideMessage) {
|
||||||
|
validator.message = message;
|
||||||
|
}
|
||||||
|
var validatorType = validator.type.toLowerCase();
|
||||||
|
|
||||||
|
if (validatorType === "shortcut") {
|
||||||
|
foundValidator = true;
|
||||||
|
} else {
|
||||||
|
$.each(
|
||||||
|
settings.validatorTypes,
|
||||||
|
function (validatorTemplateType, validatorTemplate) {
|
||||||
|
if (validators[validatorTemplateType] === undefined) {
|
||||||
|
validators[validatorTemplateType] = [];
|
||||||
|
}
|
||||||
|
if (!foundValidator && validatorType === validatorTemplateType.toLowerCase()) {
|
||||||
|
$this.data("validation" + el + formatValidatorName(validatorTemplate.name), validator[validatorTemplate.name.toLowerCase()]);
|
||||||
|
validators[validatorType].push(
|
||||||
|
$.extend(
|
||||||
|
validator,
|
||||||
|
validatorTemplate.init($this, el)
|
||||||
|
)
|
||||||
|
);
|
||||||
|
foundValidator = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (! foundValidator) {
|
||||||
|
$.error("Cannot find validation info for '" + el + "'");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// =============================================================
|
||||||
|
// STORE FALLBACK VALUES
|
||||||
|
// =============================================================
|
||||||
|
|
||||||
|
$helpBlock.data(
|
||||||
|
"original-contents",
|
||||||
|
(
|
||||||
|
$helpBlock.data("original-contents")
|
||||||
|
? $helpBlock.data("original-contents")
|
||||||
|
: $helpBlock.html()
|
||||||
|
)
|
||||||
|
);
|
||||||
|
|
||||||
|
$helpBlock.data(
|
||||||
|
"original-role",
|
||||||
|
(
|
||||||
|
$helpBlock.data("original-role")
|
||||||
|
? $helpBlock.data("original-role")
|
||||||
|
: $helpBlock.attr("role")
|
||||||
|
)
|
||||||
|
);
|
||||||
|
|
||||||
|
$controlGroup.data(
|
||||||
|
"original-classes",
|
||||||
|
(
|
||||||
|
$controlGroup.data("original-clases")
|
||||||
|
? $controlGroup.data("original-classes")
|
||||||
|
: $controlGroup.attr("class")
|
||||||
|
)
|
||||||
|
);
|
||||||
|
|
||||||
|
$this.data(
|
||||||
|
"original-aria-invalid",
|
||||||
|
(
|
||||||
|
$this.data("original-aria-invalid")
|
||||||
|
? $this.data("original-aria-invalid")
|
||||||
|
: $this.attr("aria-invalid")
|
||||||
|
)
|
||||||
|
);
|
||||||
|
|
||||||
|
// =============================================================
|
||||||
|
// VALIDATION
|
||||||
|
// =============================================================
|
||||||
|
|
||||||
|
$this.bind(
|
||||||
|
"validation.validation",
|
||||||
|
function (event, params) {
|
||||||
|
|
||||||
|
var value = getValue($this);
|
||||||
|
|
||||||
|
// Get a list of the errors to apply
|
||||||
|
var errorsFound = [];
|
||||||
|
|
||||||
|
$.each(validators, function (validatorType, validatorTypeArray) {
|
||||||
|
if (value || value.length || (params && params.includeEmpty) || (!!settings.validatorTypes[validatorType].blockSubmit && params && !!params.submitting)) {
|
||||||
|
$.each(validatorTypeArray, function (i, validator) {
|
||||||
|
if (settings.validatorTypes[validatorType].validate($this, value, validator)) {
|
||||||
|
errorsFound.push(validator.message);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
return errorsFound;
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
$this.bind(
|
||||||
|
"getValidators.validation",
|
||||||
|
function () {
|
||||||
|
return validators;
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
// =============================================================
|
||||||
|
// WATCH FOR CHANGES
|
||||||
|
// =============================================================
|
||||||
|
$this.bind(
|
||||||
|
"submit.validation",
|
||||||
|
function () {
|
||||||
|
return $this.triggerHandler("change.validation", {submitting: true});
|
||||||
|
}
|
||||||
|
);
|
||||||
|
$this.bind(
|
||||||
|
[
|
||||||
|
"keyup",
|
||||||
|
"focus",
|
||||||
|
"blur",
|
||||||
|
"click",
|
||||||
|
"keydown",
|
||||||
|
"keypress",
|
||||||
|
"change"
|
||||||
|
].join(".validation ") + ".validation",
|
||||||
|
function (e, params) {
|
||||||
|
|
||||||
|
var value = getValue($this);
|
||||||
|
|
||||||
|
var errorsFound = [];
|
||||||
|
|
||||||
|
$controlGroup.find("input,textarea,select").each(function (i, el) {
|
||||||
|
var oldCount = errorsFound.length;
|
||||||
|
$.each($(el).triggerHandler("validation.validation", params), function (j, message) {
|
||||||
|
errorsFound.push(message);
|
||||||
|
});
|
||||||
|
if (errorsFound.length > oldCount) {
|
||||||
|
$(el).attr("aria-invalid", "true");
|
||||||
|
} else {
|
||||||
|
var original = $this.data("original-aria-invalid");
|
||||||
|
$(el).attr("aria-invalid", (original !== undefined ? original : false));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$form.find("input,select,textarea").not($this).not("[name=\"" + $this.attr("name") + "\"]").trigger("validationLostFocus.validation");
|
||||||
|
|
||||||
|
errorsFound = $.unique(errorsFound.sort());
|
||||||
|
|
||||||
|
// Were there any errors?
|
||||||
|
if (errorsFound.length) {
|
||||||
|
// Better flag it up as a warning.
|
||||||
|
$controlGroup.removeClass("success error").addClass("warning");
|
||||||
|
|
||||||
|
// How many errors did we find?
|
||||||
|
if (settings.options.semanticallyStrict && errorsFound.length === 1) {
|
||||||
|
// Only one? Being strict? Just output it.
|
||||||
|
$helpBlock.html(errorsFound[0] +
|
||||||
|
( settings.options.prependExistingHelpBlock ? $helpBlock.data("original-contents") : "" ));
|
||||||
|
} else {
|
||||||
|
// Multiple? Being sloppy? Glue them together into an UL.
|
||||||
|
$helpBlock.html("<ul role=\"alert\"><li>" + errorsFound.join("</li><li>") + "</li></ul>" +
|
||||||
|
( settings.options.prependExistingHelpBlock ? $helpBlock.data("original-contents") : "" ));
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
$controlGroup.removeClass("warning error success");
|
||||||
|
if (value.length > 0) {
|
||||||
|
$controlGroup.addClass("success");
|
||||||
|
}
|
||||||
|
$helpBlock.html($helpBlock.data("original-contents"));
|
||||||
|
}
|
||||||
|
|
||||||
|
if (e.type === "blur") {
|
||||||
|
$controlGroup.removeClass("success");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
);
|
||||||
|
$this.bind("validationLostFocus.validation", function () {
|
||||||
|
$controlGroup.removeClass("success");
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
destroy : function( ) {
|
||||||
|
|
||||||
|
return this.each(
|
||||||
|
function() {
|
||||||
|
|
||||||
|
var
|
||||||
|
$this = $(this),
|
||||||
|
$controlGroup = $this.parents(".control-group").first(),
|
||||||
|
$helpBlock = $controlGroup.find(".help-block").first();
|
||||||
|
|
||||||
|
// remove our events
|
||||||
|
$this.unbind('.validation'); // events are namespaced.
|
||||||
|
// reset help text
|
||||||
|
$helpBlock.html($helpBlock.data("original-contents"));
|
||||||
|
// reset classes
|
||||||
|
$controlGroup.attr("class", $controlGroup.data("original-classes"));
|
||||||
|
// reset aria
|
||||||
|
$this.attr("aria-invalid", $this.data("original-aria-invalid"));
|
||||||
|
// reset role
|
||||||
|
$helpBlock.attr("role", $this.data("original-role"));
|
||||||
|
// remove all elements we created
|
||||||
|
if (createdElements.indexOf($helpBlock[0]) > -1) {
|
||||||
|
$helpBlock.remove();
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
},
|
||||||
|
collectErrors : function(includeEmpty) {
|
||||||
|
|
||||||
|
var errorMessages = {};
|
||||||
|
this.each(function (i, el) {
|
||||||
|
var $el = $(el);
|
||||||
|
var name = $el.attr("name");
|
||||||
|
var errors = $el.triggerHandler("validation.validation", {includeEmpty: true});
|
||||||
|
errorMessages[name] = $.extend(true, errors, errorMessages[name]);
|
||||||
|
});
|
||||||
|
|
||||||
|
$.each(errorMessages, function (i, el) {
|
||||||
|
if (el.length === 0) {
|
||||||
|
delete errorMessages[i];
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
return errorMessages;
|
||||||
|
|
||||||
|
},
|
||||||
|
hasErrors: function() {
|
||||||
|
|
||||||
|
var errorMessages = [];
|
||||||
|
|
||||||
|
this.each(function (i, el) {
|
||||||
|
errorMessages = errorMessages.concat(
|
||||||
|
$(el).triggerHandler("getValidators.validation") ? $(el).triggerHandler("validation.validation", {submitting: true}) : []
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
|
return (errorMessages.length > 0);
|
||||||
|
},
|
||||||
|
override : function (newDefaults) {
|
||||||
|
defaults = $.extend(true, defaults, newDefaults);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
validatorTypes: {
|
||||||
|
callback: {
|
||||||
|
name: "callback",
|
||||||
|
init: function ($this, name) {
|
||||||
|
return {
|
||||||
|
validatorName: name,
|
||||||
|
callback: $this.data("validation" + name + "Callback"),
|
||||||
|
lastValue: $this.val(),
|
||||||
|
lastValid: true,
|
||||||
|
lastFinished: true
|
||||||
|
};
|
||||||
|
},
|
||||||
|
validate: function ($this, value, validator) {
|
||||||
|
if (validator.lastValue === value && validator.lastFinished) {
|
||||||
|
return !validator.lastValid;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (validator.lastFinished === true)
|
||||||
|
{
|
||||||
|
validator.lastValue = value;
|
||||||
|
validator.lastValid = true;
|
||||||
|
validator.lastFinished = false;
|
||||||
|
|
||||||
|
var rrjqbvValidator = validator;
|
||||||
|
var rrjqbvThis = $this;
|
||||||
|
executeFunctionByName(
|
||||||
|
validator.callback,
|
||||||
|
window,
|
||||||
|
$this,
|
||||||
|
value,
|
||||||
|
function (data) {
|
||||||
|
if (rrjqbvValidator.lastValue === data.value) {
|
||||||
|
rrjqbvValidator.lastValid = data.valid;
|
||||||
|
if (data.message) {
|
||||||
|
rrjqbvValidator.message = data.message;
|
||||||
|
}
|
||||||
|
rrjqbvValidator.lastFinished = true;
|
||||||
|
rrjqbvThis.data("validation" + rrjqbvValidator.validatorName + "Message", rrjqbvValidator.message);
|
||||||
|
// Timeout is set to avoid problems with the events being considered 'already fired'
|
||||||
|
setTimeout(function () {
|
||||||
|
rrjqbvThis.trigger("change.validation");
|
||||||
|
}, 1); // doesn't need a long timeout, just long enough for the event bubble to burst
|
||||||
|
}
|
||||||
|
}
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
return false;
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
ajax: {
|
||||||
|
name: "ajax",
|
||||||
|
init: function ($this, name) {
|
||||||
|
return {
|
||||||
|
validatorName: name,
|
||||||
|
url: $this.data("validation" + name + "Ajax"),
|
||||||
|
lastValue: $this.val(),
|
||||||
|
lastValid: true,
|
||||||
|
lastFinished: true
|
||||||
|
};
|
||||||
|
},
|
||||||
|
validate: function ($this, value, validator) {
|
||||||
|
if (""+validator.lastValue === ""+value && validator.lastFinished === true) {
|
||||||
|
return validator.lastValid === false;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (validator.lastFinished === true)
|
||||||
|
{
|
||||||
|
validator.lastValue = value;
|
||||||
|
validator.lastValid = true;
|
||||||
|
validator.lastFinished = false;
|
||||||
|
$.ajax({
|
||||||
|
url: validator.url,
|
||||||
|
data: "value=" + value + "&field=" + $this.attr("name"),
|
||||||
|
dataType: "json",
|
||||||
|
success: function (data) {
|
||||||
|
if (""+validator.lastValue === ""+data.value) {
|
||||||
|
validator.lastValid = !!(data.valid);
|
||||||
|
if (data.message) {
|
||||||
|
validator.message = data.message;
|
||||||
|
}
|
||||||
|
validator.lastFinished = true;
|
||||||
|
$this.data("validation" + validator.validatorName + "Message", validator.message);
|
||||||
|
// Timeout is set to avoid problems with the events being considered 'already fired'
|
||||||
|
setTimeout(function () {
|
||||||
|
$this.trigger("change.validation");
|
||||||
|
}, 1); // doesn't need a long timeout, just long enough for the event bubble to burst
|
||||||
|
}
|
||||||
|
},
|
||||||
|
failure: function () {
|
||||||
|
validator.lastValid = true;
|
||||||
|
validator.message = "ajax call failed";
|
||||||
|
validator.lastFinished = true;
|
||||||
|
$this.data("validation" + validator.validatorName + "Message", validator.message);
|
||||||
|
// Timeout is set to avoid problems with the events being considered 'already fired'
|
||||||
|
setTimeout(function () {
|
||||||
|
$this.trigger("change.validation");
|
||||||
|
}, 1); // doesn't need a long timeout, just long enough for the event bubble to burst
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
return false;
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
regex: {
|
||||||
|
name: "regex",
|
||||||
|
init: function ($this, name) {
|
||||||
|
return {regex: regexFromString($this.data("validation" + name + "Regex"))};
|
||||||
|
},
|
||||||
|
validate: function ($this, value, validator) {
|
||||||
|
return (!validator.regex.test(value) && ! validator.negative)
|
||||||
|
|| (validator.regex.test(value) && validator.negative);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
required: {
|
||||||
|
name: "required",
|
||||||
|
init: function ($this, name) {
|
||||||
|
return {};
|
||||||
|
},
|
||||||
|
validate: function ($this, value, validator) {
|
||||||
|
return !!(value.length === 0 && ! validator.negative)
|
||||||
|
|| !!(value.length > 0 && validator.negative);
|
||||||
|
},
|
||||||
|
blockSubmit: true
|
||||||
|
},
|
||||||
|
match: {
|
||||||
|
name: "match",
|
||||||
|
init: function ($this, name) {
|
||||||
|
var element = $this.parents("form").first().find("[name=\"" + $this.data("validation" + name + "Match") + "\"]").first();
|
||||||
|
element.bind("validation.validation", function () {
|
||||||
|
$this.trigger("change.validation", {submitting: true});
|
||||||
|
});
|
||||||
|
return {"element": element};
|
||||||
|
},
|
||||||
|
validate: function ($this, value, validator) {
|
||||||
|
return (value !== validator.element.val() && ! validator.negative)
|
||||||
|
|| (value === validator.element.val() && validator.negative);
|
||||||
|
},
|
||||||
|
blockSubmit: true
|
||||||
|
},
|
||||||
|
max: {
|
||||||
|
name: "max",
|
||||||
|
init: function ($this, name) {
|
||||||
|
return {max: $this.data("validation" + name + "Max")};
|
||||||
|
},
|
||||||
|
validate: function ($this, value, validator) {
|
||||||
|
return (parseFloat(value, 10) > parseFloat(validator.max, 10) && ! validator.negative)
|
||||||
|
|| (parseFloat(value, 10) <= parseFloat(validator.max, 10) && validator.negative);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
min: {
|
||||||
|
name: "min",
|
||||||
|
init: function ($this, name) {
|
||||||
|
return {min: $this.data("validation" + name + "Min")};
|
||||||
|
},
|
||||||
|
validate: function ($this, value, validator) {
|
||||||
|
return (parseFloat(value) < parseFloat(validator.min) && ! validator.negative)
|
||||||
|
|| (parseFloat(value) >= parseFloat(validator.min) && validator.negative);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
maxlength: {
|
||||||
|
name: "maxlength",
|
||||||
|
init: function ($this, name) {
|
||||||
|
return {maxlength: $this.data("validation" + name + "Maxlength")};
|
||||||
|
},
|
||||||
|
validate: function ($this, value, validator) {
|
||||||
|
return ((value.length > validator.maxlength) && ! validator.negative)
|
||||||
|
|| ((value.length <= validator.maxlength) && validator.negative);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
minlength: {
|
||||||
|
name: "minlength",
|
||||||
|
init: function ($this, name) {
|
||||||
|
return {minlength: $this.data("validation" + name + "Minlength")};
|
||||||
|
},
|
||||||
|
validate: function ($this, value, validator) {
|
||||||
|
return ((value.length < validator.minlength) && ! validator.negative)
|
||||||
|
|| ((value.length >= validator.minlength) && validator.negative);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
maxchecked: {
|
||||||
|
name: "maxchecked",
|
||||||
|
init: function ($this, name) {
|
||||||
|
var elements = $this.parents("form").first().find("[name=\"" + $this.attr("name") + "\"]");
|
||||||
|
elements.bind("click.validation", function () {
|
||||||
|
$this.trigger("change.validation", {includeEmpty: true});
|
||||||
|
});
|
||||||
|
return {maxchecked: $this.data("validation" + name + "Maxchecked"), elements: elements};
|
||||||
|
},
|
||||||
|
validate: function ($this, value, validator) {
|
||||||
|
return (validator.elements.filter(":checked").length > validator.maxchecked && ! validator.negative)
|
||||||
|
|| (validator.elements.filter(":checked").length <= validator.maxchecked && validator.negative);
|
||||||
|
},
|
||||||
|
blockSubmit: true
|
||||||
|
},
|
||||||
|
minchecked: {
|
||||||
|
name: "minchecked",
|
||||||
|
init: function ($this, name) {
|
||||||
|
var elements = $this.parents("form").first().find("[name=\"" + $this.attr("name") + "\"]");
|
||||||
|
elements.bind("click.validation", function () {
|
||||||
|
$this.trigger("change.validation", {includeEmpty: true});
|
||||||
|
});
|
||||||
|
return {minchecked: $this.data("validation" + name + "Minchecked"), elements: elements};
|
||||||
|
},
|
||||||
|
validate: function ($this, value, validator) {
|
||||||
|
return (validator.elements.filter(":checked").length < validator.minchecked && ! validator.negative)
|
||||||
|
|| (validator.elements.filter(":checked").length >= validator.minchecked && validator.negative);
|
||||||
|
},
|
||||||
|
blockSubmit: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
builtInValidators: {
|
||||||
|
email: {
|
||||||
|
name: "Email",
|
||||||
|
type: "shortcut",
|
||||||
|
shortcut: "validemail"
|
||||||
|
},
|
||||||
|
validemail: {
|
||||||
|
name: "Validemail",
|
||||||
|
type: "regex",
|
||||||
|
regex: "[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\\\.[A-Za-z]{2,4}",
|
||||||
|
message: "Not a valid email address<!-- data-validator-validemail-message to override -->"
|
||||||
|
},
|
||||||
|
passwordagain: {
|
||||||
|
name: "Passwordagain",
|
||||||
|
type: "match",
|
||||||
|
match: "password",
|
||||||
|
message: "Does not match the given password<!-- data-validator-paswordagain-message to override -->"
|
||||||
|
},
|
||||||
|
positive: {
|
||||||
|
name: "Positive",
|
||||||
|
type: "shortcut",
|
||||||
|
shortcut: "number,positivenumber"
|
||||||
|
},
|
||||||
|
negative: {
|
||||||
|
name: "Negative",
|
||||||
|
type: "shortcut",
|
||||||
|
shortcut: "number,negativenumber"
|
||||||
|
},
|
||||||
|
number: {
|
||||||
|
name: "Number",
|
||||||
|
type: "regex",
|
||||||
|
regex: "([+-]?\\\d+(\\\.\\\d*)?([eE][+-]?[0-9]+)?)?",
|
||||||
|
message: "Must be a number<!-- data-validator-number-message to override -->"
|
||||||
|
},
|
||||||
|
integer: {
|
||||||
|
name: "Integer",
|
||||||
|
type: "regex",
|
||||||
|
regex: "[+-]?\\\d+",
|
||||||
|
message: "No decimal places allowed<!-- data-validator-integer-message to override -->"
|
||||||
|
},
|
||||||
|
positivenumber: {
|
||||||
|
name: "Positivenumber",
|
||||||
|
type: "min",
|
||||||
|
min: 0,
|
||||||
|
message: "Must be a positive number<!-- data-validator-positivenumber-message to override -->"
|
||||||
|
},
|
||||||
|
negativenumber: {
|
||||||
|
name: "Negativenumber",
|
||||||
|
type: "max",
|
||||||
|
max: 0,
|
||||||
|
message: "Must be a negative number<!-- data-validator-negativenumber-message to override -->"
|
||||||
|
},
|
||||||
|
required: {
|
||||||
|
name: "Required",
|
||||||
|
type: "required",
|
||||||
|
message: "This is required<!-- data-validator-required-message to override -->"
|
||||||
|
},
|
||||||
|
checkone: {
|
||||||
|
name: "Checkone",
|
||||||
|
type: "minchecked",
|
||||||
|
minchecked: 1,
|
||||||
|
message: "Check at least one option<!-- data-validation-checkone-message to override -->"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
var formatValidatorName = function (name) {
|
||||||
|
return name
|
||||||
|
.toLowerCase()
|
||||||
|
.replace(
|
||||||
|
/(^|\s)([a-z])/g ,
|
||||||
|
function(m,p1,p2) {
|
||||||
|
return p1+p2.toUpperCase();
|
||||||
|
}
|
||||||
|
)
|
||||||
|
;
|
||||||
|
};
|
||||||
|
|
||||||
|
var getValue = function ($this) {
|
||||||
|
// Extract the value we're talking about
|
||||||
|
var value = $this.val();
|
||||||
|
var type = $this.attr("type");
|
||||||
|
if (type === "checkbox") {
|
||||||
|
value = ($this.is(":checked") ? value : "");
|
||||||
|
}
|
||||||
|
if (type === "radio") {
|
||||||
|
value = ($('input[name="' + $this.attr("name") + '"]:checked').length > 0 ? value : "");
|
||||||
|
}
|
||||||
|
return value;
|
||||||
|
};
|
||||||
|
|
||||||
|
function regexFromString(inputstring) {
|
||||||
|
return new RegExp("^" + inputstring + "$");
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Thanks to Jason Bunting via StackOverflow.com
|
||||||
|
*
|
||||||
|
* http://stackoverflow.com/questions/359788/how-to-execute-a-javascript-function-when-i-have-its-name-as-a-string#answer-359910
|
||||||
|
* Short link: http://tinyurl.com/executeFunctionByName
|
||||||
|
**/
|
||||||
|
function executeFunctionByName(functionName, context /*, args*/) {
|
||||||
|
var args = Array.prototype.slice.call(arguments).splice(2);
|
||||||
|
var namespaces = functionName.split(".");
|
||||||
|
var func = namespaces.pop();
|
||||||
|
for(var i = 0; i < namespaces.length; i++) {
|
||||||
|
context = context[namespaces[i]];
|
||||||
|
}
|
||||||
|
return context[func].apply(this, args);
|
||||||
|
}
|
||||||
|
|
||||||
|
$.fn.jqBootstrapValidation = function( method ) {
|
||||||
|
|
||||||
|
if ( defaults.methods[method] ) {
|
||||||
|
return defaults.methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
|
||||||
|
} else if ( typeof method === 'object' || ! method ) {
|
||||||
|
return defaults.methods.init.apply( this, arguments );
|
||||||
|
} else {
|
||||||
|
$.error( 'Method ' + method + ' does not exist on jQuery.jqBootstrapValidation' );
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
$.jqBootstrapValidation = function (options) {
|
||||||
|
$(":input").not("[type=image],[type=submit]").jqBootstrapValidation.apply(this,arguments);
|
||||||
|
};
|
||||||
|
|
||||||
|
})( jQuery );
|
||||||
4
js/jquery.js
vendored
Normal file
4
js/jquery.js
vendored
Normal file
File diff suppressed because one or more lines are too long
25
mail/contact_me.php
Normal file
25
mail/contact_me.php
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
<?php
|
||||||
|
// Check for empty fields
|
||||||
|
if(empty($_POST['name']) ||
|
||||||
|
empty($_POST['email']) ||
|
||||||
|
empty($_POST['phone']) ||
|
||||||
|
empty($_POST['message']) ||
|
||||||
|
!filter_var($_POST['email'],FILTER_VALIDATE_EMAIL))
|
||||||
|
{
|
||||||
|
echo "Completer tous les champs";
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
$name = $_POST['name'];
|
||||||
|
$email_address = $_POST['email'];
|
||||||
|
$phone = $_POST['phone'];
|
||||||
|
$message = $_POST['message'];
|
||||||
|
|
||||||
|
$to = 'contact@lalis.fr';
|
||||||
|
$email_subject = "[Site] Contact de : $name";
|
||||||
|
$email_body = "Vous avez recu un message depuis le formulaire du site.\n\n"."Voici les details :\n\nNom : $name\n\nEmail : $email_address\n\nTelephone : $phone\n\nMessage :\n$message";
|
||||||
|
$headers = "From: noreply@labolyon.fr\n";
|
||||||
|
$headers .= "Reply-To: $email_address";
|
||||||
|
mail($to,$email_subject,$email_body,$headers);
|
||||||
|
return true;
|
||||||
|
?>
|
||||||
Loading…
Reference in New Issue
Block a user