Créer & modifier un tableau sur une page web
Utilisateur anonyme
-
vignemail1 Messages postés 1246 Date d'inscription Statut Contributeur Dernière intervention -
vignemail1 Messages postés 1246 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour à tous,
Tout d'abord je tiens à préciser que je suis nouveaux sur ce site donc je ne sais pas si je suis dans le bon forum.
Voilà mon problème : je suis en stage dans une entreprise anglaise et mon chef m'a demandé de faire un tableau de planification des tâches. Ce qu'il veut que je fasse c'est afficher le tableau sur une page web, cliquer sur un lien pour accéder à une autre page (protégée par login et mot de passe) où il serait possible de modifier directement les données du tableau.
Voici donc mon problème. Je ne sais pas si je me suis bien fait comprendre, si ce n'est pas le cas, n'hésitez pas à me le faire savoir.
J'ai déjà essayé certains scripts de mot de passe mais je n'arrive pas à les faire fonctionner. De par mes recherches sur le net, j'ai cru comprendre qu'il faudrait utiliser une base mySQL ?
Je précise que je n'ai aucune connaissance en langage PHP, HTML ou autre.
Merci d'avance à tous ceux qui auront l'amabilité de me répondre.
Tout d'abord je tiens à préciser que je suis nouveaux sur ce site donc je ne sais pas si je suis dans le bon forum.
Voilà mon problème : je suis en stage dans une entreprise anglaise et mon chef m'a demandé de faire un tableau de planification des tâches. Ce qu'il veut que je fasse c'est afficher le tableau sur une page web, cliquer sur un lien pour accéder à une autre page (protégée par login et mot de passe) où il serait possible de modifier directement les données du tableau.
Voici donc mon problème. Je ne sais pas si je me suis bien fait comprendre, si ce n'est pas le cas, n'hésitez pas à me le faire savoir.
J'ai déjà essayé certains scripts de mot de passe mais je n'arrive pas à les faire fonctionner. De par mes recherches sur le net, j'ai cru comprendre qu'il faudrait utiliser une base mySQL ?
Je précise que je n'ai aucune connaissance en langage PHP, HTML ou autre.
Merci d'avance à tous ceux qui auront l'amabilité de me répondre.
A voir également:
- Créer & modifier un tableau sur une page web
- Comment imprimer un tableau excel sur une seule page - Guide
- Comment supprimer une page sur word - Guide
- Tableau word - Guide
- Créer un compte google - Guide
- Comment créer un groupe whatsapp - Guide
7 réponses
oué faut que tu créé une base de données qui contiendra les logins et mots de passe et en php ca se fait
tiens si ca peut taider
http://www.phpdebutant.org/
https://openclassrooms.com/fr/
tiens si ca peut taider
http://www.phpdebutant.org/
https://openclassrooms.com/fr/
si c'est juste les données que tu dois récupérer de la feuille excel jcroi quil faudré l'importer dans ta base de données mySql
En fait j'ai utilisé le fichier excel pour remplacer la base mySQL car je ne comprend pas grand chose en PHP.
En fait grâce aux messages postés dans ce forum, j'ai récupéré des bouts de codes pour que ma page index.htm affiche la page html qu'excel a créée. Dans index.htm, j'ai inséré un code pour que la page se mette à jour toutes les 20s, comme ça dès que je modifie le fichier excel, ma page index.htm est modifiée aussi.
Ce système plait à mon patron mais il voudrait que plusieurs personnes puissent accéder au fichier excel pour pouvoir le modifier.
C'est un peu tordu je sais mais c'est la seule chose que j'ai réussie à faire pour le moment.
Je sais pas si le code de index.htm peut aider ?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
<head>
<meta http-equiv="refresh" content="30">
<script type="text/JavaScript">
function include(idDiv,url)
{
if (document.all)
{
try {
var xml = new ActiveXObject("Microsoft.XMLHTTP");
xml.Open( "GET", url, false );
xml.Send()
document.getElementById(idDiv).innerHTML=xml.responseText;
}
catch (e) {
var xml = new ActiveXObject("MSXML2.XMLHTTP.4.0");
xml.Open( "GET", url, false );
xml.Send()
document.getElementById(idDiv).innerHTML=xml.responseText;
}
}
else
{
var xml=new XMLHttpRequest();
xml.open("GET",url,false);
xml.send(null);
document.getElementById(idDiv).innerHTML=xml.responseText;
}
}
</script>
<title>index</title>
</head>
<body style="direction: ltr;">
<div id="affichage" style="position: absolute; width: 837px; height: 570px; visibility: visible; overflow: auto; top: 37px; left: 10px;"></div>
<script type="text/JavaScript">
include("affichage","table.htm");
</script>
<div style="position: absolute; top: 80px; left: 780px;">
<noscript><img
src="chrome://editor/content/images/calendarSW.gif"></noscript>
<script>
function innerCalendarCode() {
function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11) {
this[0] = m0;
this[1] = m1;
this[2] = m2;
this[3] = m3;
this[4] = m4;
this[5] = m5;
this[6] = m6;
this[7] = m7;
this[8] = m8;
this[9] = m9;
this[10] = m10;
this[11] = m11;
}
function calendar() {
var monthNames = "JanFebMarAprMayJunJulAugSepOctNovDec";
var today = new Date();
var thisDay;
var monthDays = new montharr(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
year = today.getYear();
if (year <= 200) {
year += 1900;
}
thisDay = today.getDate();
if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) {
monthDays[1] = 29;
}
nDays = monthDays[today.getMonth()];
firstDay = today;
firstDay.setDate(1);
testMe = firstDay.getDate();
if (testMe == 2) {
firstDay.setDate(0);
}
startDay = firstDay.getDay();
document.writeln("<CENTER>");
document.write("<TABLE BORDER='1' BGCOLOR=White>");
document.write("<TR><TH COLSPAN=7>");
document.write(monthNames.substring(today.getMonth() * 3, (today.getMonth() + 1) * 3));
document.write(". ");
document.write(year);
document.write("<TR><TH>Sun<TH>Mon<TH>Tue<TH>Wed<TH>Thu<TH>Fri<TH>Sat");
document.write("<TR>");
column = 0;
for (i = 0; i < startDay; i++) {
document.write("<TD>");
column++;
}
for (i = 1; i <= nDays; i++) {
document.write("<TD>");
if (i == thisDay) {
document.write("<FONT COLOR=\"#FF0000\">");
}
document.write(i);
if (i == thisDay) {
document.write("</FONT>");
}
column++;
if (column == 7) {
document.write("<TR>");
column = 0;
}
}
document.write("</TABLE>");
document.writeln("</CENTER>");
}
calendar();
}
innerCalendarCode();</script></div>
</body>
</html>
En fait grâce aux messages postés dans ce forum, j'ai récupéré des bouts de codes pour que ma page index.htm affiche la page html qu'excel a créée. Dans index.htm, j'ai inséré un code pour que la page se mette à jour toutes les 20s, comme ça dès que je modifie le fichier excel, ma page index.htm est modifiée aussi.
Ce système plait à mon patron mais il voudrait que plusieurs personnes puissent accéder au fichier excel pour pouvoir le modifier.
C'est un peu tordu je sais mais c'est la seule chose que j'ai réussie à faire pour le moment.
Je sais pas si le code de index.htm peut aider ?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
<head>
<meta http-equiv="refresh" content="30">
<script type="text/JavaScript">
function include(idDiv,url)
{
if (document.all)
{
try {
var xml = new ActiveXObject("Microsoft.XMLHTTP");
xml.Open( "GET", url, false );
xml.Send()
document.getElementById(idDiv).innerHTML=xml.responseText;
}
catch (e) {
var xml = new ActiveXObject("MSXML2.XMLHTTP.4.0");
xml.Open( "GET", url, false );
xml.Send()
document.getElementById(idDiv).innerHTML=xml.responseText;
}
}
else
{
var xml=new XMLHttpRequest();
xml.open("GET",url,false);
xml.send(null);
document.getElementById(idDiv).innerHTML=xml.responseText;
}
}
</script>
<title>index</title>
</head>
<body style="direction: ltr;">
<div id="affichage" style="position: absolute; width: 837px; height: 570px; visibility: visible; overflow: auto; top: 37px; left: 10px;"></div>
<script type="text/JavaScript">
include("affichage","table.htm");
</script>
<div style="position: absolute; top: 80px; left: 780px;">
<noscript><img
src="chrome://editor/content/images/calendarSW.gif"></noscript>
<script>
function innerCalendarCode() {
function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11) {
this[0] = m0;
this[1] = m1;
this[2] = m2;
this[3] = m3;
this[4] = m4;
this[5] = m5;
this[6] = m6;
this[7] = m7;
this[8] = m8;
this[9] = m9;
this[10] = m10;
this[11] = m11;
}
function calendar() {
var monthNames = "JanFebMarAprMayJunJulAugSepOctNovDec";
var today = new Date();
var thisDay;
var monthDays = new montharr(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
year = today.getYear();
if (year <= 200) {
year += 1900;
}
thisDay = today.getDate();
if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) {
monthDays[1] = 29;
}
nDays = monthDays[today.getMonth()];
firstDay = today;
firstDay.setDate(1);
testMe = firstDay.getDate();
if (testMe == 2) {
firstDay.setDate(0);
}
startDay = firstDay.getDay();
document.writeln("<CENTER>");
document.write("<TABLE BORDER='1' BGCOLOR=White>");
document.write("<TR><TH COLSPAN=7>");
document.write(monthNames.substring(today.getMonth() * 3, (today.getMonth() + 1) * 3));
document.write(". ");
document.write(year);
document.write("<TR><TH>Sun<TH>Mon<TH>Tue<TH>Wed<TH>Thu<TH>Fri<TH>Sat");
document.write("<TR>");
column = 0;
for (i = 0; i < startDay; i++) {
document.write("<TD>");
column++;
}
for (i = 1; i <= nDays; i++) {
document.write("<TD>");
if (i == thisDay) {
document.write("<FONT COLOR=\"#FF0000\">");
}
document.write(i);
if (i == thisDay) {
document.write("</FONT>");
}
column++;
if (column == 7) {
document.write("<TR>");
column = 0;
}
}
document.write("</TABLE>");
document.writeln("</CENTER>");
}
calendar();
}
innerCalendarCode();</script></div>
</body>
</html>
1- Fini le fichier Excel, passe à une base de donnée MySQL
2- Apprends le PHP
3- Apprends éventuellement l'ajax afin de rendre plus dynamique la modif. des pages (tu pourrais ainsi faire une seule page en PHP qui premièrement de demandera de t'authentifier ou non (mode invité pour la lecture seule) puis affichera le contenu de la base de donnée sous forme d'un tableau qui sera modifiable uniquement si tu as les droits de modifications (droit déclaré dans la base de donnée et que le PHP pourra mettre un lien au lieu de juste le texte)
ex: pour un invité, tu auras un truc du style
<tr>
<td>01/02/2007</td><td>Conférence</td>
</tr>
pour une personne avec les droits de modification:
<tr>
<td>01/02/2007</td><td><a href="modif_event.php?date=01-02-2007">Conférence</a></td>
</tr>
Le fait d'apprendre l'ajax (Javascript+XMLHTTREQUEST) te permettra aussi de faire en sorte qu'au lieu d'avoir un lien pour modifier l'evenement, tu ouvres un <div> flottant avec un z-index:1000 par exemple qui te permettra de modifier en direct la valeur stockée dans la BDD et ceux sans rechargement complet de la page
2- Apprends le PHP
3- Apprends éventuellement l'ajax afin de rendre plus dynamique la modif. des pages (tu pourrais ainsi faire une seule page en PHP qui premièrement de demandera de t'authentifier ou non (mode invité pour la lecture seule) puis affichera le contenu de la base de donnée sous forme d'un tableau qui sera modifiable uniquement si tu as les droits de modifications (droit déclaré dans la base de donnée et que le PHP pourra mettre un lien au lieu de juste le texte)
ex: pour un invité, tu auras un truc du style
<tr>
<td>01/02/2007</td><td>Conférence</td>
</tr>
pour une personne avec les droits de modification:
<tr>
<td>01/02/2007</td><td><a href="modif_event.php?date=01-02-2007">Conférence</a></td>
</tr>
Le fait d'apprendre l'ajax (Javascript+XMLHTTREQUEST) te permettra aussi de faire en sorte qu'au lieu d'avoir un lien pour modifier l'evenement, tu ouvres un <div> flottant avec un z-index:1000 par exemple qui te permettra de modifier en direct la valeur stockée dans la BDD et ceux sans rechargement complet de la page
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Merci pour les précisions.
Malheureusement mon stage se termine bientôt et je n'ai pas le temps d'apprendre l'Ajax ni le PHP.
Je vais essayé de fouiller l'idée du FTP.
Malheureusement mon stage se termine bientôt et je n'ai pas le temps d'apprendre l'Ajax ni le PHP.
Je vais essayé de fouiller l'idée du FTP.
l'ajax, tu l'utilises déjà puisque tu utilises XmlHttpRequest dans index.htm, pour le PHP, c'est comme programmer en java ou en c avec des fonctionnalités pour l'HTML. Tu peux apprendre le PHP en 1 jour donc à part si c'est demain que tu termines ton stage, tu as le temps. Enfin c'est toi qui voit.
Merci pour t'as réponse rapide pashima.
Je vais essayé de voir ça.
J'ai aussi essayé d'enregistrer une feuille excel au format .html et de l'inclure dans une autre page html. Le problème c'est que je ne suis pas sûr que la page puisse être modifiée même si les utilisateurs possèdent le fichier excel d'origine. Si ? Pour cette solution là, il faudrait peut-être utiliser un serveur FTP pour que seules certaines personnes aient accès au fichier .xls d'origine ?
Je vais essayé de voir ça.
J'ai aussi essayé d'enregistrer une feuille excel au format .html et de l'inclure dans une autre page html. Le problème c'est que je ne suis pas sûr que la page puisse être modifiée même si les utilisateurs possèdent le fichier excel d'origine. Si ? Pour cette solution là, il faudrait peut-être utiliser un serveur FTP pour que seules certaines personnes aient accès au fichier .xls d'origine ?