[Votre avis]Design d'un site

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [Votre avis]Design d'un site

eurys

Humour noir en IV

Ayant a peu près fini le site ci dessous, j'aurais souhaité avoir votre avis sur le résultat, histoire d'engranger quelques remarques pour une future refonte du site si besoin.

Le site en question

Merci d'avance pour vos critiques ( constructives ) .

P.S. Le contenu ci-dessous recouvrait un problème technique lors de la réalisation ( sur une question de gestion de div en JS ) . A lire si la solution peut vous interesser.

######################################

Bonjour,

étant en train de m'arracher les cheveux sur ce problème, je me résigne a le soumettre aux codeurs qui règnent ici en maître...

Voici le principe : je dispose d'une page principale nommée index.html

Je souhaite séparer cette page en deux parties : la partie gauche qui constituera mon menu, et la partie droite qui affichera le contenu du site.
J'ai opté pour la création d'une iframe dans la partie droite, ou se chargera les differentes pages html de mon site

Mon menu est constitué de trois animations flashs, correspondants aux trois rubriques principales de mon site.

Voici ci dessous un exemple avec encadré en rouge le menu en flash et en vert l'iframe

LE PROBLEME

Lorsque je tente d'appeler une nouvelle page html dans mon iframe a partir de mes boutons flash, cet abruti de @$!m$ de ¤{|@ de machin me charge ma page html dans un nouvel onglet au lieu de me le charger dans mon iframe.

MA QUESTION

Existe-t-il un moyen pour que mes boutons flash renvoie bien la page html dans l'iframe de ma page principale
OU existe-t-il un moyen d'obtenir un resultat similaire en se passant de la fonction iframe ?

Merci d'avance.

Voici le code que j'ai utilisé dans Flash

Code :

on (press) {
getURL("presentation.html", "data" );}

Voici le code html de ma page index

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body>
<div id="cadre1024">
<div id="partiegauche">
<div id="arc-haut"><img src="img/images/arc_haut.jpg" class="floatright" /></div>
<div id="Presentation">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','210','height','116','wmode','transparent','src','../../2-Work/Sources/presentation','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','../../2-Work/Sources/presentation' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="210" height="116">
<param name="movie" value="../../2-Work/Sources/presentation.swf" />
<param name="wmode" value="transparent" />
<param name="quality" value="high" />
<embed src="../../2-Work/Sources/presentation.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="210" height="116"></embed>
</object>
</noscript></div>
<div id="arc-middle"><img src="img/images/arc_middle.jpg" class="floatright" /></div>
<div id="professionnel">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','210','height','116','wmode','transparent','src','../../2-Work/Sources/espacepro','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','../../2-Work/Sources/espacepro' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="210" height="116">
<param name="movie" value="../../2-Work/Sources/espacepro.swf" />
<param name="wmode" value="transparent" />
<param name="quality" value="high" />
<embed src="../../2-Work/Sources/espacepro.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="210" height="116"></embed>
</object>
</noscript></div>
<div id="particulier">
<div id="contact"><img src="img/images/contact.jpg" /></div>
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','210','height','116','wmode','transparent','src','../../2-Work/Sources/espacepart','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','../../2-Work/Sources/espacepart' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="210" height="116">
<param name="movie" value="../../2-Work/Sources/espacepart.swf" />
<param name="wmode" value="transparent" />
<param name="quality" value="high" />
<embed src="../../2-Work/Sources/espacepart.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="210" height="116"></embed>
</object>
</noscript>
</div>
<div id="arc-bas"><img src="img/images/arc_bas.jpg" class="floatright" /></div>
<div id="arc-basfin"><img src="img/images/arc-basfin.jpg" class="floatright" /></div>
</div>
<div id="texte"><iframe name="data" src="presentation.html" width="410" height="496" class="floatleft">
</iframe></div>
</div>
</body>
</html>

Message édité par eurys le 20-03-2009 à 13:54:00

---------------
Don't worry, you won't feel anythin' ... but an excruciating pain.

Publicité

eurys

Humour noir en IV

Bon,

histoire que ceux qui cherche une solution identique a la mienne ne meurent pas de vieillesse en attendant de trouver une solution satisfaisante sur le waib, je vous livre ici la solution a laquelle je suis parvenu.

Il semble que l'utilisation des frames soit dépassée, et soit dit en passant, tant mieux . Une alternative efficace est l'utilisation de l'AJAX, autrement dit en termes barbares, le Asynchronous JavaScript And XML.

N'ayant moi-même que quelques maigres connaissances en php, et aucune en java ( enfin pas encore ), je suis quand même parvenu au résultat voulu, a savoir un contenu de page qui change partiellement selon le menu sélectionné.

Tout est expliqué dans ce blog, par ailleurs très pratique car il contient de nombreux et utiles tutoriaux.

Sur ce bon dodo

---------------
Don't worry, you won't feel anythin' ... but an excruciating pain.

Zedlefou

In cabbage we trust !

C'est marrant comme c'est souvent les débutants qui cherchent les solutions les plus alambiquées ! :ouch:

Faire un menu en 3 anims flash c'est pas top
Les Iframe, en effet, c'est dépassé.

La solution que tu as trouvé a l'air pas mal. Par contre Java != JavaScript.

---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks

abais

Oui, et tu raisonne comme moi à mes débuts ! Tu te dis
"Il y a qu'une partie du site qui change, donc, frame !"
...Mais non, le mieux reste de faire des pages distinct, et le fait de remettre le menu dans chaque pages n'a rien de sale...
Donc, vu que ton site n'est pas dynamique, je te suggère de faire ta page en XHTML/CSS , l'AJAX, c'est pas si simple et pas forcément utile ici (en faite, pas du tout)
Bref, avance étapes par étapes.

Message cité 1 fois

---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.

eurys

Humour noir en IV

abais a écrit :

T'as devine, j'en suis effectivement a mes débuts

En fait, je voulais éviter qu'en cliquant sur un bouton la page se recharge, et je voulais éviter aussi d'avoir un fichier flash trop gros pour le menu a gauche.

Ca donne ca au niveau rendu
http://etudiants.cohl.fr/modules2009/mapperce/arnaud/

Quels auraient été vos choix pour arriver a un résultat a peu près similaire ? ( si vous pouviez rentrer un peu dans le détail, ca m'interesse )

Message cité 1 fois

---------------
Don't worry, you won't feel anythin' ... but an excruciating pain.

Zedlefou

In cabbage we trust !

eurys a écrit :

Quels auraient été vos choix pour arriver a un résultat a peu près similaire ? ( si vous pouviez rentrer un peu dans le détail, ca m'interesse )

Pas de Flash. Tout en image.
Prendre Flash pour faire ca, ca revient a aller faire ses courses en camion.

Message cité 1 fois

---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks

eurys

Humour noir en IV

Zedlefou a écrit :

Pas de Flash. Tout en image.
Prendre Flash pour faire ca, ca revient a aller faire ses courses en camion.

Ah bon? même pour faire des menus un peu plus décorés ? ( ils sont pas finalisés la )

Message édité par eurys le 17-03-2009 à 11:16:00

---------------
Don't worry, you won't feel anythin' ... but an excruciating pain.

abais

Alors, étant donné que ton référencement est d'office pourri par l'utilisation des frames, on peu penser au full-flash pour la simplicité.
Une solution propre serait de faire une seule page HTML, avec une div différente par page (j'entend par là la partie droite), par défaut invisible (en CSS), et javascript qui rend visible la div intéressé...
EDIT : Tu peux garder ton menu en flash avec cette solution

Message cité 1 fois
Message édité par abais le 17-03-2009 à 11:23:42

---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.

eurys

Humour noir en IV

abais a écrit :

ah donc en fait tu veux dire un javascript qui fasse switcher la css en fonction du menu selectionné c'est ca ?

---------------
Don't worry, you won't feel anythin' ... but an excruciating pain.

abais

oui, enfin, non pas "Le", mais une portion du CSS...
En gros, tte les Div seront superposé et transparente via l'attribue display:none, et le JS se chargera de le mettre display:block à la div en question.

---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.

Publicité

eurys

Humour noir en IV

Aurais tu le bout de code AS 2.0 qu'il faut pour les boutons flash stp ?
Je suis parvenu a trouver ce qu'il me fallait en js pour le changement du display des pages, mais pas la commande flash

ps le code js que j'ai trouvé

Code :

<script type="text/javascript">
function catsel(sel) {
//if (sel.value=="-1" ) return;
var opt=sel.getElementsByTagName("option" );
for (var i=0; i<opt.length; i++) {
var x=document.getElementById(opt[i].value);
if (x) x.style.display="none";
}
var cat = document.getElementById(sel.value);
if (cat) cat.style.display="block";
}
</script>

---------------
Don't worry, you won't feel anythin' ... but an excruciating pain.

abais

getURL("javascript:catsel(sel)" );

En remplaçant bien sûre "sel" par l'ID de la Div visée...
ça peut merder en local, donc test sur un FTP direct aussi !

---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.

eurys

Humour noir en IV

nope ca semble pas marcher avec le getURL

J'ai placé un selecteur de choix en haut de la page ca semble marcher correctement , mais pas quand je passe par le menu flash

---------------
Don't worry, you won't feel anythin' ... but an excruciating pain.

eurys

Humour noir en IV

Bon ben Finalement je suis retourné sur l'option développée avec le bout d'ajax, n'étant pas parvenu a faire fonctionner l'autre ( c'est rageant ! )

Enfin comme disant papy, l'important, hein, ....

---------------
Don't worry, you won't feel anythin' ... but an excruciating pain.

abais

Post dans la catégorie ActionScript sinon...
essaye un :
getURL("javascript:alert('you clicked me')" );
pour voir si c'est ta fonction qu'il n'apprécie pas, ou le JS en général...

---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.

eurys

Humour noir en IV

[:valentinorossi]

Edition du premier post de la page + placement d'un sondage.

---------------
Don't worry, you won't feel anythin' ... but an excruciating pain.

abais

Et bien maintenant que tu as des notions en JS/Ajax, fais le même menu sans flash !
Si tu es aussi nul et fainéant que moi, utilise JQuery (par exemple).

Message cité 1 fois

---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.

m@noo

Salut
ben oué pourquoi faire simple quand on peut faire compliqué
pas besoin de flash, pour faire des menus plus décorés juste un bon graphiste (aïe pas tapé donc pas moi )

http://www.alsacreations.com/stati [...] us/g04.htm => full hml/css

Un menu "énooooooooorme" par rapport au contenu. Attention donc aux internautes avec de petites résolutions.
évite les "mailto" fais plutôt un formulaire de contact.
Sinon le reste est assez clair.

j'aime bien le logo

---------------
http://manooweb.fr http://manoo.fr

eurys

Humour noir en IV

abais a écrit :

Et bien maintenant que tu as des notions en JS/Ajax, fais le même menu sans flash !
Si tu es aussi nul et fainéant que moi, utilise JQuery (par exemple).

Vais laisser tel quel pour le moment , mais avec du recul, le menu est probablement la prochaine chose que je modifierais
A voir si j'ai du temps cette semaine ...

Merci m@noo pour les remarques, et la proposition de menu

---------------
Don't worry, you won't feel anythin' ... but an excruciating pain.

athenaa

Bon, a moi d'y mettre mon grain de sel :bounce:

J'ai voté pas terrible:

-Il n y a pas vraiment de design a proprement parlé. c'est un peu trop simple a mon goût. J'aurai bien vu un petit fond pour un peu égayer le tout, car du blanc partout comme ca c'est triste quoi.

- Tout est confiner sur la droite, ca réduit énormément l'espace et c'est dommage. 1/3 de l'espace est a gauche et ne sert a rien.

- Je trouve qu'il n y a pas besoin de mettre du flash, pour un menu aussi simple.

Sinon, j'aime bien la typo du menu, elle est jolie et bien lisible.

Bonne continuation

FORUM HardWare.fr

Graphisme

Web design

[Votre avis]Design d'un site

Sujets relatifs
Vos avis et conseils sur le design et ergonomie de mon site	[AVIS] Sur la mise à jour du design de mon site photo
Avis sur design [site informatique][maj 07/02/09]	[Avis] Design du site Ma Météo
[AVIS] Design de mon nouveau site	Vos avis sur le design de mon site web !!!
Vos avis sur le design et la clarté de mon site	Avis sur design d'un site de maquillage permanent
Vos avis sur le design de mon site ...	Avis design et ergo d'un site de météo.
Plus de sujets relatifs à : [Votre avis]Design d'un site

Page générée en 0.104 secondes