1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144
| <!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="description" content="La vie et l'oeuvre de Samuel Beckett, résumé des pièces de théâtre"/>
<link rel="stylesheet" href="style.css" />
<title>florilège théâtre-Samuel Beckett</title>
</head>
<body>
<img src="img/header.jpg" width="1170" height="442" id="header" alt="spectateurs" title="spectateurs" >
<table class="alignement" id="grid" cellpadding="0">
<tr>
<td class="gouttiere_horizontale" colspan="2" >
<?php include "menu.html" ?>
</td>
<td colspan="2">
<?php
try
{
// On se connecte à MySQL
$bdd = new PDO('mysql:host=XXXXXX;dbname=XXXXXX;charset=utf8', 'XXXXXX', 'XXXXXX');
}
catch(Exception $e)
{
// En cas d'erreur, on affiche un message et on arrête tout
die('Erreur : '.$e->getMessage());
}
// Si tout va bien, on peut continuer
// On récupère tout le contenu de BECKETT
$reponse = $bdd->query('SELECT * FROM identification WHERE auteur=\'SAMUEL BECKETT \' ');
$auteur = 'SAMUEL BECKETT';
// On récupère tout le contenu de BECKETT
$stmt = $bdd->prepare('SELECT * FROM identification WHERE auteur=?');
$reponse2 = $bdd2->execute([$auteur]);
$i = 0;
$auteur = '';
$thematique = '';
$image = ''; ?>
<div class="flag flag-ie"></div>
<h1><?php echo $auteur; ?></h1>
<i>1906-1989</i>
</td>
</tr>
<tr>
<td class="gouttiere_horizontale" colspan="4" > </td>
</tr>
<tr>
<td class="onglet gouttiere_horizontale tablo_col1">auteur</td>
<td class="onglet gouttiere_horizontale" id="tablo_col2">pays</td>
<td class="onglet gouttiere_horizontale" id="tablo_col3">pièce</td>
<td class="onglet gouttiere_horizontale tablo_col1">année</td>
</tr>
<tr>
<td class="gouttiere_horizontale"></td>
<td> </td>
<td></td>
<td></td>
</tr>
<?
// On affiche chaque entrée une à une
while ($donnees = $reponse->fetch())
{
$i++;
$auteur = $donnees['auteur'];
$thematique = $donnees['thematique'];
$image = $donnees['image'];
$nom = explode(' ',$donnees['auteur']);//va chercher le 2° champ après l'espace voir http://php.net/manual/fr/function.explode.php
?>
<tr>
<td><?php echo $nom[1]; ?></td>
<td><?php echo $donnees['metteurenscene']; ?></td>
<td><?php echo'<a href="#" id="'.$i.'" onclick="return false;">'. $donnees['piece']; ?></a></td>
<td><?php echo $donnees['an']; ?></td>
</tr>
<?php
}
?>
</table>
<div class="box-flex">
<div><!--colonne1-->
<img src="img/thematique.jpg" alt="Thématique" title="thématique">
<?php echo $thematique; ?>
</div>
<div><!--colonne2-->
<img src="img/photo.jpg" alt="Photo" title="photo">
<?php echo'<img src="'.$image.'" alt="Samuel Beckett" title="Samuel Beckett">'; ?>
</div>
<div><!--colonne3-->
<img src="img/pitch.jpg" alt="Le Pitch" title="pitch">
<div style="position:absolute; overflow:hidden; width:325px; height:300px;">
<table id="gallerie" style="position:absolute;">
<tr>
<td>Deux clochards Estragon et Vladimir échangent des propos sur leurs vies et leurs petites misères quotidiennes. Ils refont le monde à travers l'absence terriblement longue de Godot : une absence qui les renvoie à leur statut de SDF et chômeur ad vitam où ressort amertume et tragi-comique. Instants de vie, pleins de détresses, entre compagnons d'infortune.</td>
</tr>
<tr>
<td>Winnie, une femme de 50 ans, se lance dans un interminable monologue triste et amer sur sa vie qui a perdu de son charme et manque de projets. Elle n'a plus le possibilité d'avancer et de se battre pour donner encore du sens à son existence.</td>
</tr>
<tr>
<td>Deux estropiés ou handicapés parlent de la mort et évoquent un possible suicide pour quitter un monde trop absurde et trop contraignant. Alternance de mots incohérents et de mots construits, sentiments de tristesse chez Hamm et Clov. La vieillesse de Clov est un fardeau si lourd que la mort devient son souhait le plus cher.</td>
</tr>
<tr>
<td>L'histoire est centrée sur Mme Rooney qui discute à bâtons rompus en attendant le train. Au fur et à mesure le fil du temps est détérioré : mélange de l'avant et de l'après, les propos sont confus, tantôt ils parlent de la vieillesse, tantôt du quotidien. On attend un événement mais rien ne se passe !</td>
</tr>
<tr>
<td>I- Deux clochards échangent des mots sur la platitude du monde, de la société et de leur vie en pleine décrépitude. Chacun essaie de réconforter l'autre sans y parvenir vraiment II- Deux personnages reconstituent le parcours, sans aucun intérêt, d'un individu comme pour une enquête.</td>
</tr>
<tr>
<td>Lecture à haute voix du récit d'un homme obligé de se séparer vraisemblablement de celle qu'il aime pour ne plus souffrir. Il s'apprête donc à démarrer une nouvelle vie bon gré mal gré.</td>
</tr>
<tr>
<td>La famille Krap reçoit des invités, s'en suit une conversation confuse et incompréhensible entre tous les participants. Victor est au bord du gouffre, il échange avec un vitrier des propos autour de la platitude de la vie et son impossible contrôle.</td>
</tr>
</table>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<!-- jQuery est inclus ! -->
<script >
/* $('#1').click(function() {
$('#gallerie').css("top","0px");
});*/
$("[href='#']").click(function(e) {
e.preventDefault(); //inhiber le lien
$('#gallerie').css("top", +(-310 * parseInt($(this).attr('id')-1)) + 'px');
});
</script>
</body>
</html> |
Partager