Création d'une page d'acceuil pour mes galeries SimpleViewer

Joe_Burtonn · 11 Août 07 à 15:44

Tom a écrit:

Donnes moi tes raisons de ne pas utiliser des frames, quand on ne veut pas se compliquer la vie.

Celles-ci :

Citation:

This page is not Valid HTML 4.01 Transitional!
Result: Failed validation, 17 Errors

Désolé, je suis un pro xhtml/css valide w3c

http://perso.wanadoo.fr/heberg-forum/HF_default/smiles/icon_mrgreen.gif" alt="Mr. Green" border="0" />

Tom · 11 Août 07 à 16:00

Oui bah ça détecte toujours des erreurs inutiles.
Déja toutes les balises sont fermées ....
Fin bref, c'est du chipotage.

Wisounet · 11 Août 07 à 23:51

Hello merci tom
A priori j'ai fait exactement ce que tu m'as proposé mais j'obtiens une page blanche avec le message suivant : !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> si je tappe :
- http://bardelli.fabien.free.fr/index.html" target="_blank">http://bardelli.fabien.free.fr/index.html ou
- http://bardelli.fabien.free.fr/" target="_blank">http://bardelli.fabien.free.fr/

Apparemment il faut que je fasse un lien direct vers le "list.php"
http://bardelli.fabien.free.fr/list.php" target="_blank">http://bardelli.fabien.free.fr/list.php

Qui plus est ma galerie intitulée "La Défense" ne fonctionne pas sous IE mais fonctionne sur Firefox...

Et comment qu'ils ont fait pour cette arborescence latérale alors ^^?
(dans tous les cas je n'ai que la fenêtre principale sans l'aborescence :o)

PS je sais j'en demande bcp

http://img245.imageshack.us/img245/2633/68584lo6.gif" alt="M. Blue" border="0" />

Wisounet · 12 Août 07 à 00:05

Bon apres moult essais j'ai reussi a faire fonctionner l'arborescence. Il semble que des pbs subsistent :
- La fenêtre s'ouvre sur la première galerie (ce serait pas mal d'avoir une page d'acceuil (avec juste marqué "les galeries de trucmuche"
- Quand on clique sur une galerie elle s'ouvre dans l'arbo et non dans la page de droite
- La galerie "La Défense" ne s'affiche pas quand je la selectionne.

Le hic c est que malgre mes différents essais, je ne sais pas comment modifier tout ça

http://img527.imageshack.us/img527/9506/smilerw0.gif" alt="Sourit" border="0" />

Tom · 12 Août 07 à 17:49

Voila, dis moi ce que tu penses de ça :
Supprimes tous les fichiers que je t'ai fais faire, et créé ceux la :

index.html

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</HEAD>
<FRAMESET COLS="100,*" rows="*" FRAMEBORDER=1 FRAMESPACING=1 border="1px">
<noframes>
To be viewed properly, this page requires frames.
</noframes>
<FRAME SRC="list.php" NAME="1" scrolling="auto" frameborder="0" border="0" framespacing="0">
<FRAME SRC="accueil.html" NAME="2" frameborder="0" border="0" framespacing="0">
</FRAMESET>
</HTML>

list.php

Code:

<html>
<style type="text/css">
/* hide from ie on mac \*/
html {
   height: 100%;
   overflow: hidden;
}

#flashcontent {
   height: 100%;
}
/* end hide */

body {
   height: 100%;
   margin: 0;
   padding: 0;
   background-color: #333333;
   color:#ffffff;
}
</style>
<BODY link="white" alink="grey" vlink="white">
<font size=2>
<?php
$dir_nom = '.'; // dossier listé (pour lister le répertoir courant : $dir_nom = '.' --> ('point')
$dir = opendir($dir_nom) or die('Erreur de listage : le répertoire n\'existe pas'); // on ouvre le contenu du dossier courant
$fichier= array(); // on déclare le tableau contenant le nom des fichiers
$dossier= array(); // on déclare le tableau contenant le nom des dossiers

while($element = readdir($dir)) {
if($element != '.' && $element != '..') {
   if (!is_dir($dir_nom.'/'.$element)) {$fichier[] = $element;}
   else {$dossier[] = $element;}
}
}

closedir($dir);

if(!empty($dossier)) {
sort($dossier); // pour le tri croissant, rsort() pour le tri décroissant
echo "<br><br><br> \n\n";
// echo "\t\t<ul>\n";
   foreach($dossier as $lien){
      echo "<a href=\"$dir_nom/$lien \" target=\"2\">$lien</a><br>\n";
   }
// echo "\t\t</ul>";
}
?>
</font>
</body>
</html>

accueil.html

Code:

Reste juste à corriger le problème de la Défense lié à l'accent, je vais voir si je trouve.

Wisounet · 12 Août 07 à 22:19

ça commence à être nickel tout ça !

Juste un truc : y a-t'il moyen de bloquer la taille de la fenêtre de gauche qui liste les galeries? En fait je voudrais que la taille soit suffisante pour que les titres ne soient pas mis sur 2 lignes (ce qui rend le listing un peu confus...)

En tout cas merci bcp pour ton boulot

http://forum-images.hardware.fr/icones/smilies/jap.gif" alt="respect" border="0" />

http://forum-images.hardware.fr/icones/smilies/jap.gif" alt="respect" border="0" />

PS Je voudrais juste également ajouter un lien "contact" pour ajouter mon email

Edit : j'ai trouvé tout seul pour la largeur de la colonne (passer COLS à 160 ald 100

http://img527.imageshack.us/img527/9506/smilerw0.gif" alt="Sourit" border="0" />)

Par contre, y a-t'il moyen de faire une arbo avec des sous dossiers?

http://forum-images.hardware.fr/icones/smilies/mouais.gif" alt="mouais" border="0" />

Tom · 12 Août 07 à 23:11

remplaces ton index.html par :

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</HEAD>
<FRAMESET COLS="180,*" rows="*" FRAMEBORDER=1 FRAMESPACING=1 border="1px">
<noframes>
To be viewed properly, this page requires frames.
</noframes>
<FRAME SRC="list.php" NAME="1" scrolling="auto" frameborder="0" border="0" framespacing="0" noresize>
<FRAME SRC="accueil.html" NAME="2" frameborder="0" border="0" framespacing="0">
</FRAMESET>
</HTML>

et list.php par :

Code:

<html>
<style type="text/css">
/* hide from ie on mac \*/
html {
   height: 100%;
   overflow: hidden;
}

#flashcontent {
   height: 100%;
}
/* end hide */

body {
   height: 100%;
   margin: 0;
   padding: 0;
   background-color: #333333;
   color:#ffffff;
}
</style>
<BODY link="white" alink="grey" vlink="white">
<font size=2>
<?php
$dir_nom = '.'; // dossier listé (pour lister le répertoir courant : $dir_nom = '.' --> ('point')
$dir = opendir($dir_nom) or die('Erreur de listage : le répertoire n\'existe pas'); // on ouvre le contenu du dossier courant
$fichier= array(); // on déclare le tableau contenant le nom des fichiers
$dossier= array(); // on déclare le tableau contenant le nom des dossiers

while($element = readdir($dir)) {
if($element != '.' && $element != '..') {
   if (!is_dir($dir_nom.'/'.$element)) {$fichier[] = $element;}
   else {$dossier[] = $element;}
}
}

closedir($dir);

if(!empty($dossier)) {
sort($dossier); // pour le tri croissant, rsort() pour le tri décroissant
echo "<br><br><br> \n\n";
// echo "\t\t<ul>\n";
   foreach($dossier as $lien){
      echo "<a href=\"$dir_nom/$lien/ \" target=\"2\">$lien</a><br>\n";
   }
// echo "\t\t</ul>";
}
?>
<br><br>
<a href="mailto:wisou@bidule.fr">Contact</a>
</font>
</body>
</html>

Dans list.php tu remplaces mailto:wisou@bidule.fr">wisou@bidule.fr par ton email.

Tom · 12 Août 07 à 23:12

Hihi ça fait plaisir de voir que t'apprends un peu en même temps.

Wisounet · 13 Août 07 à 17:01

Ok merci pour le lien "contact"!

Reste juste la question de l'arbo avec des sous-dossiers, tu penses que c'est faisable ça? (avec l'affichage du sous dossier sur la droit si possible ^^)

En tout tu m'as bien aidé, merci bcp

http://forum-images.hardware.fr/icones/smilies/jap.gif" alt="respect" border="0" />

Tom · 13 Août 07 à 17:56

Oui c'est possible, je me renseigne.

Wisounet · 13 Août 07 à 23:12

OK merci !

Une autre petite question (heureusement que tu es la pour me répondre parce que sinon ça ne se bouscule pas au portillon :p) :

Comment est-ce que je fais pour rajouter une image sous mon message dans ma page d'acceuil? (je voudrais juste mettre un beau cliché bien encadré histoire d'attirer le chaland

http://perso.wanadoo.fr/heberg-forum/HF_default/smiles/icon_wink.gif" alt="Cligne" border="0" />)

Et aussi question subsidiaire : que se passe-t'il si je mets plus de galeries que la haute de la page? (reste la possibilité de réduire la police tu me diras) : est ce que les galeries du bas ne seront plus accessibles? Où est ce qu'il y aura la possibilité de scroller? (si ce n'est pas le cas, c'est dur à générer un tel comportement?)

Beaucoup de questions donc

http://perso.wanadoo.fr/heberg-forum/HF_default/smiles/icon_redface.gif" alt="Embarassé" border="0" />

PS en fait ça m'interesse tout ça parce que chaque question en amène une autre, et ça me donne envie d'apprendre un peu le php et le langage html ...

Tom · 13 Août 07 à 23:38

Wisounet a écrit:

OK merci !

Une autre petite question (heureusement que tu es la pour me répondre parce que sinon ça ne se bouscule pas au portillon :p) :

Comment est-ce que je fais pour rajouter une image sous mon message dans ma page d'acceuil? (je voudrais juste mettre un beau cliché bien encadré histoire d'attirer le chaland

http://perso.wanadoo.fr/heberg-forum/HF_default/smiles/icon_wink.gif" alt="Cligne" border="0" />)

Le code html pour insérer une image :
<img src="http://www.wisounet.com/blablabla/image.jpg">

Wisounet a écrit:

Et aussi question subsidiaire : que se passe-t'il si je mets plus de galeries que la haute de la page? (reste la possibilité de réduire la police tu me diras) : est ce que les galeries du bas ne seront plus accessibles? Où est ce qu'il y aura la possibilité de scroller? (si ce n'est pas le cas, c'est dur à générer un tel comportement?)

Beaucoup de questions donc

http://perso.wanadoo.fr/heberg-forum/HF_default/smiles/icon_redface.gif" alt="Embarassé" border="0" />

PS en fait ça m'interesse tout ça parce que chaque question en amène une autre, et ça me donne envie d'apprendre un peu le php et le langage html ...

Possibilité de scroller

Une petit réponse juste avant d'aller au lit

http://perso.wanadoo.fr/heberg-forum/HF_default/smiles/icon_mrgreen.gif" alt="Mr. Green" border="0" />

Wisounet · 14 Août 07 à 00:01

Pour l'image j'avais trouvé tout seul en fouinant sur le net ! héhé !

Ca commence a bien me plaire : )

Dis moi ce que tu en penses vu que tu es le principal contributeur !

http://perso.wanadoo.fr/heberg-forum/HF_default/smiles/icon_razz.gif" alt="Tire la langue" border="0" />

http://bardelli.fabien.free.fr/" target="_blank">http://bardelli.fabien.free.fr/

PS tjs le même problème avec les différents accents (à, é, è...) ces lettres ne s'affichent pas (???)...

http://perso.wanadoo.fr/heberg-forum/HF_default/smiles/icon_sad.gif" alt="Triste" border="0" />

Joe_Burtonn · 14 Août 07 à 00:07

et si tu changes ton meta en :

Code:

Wisounet · 14 Août 07 à 01:00

Pour les accents?

J'ai trouvé une autre solution : é è ê à û

Même si c'est pas trés agréable ^^
Mais bon je n'avais que peu de mots à tapper...

http://perso.wanadoo.fr/heberg-forum/HF_default/smiles/icon_mrgreen.gif" alt="Mr. Green" border="0" />

Joe_Burtonn · 14 Août 07 à 02:05

Wisounet a écrit:

Pour les accents?

J'ai trouvé une autre solution : é è ê à û

Même si c'est pas trés agréable ^^
Mais bon je n'avais que peu de mots à tapper...

http://perso.wanadoo.fr/heberg-forum/HF_default/smiles/icon_mrgreen.gif" alt="Mr. Green" border="0" />

Oui, mais normalement pas besoin de taper ce que tu mets. Tu as essayé ma technique ?

Gin.net · 14 Août 07 à 09:02

Wisounet a écrit:

Pour l'image j'avais trouvé tout seul en fouinant sur le net ! héhé !

Ca commence a bien me plaire : )

Dis moi ce que tu en penses vu que tu es le principal contributeur !

http://perso.wanadoo.fr/heberg-forum/HF_default/smiles/icon_razz.gif" alt="Tire la langue" border="0" />

http://bardelli.fabien.free.fr/" target="_blank">http://bardelli.fabien.free.fr/

PS tjs le même problème avec les différents accents (à, é, è...) ces lettres ne s'affichent pas (???)...

http://perso.wanadoo.fr/heberg-forum/HF_default/smiles/icon_sad.gif" alt="Triste" border="0" />

Je te conseille de chercher sur le net comment faire un formulaire de contact en php, car laisser ton adresse en clair sur la page, c'est source de spams sans fin.

Tom · 14 Août 07 à 10:51

Pour le formulaire php, tu remplaces le a href mailto dans list.php par :

Code:

<a href="contact.html" target="2">Contact</a>

Tu créés contact.html :

Code:

Tu crées envoimail.php :

Code:

<?php
@extract($_POST);
$name = stripslashes($name);
$email = stripslashes($email);
$subject = stripslashes($subject);
$text = stripslashes($text);
mail('wisounet@gmail.com',$subject,$text,"From: $name <$email>");
header("location:contact.html");
?>

Gin.net · 14 Août 07 à 11:03

Ca n'empêche pas les spams hein, perso j'ai eu toutes les peines du monde à ajouter un filtre efficace sur mes formulaires de contacts pour qu'ils ne soient pas utilisés pour spammer.

Mais ça évite déjà de mettre publiquement son e-mail sur le web

Nouvelles:

Création d'une page d'acceuil pour mes galeries SimpleViewer