You are not logged in.

Klappmenü???

wcf.regNote.message

-TheKilla-

Beginner

  • "-TheKilla-" started this thread

Posts: 9

  • Send private message

1

Wednesday, May 24th 2006, 11:31pm

Klappmenü???

Hi also ich habe hier einige punkte buttons mal und ich will so ein klappmenü hineinbekommen! also wenn ich mit der maus drauffahre, kommt ein klappmenü!

Source code

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

<html>
<head>
<title>Logitech MX 518</title>
<link rel="Stylesheet" href="stylesheet.css">
</head>
<body style="text-align: center">
<div id="button">
	<img src="Bilder/banneroben.jpg" usemap="#Map">
	  <map name="map">
      <area shape="rect" coords="0,1,205,30" href="main.html">
      <area shape="rect" coords="204,0,413,30" href="techdat.html">
      <area shape="rect" coords="617,2,827,30" href="galery.html">
      <area shape="rect" coords="411,1,619,37" href="products.html">
      <area shape="rect" coords="826,2,1033,32" href="links.html">
    </map>
</div>

<div id="banner">
	<img src="Bilder/banner.jpg">
</div>

<div id="main">
	<table border="0" width="98%">
	<tr>
		<td>&nbsp;</td>
		<td align="center"><h1>LOGITECH MX 518</td>
		<td>&nbsp;</td>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td align="center"><img src="Bilder/logitech_mx518.jpg" width="400" height="400" border="0"></td>
		<td>&nbsp;</td>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
</table>
</div>

</body>
</html>


Ich hoffe ihr versteht was ich meine, wenn nich dann postet es und ich werde es versuchen besser zu erklären!

ps: achja, warum habe ich ins JS forum gepostet? Weil mir zu ohren gekommen ist das man das mit js macht!

lichtonkel

Beginner

Posts: 39

Occupation: staat. gepr. Informatiker Multimedia/Studierender

  • Send private message

2

Thursday, June 8th 2006, 10:33pm

hallo,

also fertige menüs gibts zu hauf bei diversen "script-seiten"... wenn du dir den quelltext anguckst, siehst du eigentlich recht schnell, wie sowas geht ;)


wenn du's selbst machen willst, solltest du dich mit den themen
Layer, eventHandler, und CSS vertraut machen, damit ist das recht einfach möglich.

z.b.

Source code

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

<script .....>

function showLayer(layerID)
{
  document.getElementById(layerID).style.visibility = "visible";
}

function hideLayer(layerID)
{
  document.getElementById(layerID).style.visibility = "hidden";
}

</script>

<div id="menüunterpunkte1" style="visibility:hidden"><tabelle mit menüpunkten></div>

<a href="" onMouseOver="javascript:showLayer(menüunterpunkte1)"  onMouseOut="javascript:hideLayer(menüunterpunkte1)" >Menüpunkt1</a>




Natürlich musst du in dem beispiel den divcontainer noch richtig positionieren usw.
Aber im Grunde ist das alles, was du brauchst um das menü so zu bauen. du kannst das ganze aauch verschachteln, also einem untrepunkt noch weitere unterpunkte hinzufügen, aber das ist ja nur noch fleißarbeit ;)

achja, dass der code so funzt, verspreche ich natürlich auch nicht. er ist nur als kleine anregung gedacht ;)

btw. du solltest fü die leute, die kein javascript aktiviert haben, noch eine normale navigation bereitstellen, damit die auch an deinen content kommen ;)
Ich weiß, derer gibts nicht viele, aber es soll wohl vorkommen.


mfg
Lichtonkel

-TheKilla-

Beginner

  • "-TheKilla-" started this thread

Posts: 9

  • Send private message

3

Tuesday, July 11th 2006, 10:28am

thx das kann hier mal geschlossen werden, ein Thema folgt..

wcf.user.socialbookmarks.titel