Bonjour !

J'ai accepté d'aider un ami pour la réalisation d'un petit site internet. Il est conscient du volume peu conséquent de mes connaissances mais a tout de même insisté pour que je m'y colle !
Donc voici ce que j'ai fait pour le moment :

http://wobie.diboo.net/alpedhuez-bike/testflash.htm

Il va sans dire que c'est un hébergeur temporaire, et que je dois encore faire bcp de chose pour cacher la médicorité de la composition (preload d'images par exemple).
Etant donné que je suis nul, j'ai utilisé Firework MX pour faire la compo "menu + bouton et menus déroulant", et j'utilise Dreamweaver pour mettre tout ça en page.

Comme le php et mysql me font très peur, et que je n'ai franchement pas le temps de m'y coller, je cherche un bon moyen pour afficher des infos dans le cadre contenant le slideshow flash, sans déformer la page, donc en faisant apparaître un scroll si besoin est. J'ai donc décidé d'opter pour une IFRAME.

Voici donc mon problème. Firework me génère des menus déroulant, mais dans la configuration de ceux-ci, je ne vois aucune option pour préciser que la page doit s'ouvrir dans une FRAME portant tel ou tel nom. Il n'y a que les options de ciblage suivante : _self, _parent, _blank et _top.
Du coup j'essaye de farfouiller dans le code comme je peux pour voir si je ne peux pas changer ça tout à l'arrache.

Voici une ligne de code générée par Firework, qui, me semble-t-il, doit gérer l'ouveture d'une page :

Je serais très heureux d'apprendre qu'il existe un moyen facile de changer ce maudit "window.open('pages/demi.htm', '_self');" en un truc du genre "met-y-tout-dans-la-frame('pages.demi.htm','_mainframe');"
Si une bonne âme musclée du javascript passe par là...merci !  

Précisions :

Ma frame s'appelle 'mainframe' et fonctionne si je force une URL avec l'attribut "src".

http://fr.selfhtml.org/html/frames/incorporees.htm
 
et donc ça :
 
http://fr.selfhtml.org/html/frames [...] iframe.htm
 
Bon conseil après ce site, soit tu arrêtes de programmé, soit tu t'y met sérieux...Car là du code pourri...tu en a à la pelle dans ta page

Merci pour ta réponse rapide.  
Malheureusement je pense que tu m'as mal compris. J'ai beau être mauvais, ce n'est pas vraiment le fonctionnement des cadres qui me pose problème, mais bien le code généré par Fireworks.  
Sur la page, si tu survoles le premier lien du menu, un petit menu déroulant apparaît. Le premier lien de ce menu link vers la page "demi.htm". C'est la ligne de code JS copiée ci-dessus.  
Moi je voudrais parvenir à modifier ça manuellement afin de cibler mon iFrame.  
 

 
Ohé doucement, c'est pas parce qu'un mec fait mal du ski que je lui dit qu'il doit arrêter ou prendre des cours. Tant qu'il se fait plaisir.  
Ici c'est pareil, j'essaie de faire plaisir gratuitement à un ami. Alors code pourri peut-être, mais ça marche et il est content. Enfin là non ça ne marche pas mais bon    

Mais comme au ski, si tu es mauvais, tu es un danger pour les autres.
Donc un peu plus de connaissances, font jamais de mal. Gratuit, ou pas c'est pas ça le problème. Parfois quand on sait pas, on fait pas.
 
Pour en revenir à ton souci, tu me dis comprendre le fonctionnement, alors qu'est ce qui t'empêche de changer ça à la main.
 
Tu sais pas ouvrir un fichier avec un éditeur de texte ?

Je ne suis toujours pas certain que tu aies compris la source du problème mais bon...passons.
Je ne commenterai pas ton analogie entre un mauvais skieur et un site mal codé, je risquerais de faire trop de phrases.

Si quelqu'un comprend ma question et détient une solution (hormis l'abandon du projet, l'utilisation de Php ou l'école d'info), je suis preneur !  

Pour une plus grande clarté (hum), tentons autre chose. Voici une version de la page avec l'iframe, et une page chargée dedans. Lorsqu'on clique sur le premier lien -> premier choix déroulant, on charge une autre page, qui s'ouvre dans une nouvelle fenêtre :

http://wobie.diboo.net/alpedhuez-bike/testframes.htm

Ce bouton en question est défini par la ligne JS du premier post. N'y connaissant rien en JS, je me demande si il existe un moyen de changer la cible d'ouverture de la page liée par ce bouton. Et ce via ce code JS...

Tu veux faire quoi ?

Ouvrir ta page dans le iframe, et non pas dans la page entière ?

Et puis entre skier, et coder, je vois pas la différence

EDIT : Tu veux ouvrir ton bouzin dans une autre page ?

Le but c'est d'ouvrir pleins de pages dans cet iFrame.
Malgré le côté code pourri, je veux que la mise à jour soit accessible. Et l'insertion de fichier html simples via cette frame me semble un bon compromi.

Je ne contrôle pas ce que Firework me sort pour créer des rollovers et des menus déroulant, tout le charabia dans ma page est dû à celà.
Après moi je code comme un noob avec des tableaux, Frontpage style quoi...

Donc je répète. Si je devais faire de simple liens, je n'aurais aucun problème pour gérer cette frame. C'est juste la modif Javascript à effectuer (si c'est possible) pour faire fonctionner les liens de mes menus déroulants qui m'inquiète ici.

HS : Il y a autant de points communs entre le ski et la programmation qu'entre la pétanque et le morse. A part le fait qu'il faut y passer du temps pour maîtriser, y'a pas grand chose d'autre en gros...

Ouais ça, enfin je comprend pas pourquoi tu pourrais pas changer ça à la main...

Bon sinon tu marques ça :

window.mainframe.src="pages/demi.htm"

ou window.iframe["mainframe"].src=""

si c'est pas source, ça peut être location.href

Enfin je crois...Je fais jamais ce genre de truc...test

sérieu, +1 avec xtof_83 à propos du code pourri.

Merci du conseil, j'avais pas compris !  
 
Malheureusement, j'ai autre chose à faire que d'apprendre JS. Firework me fait des menus déroulant rapidement, je m'en sers. Après là ou je foire c'est sur la compo bitmap via Fireworks. C'est découpé en 12000 morceaux, du coup FW fait des tableaux dans tout les sens pour tout ranger, c'est sale en effet...    
 
Enfin bon, pour en revenir à mon mouton, j'ai testé tes propositions, mais ca a pour seul effet de rendre innactifs les menus déroulant.
La je suis en train de lire plus de choses sur les frames, la balise frameset, et la fonction window de JS... tt
 
 

Pour un site logiquement le JS c'est du plus, donc tu devrais être capable de pouvoir le faire dans JS ton site...et ainsi pas avoir à l'apprendre.
Ah mais oui il y le HTML, et le CSS, et...que suis je bête ça non plus tu veux pas apprendre.
Et donc pourquoi tu te retrouve à faire un site, si tu veux rien apprendre ?
Tu utilises Firework, c'est bien gentil, on devrais donc te répondre, va lire la doc de firework pour avoir ta réponse.

M'enfin ça en finira jamais.
Montre moi le code que tu as taper ...

Tu voudrais pas le mettre en ligne pour que je vois...

J'ai édité plus haut : document remplacer par window

Alors pourquoi j'ai besoin de JS ?

Uniquement parce que mon ami souhaitait avoir une barre de navigation utilisant ce principe (inspirée du site commençal). Ne maîtrisant pas Flash, j'ai fait avec ce que je connaissais. Sans celà, je me sarais passé de JS, et de Fireworks tout simplement.

Garde tes remarques sarcastiques pour toi. Je ne viens pas ici pour subir des réflections comme ça.
Pourquoi je me retrouve à faire un site ? Pour faire plaisir à un ami.

J'ai lu la doc de Fireworks concernant les menus déroulant, et nulle part je n'ai trouvé une quelconque mention par rapport à une utilisation avec des frames.

Quoiqu'il en soit, j'ai pas mal lu ce soir, et je vais renoncer à l'utilisation d'une frame. Je vais essayer de me passer de fireworks pour la composition de l'ensemble "bannière + barres de couleur dégradées". Je l'utiliserai juste pour les roll-over et les menus.
Je voulais utiliser une frame pour disposer d'une barre de scroll dans un espace délimité sur ma page. En bonus, je trouvais fort sympathique le fait que seul le contenu de la frame était reloadé à chaque clic sur un bouton.

Là j'ai appris qu'avec la balise "object" on peut aussi insérer des fichiers html ou autres dans une page, en pouvant aussi limiter la dimension et en obtenant aussi une barre de scroll. Du coup je vais faire autant de copies de ma page qu'il en faudra, et j'insèrerai autant de pages dans mon "object".
Ca m'a l'air bien sale, bien bourrin, mais je sens que ça va marcher bien plus facilement que cette iframe  

ps : Tiens c'est après avoir vu mon (horrible) site perso que mon pote à voulu que je lui bricole un truc : http://users.skynet.be/pod.grouik/root/pictures.htm

C'est moins crado parce que pas de FW, mais par contre c'est tout aussi nul. Que des tableaux dans tout les sens

les remarques sarcastiques, t'en aura toujours sur les forums... ici on ne te dois rien, donc si nos reflexions te plaisent pas, tant pis. c'est pas pour te faire chier, mais force est de constater que ce qui t'empeche d'avancer en ce moment c'est d'utiliser un logiciel qui te fais du code crade que tu ne comprends pas (et que tu ne cherche pas à comprendre).
 
pour ta barre de scroll dans un espace définie sur ta page, tu ferai un beau div bien placé o utu veux avec un overflow:auto ça serai nickel, ça prendrai pas beaucoup de temps ni de code, et ça serai standards compliant.
 
par contre tu devrait reloader le tout à chaque page. m'enfin c'est pas un inconvénient qui compte face a des frames...

Merci du conseil. Bon dans le fond t'as raison. A vouloir faire vite, on fait de la merde surtout quand on connaît pas.
C'est pas la première fois que je me dis qu'il faut vraiment que j'apprenne à utiliser les CSS de façon un peu plus poussée.
 
Bon j'investigue la méthode div + overflow:auto demain. Puis surtout j'essaie de me passer de Firework.  
 
Viendra le quid du "Comment faire pour faire un menu semblable?"
 
Je suppose que la méthode "Flash" serait plus propre ?  

Bon monsieur le têtu, comme l'indique le nom du topik...
 
Je vois que doucement tu glisses vers la voie de la raison. Bon flash ça pu...Et commençal je leur ai déjà dis que leur site il pue.
 
M'enfin, vue que ton pote aime le bike, je vais te faire un début de ton site, bien propre...à toi ensuite de la joué réglo, et de continuer dans la voie.
 
Je re dans 30-40 min

oups, repas entre color, bon :

http://free-riders.fr/site/huez/index.html

Donc pour le menu...c'est maybe pas le mieux du mieux, mais ça ira pour toi.
Je te laisse faire le dernier sous menu..et compléter avec des liens à toi.
Il y un fichier CSS : pour y mettre le style de ton site.
Pas de style dans le HTML

un dossier images, et images/style pour les images du site

j'ai mis le nom du contact dans un format, spéciale, pour éviter de te faire spammer à 400% ta boite mail.

etc....

Aller j'ai fait le salo, mais c'est pour ton bien, j'espère que tu l'as compris, et si non, ben tu le comprendras plus tard
Et puis pire des cas je monte à l'Alpes d'Huez et je vous met la branlé à toi et ton pote en Bike.

En option, si ton pote veux bien mettre mon lien que tu vois dans ma signature dans ces liens, j'apprécierais le geste.

Pour le changement de page, tout se rechargera, mais étant donné que tout est beau, propre, etc...ça se verra presque pas

Car tout est mis dans le cache du navigateur.

J'ai testé que sous Firefox, donc maybe 2-3 horreur d'affichage sous IE...dis moi.

http://free-riders.fr/site/huez/index.html

++

C'est beau d'être bon    
Je te remercie beaucoup, je viens de jeter un rapide coup d'oeil aux sources...effectivement c'est complètement plus...hum...propre !  
 
Je pars bosser, je vois ça ce soir. C'est vraiment sympa, grâce à toi je vais non seulement pouvoir faire un truc propre, mais en plus ça va me permettre de voir comment bosser avec des Div et des CSS pour du vrai.  
 
merci    
 
 
 
ps : Pour le vélo....rêve !    
ps : j'en parle à mon pote dès que c'est en ligne !

 
tien il a changé de ton le mossieur
 

 
Ah lala , et tous le monde vivra heureux dans le meilleur du monde
 
Bonne continuation  

Haha oui j'ai changé de ton. Je ne suis pas têtu dans le sens 'borné sur la bêtise'. J'essaye de reconnaître mes torts et d'adapter si j'en ai les moyens.

Donc voilà, en parlant d'adaptation, je me suis donc approprié ta création. C'est vraiment super de coder comme ça. Je comprends même ton JS tellement c'est simple et efficace. Je ne pensais pas qu'un menu déroulant demandait si peu de code...quand je voyais le code FW, ça me faisait un peu peur.

Là j'ai completé les menus, changé un peu leur apparence, je préfère qu'ils apparaissent en gras. Du coup j'ai du modifier un peu le positionnement pour que tout celà reste joli.
J'ai également fait mumuse avec la balise DIV et le CSS pour parvenir à créer une zone de taille fixe avec scroll sur le côté. Ca marche super (voir le lien stages vtt -> 4 demi journées" )

Avant de continuer, ma première priorité va être de rendre le tout compatible avec IE. Car IE affiche les menus n'importe comment. Je soupçonne un petit souçis dans la gestion des listes chez IE. Il affiche aussi un espace entre la banière et le menu. Je suppose qu'il s'agit juste de forcer les marges ou padding à 0. Je n'ai pas encore cherché.
J'aimerais aussi supprimer la bande jaune entre le bas du menu et le main container. Je vois ça plus tard, je n'ai pas le temps ce soir.

En tout cas, merci encore, c'est génial ! J'ai du pain sur la planche, mais le fait de travailler sur une base propre comme ça, c'est que du bonheur !

Edit : ah j'oubliais : http://wobie.diboo.net/bike2/

Bon c'est bien, oublie juste pas que là tu es en mode, Xhtml 1.0
 
Les <br> s'écrivent :  <br/>
 
Bon c'est normal que sous IE tout marche pas top...Mais tu trouveras facilement sur le net, la solution.

Salut,
 
Si tu passes par là, je m'interroge sur une petite chose que tu as écrite dans ce code.
 
Pour le header de la page et en particulier, l'affichage de la bannière, tu as lié l'image via le CSS en définissant le style de "H1" pour le Div "top".  
Et dans le fichier htm, tu as écris "Ecole de cyclisme de l'alpe d'huez" comme lien, et tu lui a collé un text indent:-9999px pour qu'il soit hors de la page.  
 
A quoi ça sert ? Pourquoi ne pas simplement lier l'image dans le fichier htm : avec un <a> et un <img src=""> ?  
 
Je me demande, car en fait ça fait plutôt vilain lorsqu'on clique sur la bannière, on voit le rectangle de sélection qui s'étire vers la gauche de l'écran...
 
Voilà, sinon je n'ai pas encore trouvé d'ou vient le bug d'affichage du menu avec IE. Mais je vais l'avoir...

et coller le titre du lien en "title" sur le <a>

rajoutes :

overflow:hidden;

Sinon ça sert à être plus sémantique, ta banniére n'est pas un logo ou autre...

Donc laisse comme ça et ajoute ce que je t'ai dis

EDIT:

RRrrr

Merci !  Je note au passage...   !

Je n'ai pas compris ta remarque Magicbuzz, faudrait faire en sorte que le nom du lien soit le title de la page ?

Sinon voilà j'ai bossé un peu ajourd'hui, je n'avais pas eu bcp de temps depuis la dernière fois malheureusement.
J'ai ajouté les sponsors en bas de page (par contre j'ai lié via le code du fichier htm, est-ce qu'il vaut mieux faire comme tu as procédé pour la bannière et le faire via le CSS), et j'ai surtout chipotté avec le CSS pour éliminer les petits bug d'affichage qui demeuraient.

Notemment la ligne noire entre la bannière et le menu sous IE, cette même ligne qui était beige sous FF, puis j'ai modifié la taille du footer etc...
Hum ok c'est pas grand chose mais ça me prend du temps, surtout que j'essaie de garder le CSS plus ou moins propre.

J'ai pas dis que j'y arrivais !

hop : http://wobie.diboo.net/bike2/

Allez, avant de faire mes pages, je dois trouver ce @#~!? de bug sous IE. Je pense que je dois chercher dans le CSS. Il doit pas aimer les trucs du genre :

#menu li,#menu li ul li {
display:inline;
padding:0 10px 0 0;
}

Enfin, je vais voir  

Edit : en fait c'est comme si IE prenait les balises <ul> en tant que balises INLINE tandis que FF les prendrait en tant que BLOCK. C'est fâcheux...

 
Non, d'après la remarque avant mon poste, t'as un lien sur une image avec un texte qui est caché.
 
Il vaut mieux utiliser ceci :
 
<a href="page.htm" title="Cliquez-moi"><img src="image.png" alt="Cliquez-moi"/></a>
 
(avec autrechose que "cliquez-moi" évidement, mais le texte que tu as caché )

Hop c'est modifié, merci !

Ouais ben là MagicBuzz, dans son cas, ça n'a pas de sens de faire ça.

Robb :

Mouais mettre un title okay : mais ça ne te permet pas de virer du h1

Donc ceci est mieux (au passage alt, n'est pas un attribut de <a> )

Ensuite :

pour te partenaire vire ça : target="_new"

1_ c'est pas correct,
2_ ouvrir dans une nouvelle page, ça sert à rien, si le mec, veux ouvrir dans une nouvelle page, il le fait, si il veut aller sur ce site, il y va, et ça remplace ton site.
ça l'empêchera en rien de revenir à ton site, si il lui a plût, ne t'en fait pas pour ça

C'est modifié, comme d'habitude je note, et merci encore

Là je suis en plein fight avec le CSS. Je cherche la couille berdouille qui fait que IE met tout en ligne...
Je suis sûr que c'est ça, mais je ne trouve pas encore le moyen de faire la même chose, sans que IE fasse la même erreur...

#menu li,#menu li ul li {
display:inline;
padding:0 10px 0 0;
}

J'y arriveraaaaaiiii

Robb vient ici que je te plante :    
 

 
 
Trouve moi ce qui va pas, et change de suite.... je te laisse trouver seul comme ça tu apprends, (indice: c'est quand meme méga visible     )

Mmmh...

Alors, le fait qu'il n'y ai pas de lien pour le 3eme sponsor est normal y'a pas de site web.
Ensuite, j'ai pensé aux accents aigus de "Cébé", je devrais mettre "&eacute;" ?

Sinon, bah euh...je vois pas bien, surtout que ça marche bien dans les navigateurs.  

edit : Ah tiens FF n'affiche pas les tites bulles sur les images...
        Je cherche encore attend...

C'est énorme ton erreur ! t'as déjà essayé de mettre une sphere de 6cm de diametre dans un trou de 3cm ?

Ayé !  C'est mieux ?  
 

 
Ceci-dit, j'admire la tolérance des navigateurs qui accèptent ce genre d'erreurs. Ca incite pas vraiment à faire les choses correctement...

Bon et les balise <img />
ça se ferme donc ajoute : "/>" à la fin
 
utilise FF, pour tes sites, et installe le plugin :  
http://users.skynet.be/mgueury/mozilla/
 
ça t'aideras

Salut !

Merci, j'ai corrigé les balises IMG, bon à savoir encore une fois !  

Bon après quelques heures de lutte acharnée avec mon CSS, j'ai abandonné la correction du bug d'affichage dans IE, et j'ai décidé de reprendre complètement le menu déroulant que tu m'avais fait.
J'ai simplement recopié celui-ci : http://css.alsacreations.com/xmedi [...] smenu3.htm et je l'ai adapté à mes besoins.

Au final...ça maaaaarche !!!  

http://wobie.diboo.net/bike2/

IE a enfin arrêté de m'embêter, et même si il demeure quelques différences d'affichage, je suis bien content du résultat. Du coup je peux désormais me concentrer sur la conception de mes différentes pages ! Youpi !

Bon, donc je vais faire 1 fichier par page, c'est pas le top mais bon, vu mes connaissances du php, ça ira bien. Je me demande juste si c'est mal d'insérer des fichiers html dans mes pages, pour faciliet la mise à jour par une personne non initiée. Niveau lecture du code ça sera ptet plus simple pour elle...

c'est pas mal mais passe pas le nom de fichier par GET !

J'ai lu qu'on pouvait insérer du html avec la balise <object>. J'avais l'intention d'investiguer cette méthode plutôt.
 
Sinon un pote me parlait de faire des requires avec un peu de <php>. Ca je dois pouvoir faire. C'est quoi le mieux ?

include()

merci !