Zephyr (./123) :
C'est pénible les "up", surtout quand on a le topic dans ses sujets.
Joint : CSS Joint : Page HTMLsquale92 (./79) :
Avec ton include("pages/$add.html"), fais attention à ce que contient $add, par contre : c'est une variable PHP, qui sera évaluée...=> Fais attention à ce que personne ne puisse mettre ce qu'il veut dedans (genre si elle provient d'une donnée passée en URL)
Celui qui marche : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<title>Formulaire de contact</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="../style/screen.css" title="Design" />
<link rel="stylesheet" type="text/css" href="../style/print.css" media="print" />
<script type="text/javascript" src="../scripts/javascript/forms.js"></script>
</head>
<body>
<div id="Main">
<div id="Header">
<?php
include ('header.xml');
?>
</div>
<div id="MenuBar">
<?php
include ('menuBar.xml');
?>
</div>
<div id="Content">
<?php
include ("../scripts/php_classes/SQLLink.class.php");
$cnx = new SQLLink();
$raw = $cnx->lastQuery("SELECT phoneNumber FROM UserData WHERE idUser = 1");
$info = $cnx->asFetch($raw);
$phone = $info["phoneNumber"];
?>
<h1>Nous contacter</h1>
<p>Une question quant à nos offres ? Besoin de renseignement plus précis ? Vous pouvez utiliser les coordonnées ci-dessous ou le formulaire de contact en ligne pour faire parvenir votre message.</p>
<p>Natel : <?php echo $phone; ?> du lundi au samedi, de 10:00 à 20:00 (<em>Merci de respecter ces horaires</em>)</p>
<p>Envoyer un m@il</p>
<form id="Contact" class="Formulaire" method="post" action="#" onsubmit="return(verifyForm(this));">
<p>
<input type="hidden" name="Obligatory" value="Nom,Prenom,Natel,E-mail,Message" />
<label for="Nom" accesskey="N">Nom :</label>
<input type="text" name="Nom" id="Nom" value="" />
</p>
<p>
<label for="Prenom" accesskey="P">Prénom :</label>
<input type="text" name="Prenom" id="Prenom" value="" />
</p>
<p>
<label for="Natel" accesskey="H">Natel :</label>
<input type="text" name="Natel" id="Natel" value="" />
</p>
<p>
<label for="Email" accesskey="E">E-m@il :</label>
<input type="text" name="Email" id="Email" value="" />
</p>
<p>
<label for="Message" accesskey="M">Message :</label>
<textarea name="Message" id="Message" cols="36" rows="10"></textarea>
</p>
<p><input type="submit" name="submit" value="Envoyer" /></p>
</form>
</div>
<div id="Footer">
<?php
include ("footer.xml");
?>
</div>
</div (contact.php)
Ceux qui ne marchent pas : <?php
require_once("../scripts/session-test.inc");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<title>Ajouter un cours de sensibilisation</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="../style/screen.css" title="Design" />
<link rel="stylesheet" type="text/css" href="../style/print.css" media="print" />
<script type="text/javascript" scr="../scripts/javascript/forms.js"></script>
<script type="text/javascript" src="../scripts/javascript/adder.js"></script>
</head>
<body>
<div id="Main">
<div id="Header">
<?php
include ('header.xml');
?>
</div>
<div id="MenuBar">
<?php
include ('menu_admin_403.php');
?>
</div>
<div id="Content">
<h1>Ajouter un cours de sensibilisation</h1>
<noscript><p>Impossible de faire fonctionner JavaScript sur cet ordinateur. Cette page est inutile si vous voyez ce message</p></noscript>
<form method="post" action="getForm.php" onsubmit="return(verifyForm(this));">
<p>
<input type="hidden" name="Obligatory" value="Titre" />
<label for="Titre" accesskey="t">Titre du cours : </label>
<input type="text" name="Titre" id="Titre" value="" />
</p>
<p id="Dates"></p>
<p><input type="button" id="AddDate" value="Ajouter une date pour ce cours" onclick="addDate();" /></p>
<p><input type="submit" value="Valider" /></p>
</form>
</div>
<div id="Footer">
<?php
include ('footer.xml');
?>
</divdiv>
</body>
</html> (sensi_ajout.php) et <?php
require_once("../scripts/session-test.inc");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<title>Ajouter une ou plusieurs photo(s)</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="../style/screen.css" title="Design" />
<link rel="stylesheet" type="text/css" href="../style/print.css" media="print" />
<script type="text/javascript" scr="../scripts/javascript/forms.js"></script>
<script type="text/javascript" src="../scripts/javascript/adder.js"></script>
</head>
<body>
<div id="Main">
<div id="Header">
<?php
include ('header.xml');
?>
</div>
<div id="MenuBar">
<?php
include ('menu_admin_403.php');
?>
</div>
<div id="Content">
<h1>Ajouter une ou plusieurs photo(s)</h1>
<noscript><p>Impossible de faire fonctionner JavaScript sur cet ordinateur. Cette page est inutile si vous voyez ce message</p></noscript>
<?php
include("../scripts/php_classes/SQLLink.class.php");
$cnx = new SQLLink();
$raw = $cnx->lastQuery("SELECT * FROM Album");
$albums = $cnx->mAsFetch($raw);
?>
<form method="post" action="getForm.php" enctype="multipart/form-data" onsubmit="return(verifyForm(this));">
<p id="replace">
<input type="hidden" name="Obligatory" value="albumChoice" />
<label for="albumChoice">Album à modifier : </label>
<select name="albumChoice" id="albumChoice" onChange="replace();">
<option value="default">-- Veuillez sélectionner SVP --</option>
<?php
if (!empty($albums)) { // Il y a au moins un album
?>
<optgroup label="Albums existants">
<?php
foreach($albums as $album) {
?>
<option value="<?php echo $album["title"]; ?>"><?php echo str_replace("_", " ", $album["title"]); ?></option>
<?php
}
?>
</optgroup>
<?php
}
?>
<optgroup label="Nouvel album">
<option value="New">Créer un nouvel album</option>
</optgroup>
</select>
</p>
<p id="Photos"></p>
<p><input type="button" id="AddPhoto" value="Ajouter une photo pour cet album" onclick="addPhoto();" /></p>
<p><input type="submit" value="Valider" /></p>
</form>
</div>
<div id="Footer">
<?php
include ('footer.xml');
?>
</div>
</ (photos_ajout.php)
Pour ce qui est du JavaScript : window.onload = function() {
verifyForm();
}
/**
* Vérifie les entrées d'un formulaire
*/
function verifyForm() {
var formulaires = document.getElementsByTagName("form");
var limit1 = formulaires.length;
for (var j = 0; j < limit1; j++) {
formulaires[j].onsubmit = function() {
var inputs = this.elements;
var limit2 = inputs.length;
for (var i = 0; i < limit2; i++) {
var input = inputs[i];
//Extraction des champs obligatoires
var critere;
if (input.type == "hidden" && input.name == "Obligatory") {
var tab_obl = new Array();
var limite;
if (input.value.indexOf(",") >= 0) {
tab_obl = input.value.split(",");
limite = tab_obl.length;
} else {
tab_obl = input.value;
limite = 1;
}
}
//Si un champ est vide
if (input.value == "") {
alert("Le champ " + input.name + " est vide");
input.focus();
return false;
} else {
//Si c'est un mail
if (input.name == "Email" && !is_email(input.value)) {
alert("L'adresse e-mail est invalide");
input.focus();
return false;
} else if (input.name == "albumChoice") { // Dans le cas d'un select
if (input.options[input.selectedIndex].value == "default") {
alert("Veuillez choisir un album pour ces photos");
input.focus();
return false;
}
}
}
}
return true;
};
}
}
/**
* Vérification d'une adresse e-m@il par expression régulière
*/
function is_email(mailAdd) {
var reg = /^[\w.-]+@[\w.-]+\.\w{1,4}$/
var reg2 = /[.@]{2,}/
return ((reg.exec(mailAdd) != null) && (reg2.exec(mailAdd) == null));
}
/**
* Vérification d'une adresse url
*/
function is_url(url) {
var resultat = true;
var invalid_char = "²~#'{([|`^)]}°§*";
var deb_url = "http://";
var nbPoint = 0;
var nbrcar = url.length;
if (nbrcar < 11)
resultat = false;
for (var i = 0; i < 7; i++){
if(url.substr(i,1) != deb_url.substr(i,1))
resultat = false;
}
for (var i = 0; i < nbrcar; i++){
var car = url.substr(i,1);
if (invalid_char.indexOf(car) > 0){
resultat = false;
}
if (car == ".") {
var carAfter = "";
var carBefore = "";
if ((i-1) >= 0) {
carBefore = url.substr((i-1),1);
}
if ((i+1) < nbrcar) {
carAfter = url.substr((i+1),1);
}
if (i > 7 && i < (nbrcar-2) && !(carBefore == ".") && !(carAfter == ".") && !(carBefore == "-") && !(carAfter == "-") && !(carBefore == "_") && !(carAfter == "_")) {
nbPoint++;
}
else {
resultat = false;
}
}
}
if ((nbPoint < 2) || (url.substr(7,1) == ".") || (url.substr(7,1) == "-") || (url.substr(7,1) == "_") || (url.substr((nbrcar-1),1) == ".") || (url.substr((nbrcar-1),1) == "-") || (url.substr((nbrcar-1),1) == "_")) {
resultat = false;
(forms.js)
Le script qui gère l'addition de ces champs : var fieldCounter = null;
window.onload = function() {
fieldCounter = -1;
}
/**
* Attribue un comportement aux éléments recherchés
* @deprecated Mettre l'appel aux fonctions dans le code XHTML, car elles ne sont utilisées que dans deux pages
*/
function behavior() {
var element = getById("AddPhoto");
if (element)
element.onclick = function() {
addPhoto();
};
element = getById("AddDate");
if (element)
element.onclick = function () {
addDate();
};
element = getById("albumChoice");
if (element)
element.onchange = function () {
if (element.options[element.selectedIndex].value == "New") {
replace();
}
};
}
/**
* Ajoute tous les champs pour l'upload d'une photo dans la balise <p class="Photos"></p>
*/
function addPhoto() {
fieldCounter += 1;
var field = getById("Photos");
var block = '<input type="file" name="file' + fieldCounter + '" id="file' + fieldCounter + '" />\n\t\t\t\t<label for="desc' + fieldCounter + '" >Description</label>\n\t\t\t\t<input type="text" name="desc' + fieldCounter + '" id="desc' + fieldCounter + '" />\n\t\t\t\t<label for="alt' + fieldCounter + '">Texte alternatif</label>\n\t\t\t\t<input type="text" name="alt' + fieldCounter + '" id="alt' + fieldCounter + '" />\n\t\t\t\t<br />\n\t\t\t\t';
field.innerHTML = field.innerHTML + block;
}
function replace() {
var field = getById("replace");
var content = field.innerHTML;
var position = content.indexOf("</label>") + 6; // + 5 pour la mise en forme, + 1 pour éviter d'avoir à ajouter à la ligne suivante :)
content = content.substr(0, position);
var block = '<input type="text" name="albumChoice" id="albumChoice" />\n\t\t\t'
content = content + block;
field.innerHTML = content;
}
/**
* Ajoute tous les champs pour l'insertion d'une date dans la balise <p class="Dates"></p>
*/
function addDate() {
fieldCounter += 1;
var field = getById("Dates");
var block = '<label for="date' + fieldCounter + '">Date</label>\n\t\t\t\t<input type="text" name="date' + fieldCounter + '" id="date' + fieldCounter + '" />\n\t\t\t\t<label for="start' + fieldCounter + '">Heure de début</label>\n\t\t\t\t<input type="text" name="start' + fieldCounter + '" id="start' + fieldCounter + '" />\n\t\t\t\t<label for="length' + fieldCounter + '">Durée</label>\n\t\t\t\t<input type="text" name="length' + fieldCounter + '" id="length' + fieldCounter + '" />\n\t\t\t\t<br />\n\t\t\t\t';
field.innedHTML = field.innerHTML + block;
}
/**
* Simplifie le problème getElementById("id") et getAll["id"]
*/
function getById(id) {
var content;
if (document.getElementById(id)) {
content = document.getElementById(id);
} else if (document.getAll[id]) {
content = documen (adder.js)
<script type="text/javascript"> this.location = history.go(-1); </script>
header('Location: URL absolue(entre balises PHP) fonctionnera tant qu'il n'y aura pas de code HTML avant la ligne contenant cette instruction.
');
??:\w[\.\-\+]?)*)\w)+)\@((???:\w[\.\-\+]?){0,62})\w)+)\.(\w{2,6})$/;
Flanker (./132) :
avant qu'on ne voit mes bêtises
Personnellement, je pense qu'utiliser un FrameWork n'apporte rien en soi dans l'approfondissement des connaissance d'un language.
Après, chacun son avis
var formulaires = document.getElementsByTagName("form");
var limit1 = formulaires.length;
for (var j = 0; j < limit1; j++) {
formulaires[j].onsubmit = function() {
var inputs = this.elements;
var limit2 = inputs.length;
for (var i = 0; i < limit2; i++) {
var input = inputs[i];
}
$(":input").each(function()
{
}.
)