CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

menu dynamique

watza_Kamikaze
watza_Kamikaze
Niveau 10
26 août 2005 à 12:28:15

lol alsacréations m´a copié. Je porte plainte mdr..

watza_Kamikaze
watza_Kamikaze
Niveau 10
26 août 2005 à 12:29:35

Ah non.. c´est un menu basique :p

Moi c´est un menu où ca apparait:p

-dr_thrawn-
-dr_thrawn-
Niveau 9
26 août 2005 à 13:20:44

Essaye comme ceci :
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById(´smenu´+i))
{document.getElementById(´smenu´+i).style.display=
´none´;}
}
if (d) {d.style.display=´block´;}
}
//-->
</script>
<style type="text/css">
<!--
/* CSS issu des tutoriels css.alsacreations.com */

dt, dl, dd, ul, li {
list-style-type: none;
margin: 0 0 0 0;
padding: 0;
azimuth:center;
background-color:#CCCCCC;
}

  1. menu dd {

float: left;
}

  1. menu dl {

float: left;
}

  1. menu li {

display: inline;
}

  1. menu a {

text-decoration: none;
color: #000;
background-color:#CCCCCC;
}

  1. smenu1, #smenu2, #smenu3, #smenu4, #smenu5 {

position:absolute;
font-size: 11px;
border-top: 1px solid gray;
width: 790;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#CCCCCC

}

a {text-decoration: none;
color: #222;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
}

-->
</style>
</head>

deepblue
deepblue
Niveau 16
26 août 2005 à 14:50:24

ça ne marche pas, le reulstat est jrs le meme

Yoda_Software
Yoda_Software
Niveau 30
26 août 2005 à 18:47:36

"il faut quand même une fonction javascript en plus du css"
On peut faire sans, mais les résultats sont moins concluants.
Le javascript est là juste pour modifier l´état de chaque éléments du menu.
Mais si tu fais ça correctement, même si le javascript est désactivé sur le navigateur de celui qui visite ton site, le menu s´affichera quand même, plus de façon dynamique (il n´avait qu´à pas le désactiver aussi ! ), mais il s´affichera quand même ! :ok:

Yoda_Software
Yoda_Software
Niveau 30
26 août 2005 à 18:48:40

Perso, je me suis servi du tuto sur OpenWeb.eu.org

-dr_thrawn-
-dr_thrawn-
Niveau 9
26 août 2005 à 18:57:26

Mais sans le javascript, dès que la souris n´est plus sur le lien, le menu s´en va, donc ça ne sert pas à grand chose oO

Yoda_Software
Yoda_Software
Niveau 30
26 août 2005 à 19:11:09

Et bien jette un oeil sur openweb.eu.org, ils montrent comment faire sans JavaScript !
Tu sais, l´utilisation du JavaScript n´est pas une tare, quand c´est fait à bon escient !

C´est dingue, ils ne sont jamais content !

Yoda_Software
Yoda_Software
Niveau 30
26 août 2005 à 19:12:51

"-Dr_Thrawn-
Posté le 26 août 2005 à 13:20:44
Essaye comme ceci :
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById(´smenu´+i))

{document.getElementById(´smenu´+i).style.display=

´none´;}
}
if (d) {d.style.display=´block´;}
}
//-->
</script>"

Que je sache, ça, c´est de toi, non ? Alors pourquoi tu te met à critiquer l´utilisation du JavaScript ?

-dr_thrawn-
-dr_thrawn-
Niveau 9
26 août 2005 à 19:50:48

Mais absolument pas, je ne critique pas l´utilisation du JavaScript, je dis qu´elle est nécessaire, c´est tout à fait différent ;)
Ce code n´est pas de moi, j´ai juste fait un copier/coller pour que ce soit facile à remplacer.

-dr_thrawn-
-dr_thrawn-
Niveau 9
26 août 2005 à 20:12:13
  1. smenu1, #smenu2, #smenu3, #smenu4, #smenu5 {

position:absolute;
font-size: 11px;
border-top: 1px solid gray;
width: 790; <<<< Remplace ça par 790px pour voir !
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#CCCCCC

deepblue
deepblue
Niveau 16
26 août 2005 à 20:15:20

ça marchait deja, c´est juste pour les sous menus le probleme

watza_Kamikaze
watza_Kamikaze
Niveau 10
26 août 2005 à 21:38:20

Le javascript est obligatoire sous IE à cause de d´un encapsuleur "->"(chcrois) qui n´est pas pris en compte..

-dr_thrawn-
-dr_thrawn-
Niveau 9
27 août 2005 à 10:43:18

Oui mais là ce que je t´ai montré concerne les sous-menus : La largeur telle quelle est invalide, du coup tes sous menus se tassent puisqu´aucune largeur n´est spécifiée ; )

deepblue
deepblue
Niveau 16
27 août 2005 à 11:34:36

-Dr_Thrawn- > :merci: , j´ai pas mis 790px mais 130px (la largeur de mes images) et ça va nikel, comme je voulais !

@++

Yoda_Software
Yoda_Software
Niveau 30
27 août 2005 à 16:07:00

"-Dr_Thrawn-
Posté le 26 août 2005 à 19:50:48
Mais absolument pas, je ne critique pas l´utilisation du JavaScript, je dis qu´elle est nécessaire, c´est tout à fait différent ;) "

Yoda_Software
Yoda_Software
Niveau 30
27 août 2005 à 16:08:17

Argh ! je recommence !

"-Dr_Thrawn-
Posté le 26 août 2005 à 19:50:48
Mais absolument pas, je ne critique pas l´utilisation du JavaScript, je dis qu´elle est nécessaire, c´est tout à fait différent ;) "

La prochaine fois exprime toi mieux, car tes posts laissaient penser que tu critiquais l´utilisation du JavaScript. Pour une fois nous allions dans le même sens ! :rire:

-dr_thrawn-
-dr_thrawn-
Niveau 9
27 août 2005 à 18:53:15

J´imagine que tu as dû lire les posts en diagonale, ce que je peux comprendre, car en réalité, je disais ça en réaction à un autre forumeur, qui soutenait lui qu´il était possible de le faire en CSS uniquement !

Yoda_Software
Yoda_Software
Niveau 30
27 août 2005 à 19:30:35

Et bien en fait, c´est faisable, mais pas toujours bien exécuté par IE - eh oui, toujours IE, mais il faut bien dire qu´il fait quand même bien c**** - c´est pourquoi il est conseillé d´utiliser un tout petit peu de JavaScript, pour pallier au faiblesses d´IE.
Jette un oeil sur http://www.alsacreations.com/articles/ ou http://www.openweb.eu.org/
Certains exemples n´utilisent pas le JavaScript
Cet article en particulier explique clairement pourquoi il est préférable d´utiliser un peu de JavaScript : http://css.alsacreations.com/Construction-de-menus-en-CSS/Un-menu-deroulant-en-CSS-et-XHTML-vertical-et-horizontal

-dr_thrawn-
-dr_thrawn-
Niveau 9
27 août 2005 à 19:33:41

On est bien d´accord, le problème vient essentiellement d´IE, qui nous ennuie bien la vie lorsqu´on veut améliorer le design de son site au CSS et qu´il ne comprend que les 3/4 de ce qu´on écrit ^^

Sous forums
  • Aide à l'achat Mac
  • Création de Jeux
  • Linux
  • Programmation
  • Création de sites web
  • Internet
  • Steam Deck
  • Macintosh
  • Hardware
La vidéo du moment