Menu déroulant et contenu de la page

Menu déroulant et contenu de la page - HTML/CSS - Programmation

Marsh Posté le 11-09-2003 à 21:25:10    

Bonjour,
 
Tout d'abord je débute en html et javascript.
 
Je souhaite insérer une menu déroulant qui va changer le contenu de la page (mais je veux garder le logo de la page, le menu déroulant, et pas appeler une nouvelle page).
La solution simple serait de faire 2 cadres dans la page mais ca amènera un ascenceur ne commencant pas en haut de la page et j'aime pas (des que j'aurai du contenu dans le cadre du bas).
Autre possibilité : faire autant de pages que le menu déroutant contient de lignes (mouais...).
J'ai lu 2,3 choses sur les iframe mais l'ascenceur ne sera pas en haut.
 
Donc si quelqu'un peut me donner des pistes de recherche, je suis preneur !  
 
Je reformule : Est-il possible d'utiliser une balise (div ?) qui récupére la valeur du formulaire et affiche le contenu voulu soit avec un lien externe (de la même manière que les iframe), soit en tapant dans le texte dans la page. Le tout avec des ascenceurs commencant tout en haut de la page.
 
Merci.
(Je suis pas sûr d'être clair...)


Message édité par Siam le 11-09-2003 à 21:29:40
Reply

Marsh Posté le 11-09-2003 à 21:25:10   

Reply

Marsh Posté le 11-09-2003 à 21:34:08    

en fait il te faut un javascript qui rafraichit le frame de droite en fonction de la selection de la combo...
 
va voir par là si c'est ça : www.allhtml.com


---------------
What if I were smiling and running into your arms? Would you see then what I see now?  
Reply

Marsh Posté le 11-09-2003 à 21:34:51    

Donne plus d'informations, que veux tu faire exactement ?
 
Que veux tu changer dans la page ?


---------------
mon blog : http://www.magnin-sante.ch/journal/
Reply

Marsh Posté le 11-09-2003 à 21:37:07    

JagStang a écrit :

en fait il te faut un javascript qui rafraichit le frame de droite en fonction de la selection de la combo...
 
va voir par là si c'est ça : www.allhtml.com
 


 
VADE RETRO surtout pas ALLHTML !!!
 
jai honte  :o  mais je vais me faire un petit coup de pub là. Je te conseil ça si tu veux faire du Javascript :  
 
http://www.magnin-sante.ch/journal [...] php&id=102


---------------
mon blog : http://www.magnin-sante.ch/journal/
Reply

Marsh Posté le 11-09-2003 à 22:30:23    

Je vouudrais le faire sans frame en fait ! Si j'avais une frame gauche et droite, c'est tout simple (target ou javascript).
J'ai envie de le faire avec un menu déroulant mais des simples liens feraient l'affaire.
 
Avec des "simples liens" (et pas une menu déroulant) : ca ressemblerait a ca :
"
lienhome lien1 lien2 lien3 lien4
----------------------------------------
contenu de de la page fonction du lien
"
 
C'est clair qu'avec 2 frames verticales (1 a gauche servant de menu et 1 pour le contenu) c facile mais j'aimerais faire autrement pour cette page.
Avec des frames horizontales (1 basse, 1 gauche) j'aurai un ascenceur à mi hauteur de la page (en dessous de ma ligne lienhome lien1 lien 2), ce que je veux éviter.
 
 

Reply

Marsh Posté le 11-09-2003 à 22:40:50    

évite les frames, c'est dégeulasse.

Reply

Marsh Posté le 11-09-2003 à 22:44:05    

J'ai torché 2 fichiers pour montrer ce que j'aimerais mettre en place.
http://the.hulk.free.fr/coucou.htm
http://the.hulk.free.fr/coucou2.htm
 
Ce que jeux pas : http://the.hulk.free.fr/coucou4.htm
 
Dans l'esprit, en cliquant sur le lien, on change le contenu de la page. Le truc classique avec des frames. Sauf que je veux pas de frames pour éviter les effets d'ascenceurs (debutant en haut de la frame du bas ... si je faisais des frames). Et si je faisais des frames, j'en ferais une a gauche et une a droite et ca roulerait. Sauf que je veux mes liens au dessus du contenu et les frames c moche dans ce cas.
Regardez pas le code, c juste pour vous montrer "visuellement" ce que j'aimerais faire (dans un vrai site :-) ) Ca a rien a voir avec le code final...
Est-ce possible de faire ca sans 2 frames ?


Message édité par Siam le 11-09-2003 à 22:49:39
Reply

Marsh Posté le 11-09-2003 à 22:50:42    

tu mets ton contenu dans un div. Puis tu cache tout les div via javascript avec une fonction, puis tu les affiches via le lien.
 
http://www.magnin-sante.ch/journal [...] php&id=102
 
Utilise cet aricle, et dit moi si il est pas clair  
 
 
Pour cacher un div :  
 
<div id="mondiv">
</div>
 
var MonDiv = getElementById("mondiv" )
MonDiv.style.display="none";


---------------
mon blog : http://www.magnin-sante.ch/journal/
Reply

Marsh Posté le 11-09-2003 à 23:15:23    

Va falloir que j'étudies en détail pour comprendre le lien..mais on a rien sans rien.
 
En pratique, si j'ai bien compris, dans ma page html, je mets le contenu de tous mes liens, mais je les cache.
 
En fonction du lien sélectionné, je cache le contenu prélablement sélectionné, et je mets le calque en actif (style.display="" apparement).
 
Vais m'amuser entre les document.all (ie4), document.layers (ns4.7) et document.getElementById... :-)
 

Reply

Marsh Posté le 11-09-2003 à 23:18:46    

Siam a écrit :

Va falloir que j'étudies en détail pour comprendre le lien..mais on a rien sans rien.
 
En pratique, si j'ai bien compris, dans ma page html, je mets le contenu de tous mes liens, mais je les cache.
 
En fonction du lien sélectionné, je cache le contenu prélablement sélectionné, et je mets le calque en actif (style.display="" apparement).
 
Vais m'amuser entre les document.all (ie4), document.layers (ns4.7) et document.getElementById... :-)
 
 


 
Nan ta pas besoin de t'occuper des croûtes. Elle sont plus utilisées de tt façon.
 
Et si tu fait ta fonction pour cacher comme je l'ai montré. Ces navigateurs auront tout de même le contenu. Que demander de plus ?
 
et pour le code c'est
 
MonDiv.style.display="block";
 
qui est la valeur de base pour un div.
 
 :hello:


---------------
mon blog : http://www.magnin-sante.ch/journal/
Reply

Marsh Posté le 11-09-2003 à 23:18:46   

Reply

Marsh Posté le 12-09-2003 à 00:11:16    

fadenreturns a écrit :


 
VADE RETRO surtout pas ALLHTML !!!
 
jai honte  :o  mais je vais me faire un petit coup de pub là. Je te conseil ça si tu veux faire du Javascript :  
 
http://www.magnin-sante.ch/journal [...] php&id=102


 :heink: Tout ça pour faire de la pub. Tu reproches quoi à ce site qui en a aidé plus d'un ?


---------------
What if I were smiling and running into your arms? Would you see then what I see now?  
Reply

Marsh Posté le 12-09-2003 à 00:35:11    

JagStang a écrit :


 :heink: Tout ça pour faire de la pub. Tu reproches quoi à ce site qui en a aidé plus d'un ?


 

  • Le site est l'exemple type de ce qu'il faut pas faire
  • Le webmaster s'en fout tant qu'il fait son flouze
  • Le site donne de très mauvaises habitudes au débutants
  • Le site a une url unique
  • Le site n'est pas à jour
  • La section CSS est ridicule, le reste est pas mieux
  • Le site est infesté de publicité
  • Les news sont à se tirer des balles : http://www.allhtml.com/actualites/news273.php


Bref ... Vade Retro !!!
 
je conseil selfhtml : http://selfhtml.selfhtml.com.fr/index.htm
ou openweb : http://www.openweb.eu.org
 


Message édité par fadenreturns le 12-09-2003 à 00:39:25

---------------
mon blog : http://www.magnin-sante.ch/journal/
Reply

Marsh Posté le 12-09-2003 à 08:51:34    

  • Le site est l'exemple type de ce qu'il faut pas faire

  --> pourquoi ? w3c ?

  • Le webmaster s'en fout tant qu'il fait son flouze

  --> Pas plus que les autres. le site est gratuit

  • Le site donne de très mauvaises habitudes au débutants

  --> Lesquelles ?

  • Le site a une url unique

  --> Oui ça c'est chiant. Mais bon

  • Le site n'est pas à jour

  --> mouais

  • La section CSS est ridicule, le reste est pas mieux

  --> pourquoi?  

  • Le site est infesté de publicité

  --> le site de HFR aussi (mais moins c'est clair). Il y a peu de site sans pubs

  -->  :sarcastic:  
 
 
 
--> SelfHtml : Navigation ridicule
--> OpenWeb : Peu utile à mon avis

Reply

Marsh Posté le 12-09-2003 à 09:47:47    

fadenreturns a un peu exagéré mais ceci-dit...
 
 

Citation :

[citation=513004,1][nom]JagStang a écrit[/nom]

  • Le site est l'exemple type de ce qu'il faut pas faire

  --> pourquoi ? w3c ?


 
Oui, ben justement, pas W3C et pour un site sensé apprendre le HTML, c'est quand même un peu dommage...
 

Citation :

  • Le webmaster s'en fout tant qu'il fait son flouze

  --> Pas plus que les autres. le site est gratuit


 
Pour ça ok.
 

Citation :

  • Le site donne de très mauvaises habitudes au débutants

  --> Lesquelles ?


 
Ben des <font> en veux-tu en voilà par exemple... C'est clair que c'est un site dépassé et pas mis à jour.
 

Citation :

  • Le site a une url unique

  --> Oui ça c'est chiant. Mais bon


 
Ben, c'est quand l'exemple d'un truc qu'il ne faut surtout pas faire...
 

Citation :

  • Le site est infesté de publicité

  --> le site de HFR aussi (mais moins c'est clair). Il y a peu de site sans pubs


 
Ok, mais sur HFR, tu n'as pas besoin d'anti-popup. Il y a pub et pub...
 

Citation :

  -->  :sarcastic:


 
 
Ben si, c'est effectivement à se tirer une balle, dire :
 

Citation :


Netscape sort dans l'indifférence totale une nouvelle version de son navigateur fétiche : Netcape Communicator 7.1.  
Même son ancien co-fondateur, Marc Andreessen (aujourd'hui PDG de la société Opsware) précise : "il n'y a plus d'innovations dans Netscape depuis cinq ans"...


 
alors qu'en fait il avait dit :

Citation :

"il n'y a plus d'innovation dans le domaine des navigateurs depuis 5 ans".


 
ça fait une belle différence, et surtout un webmaster d'allhtml qui tente de justifier son incompétence et sa flemmardise de faire un site propre...

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed