[GastForen Programmierung/Entwicklung JavaScript Hilfe!!! Navigation

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

Hilfe!!! Navigation

Fredi
Beiträge gesamt: 7

21. Sep 2004, 02:46
Beitrag # 1 von 17
Bewertung:
(6431 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Ihr lieben JavascriptProfis,

ich hoffe, Ihr könnt mir helfen!?!
Ich bin ziemlicher Laie, also habt Nachsicht ;-)

Ich mache mir gerade eine neue HP. Dafür habe ich mir folgenden Banner gebastelt: http://www.golden-alwin.de/...er_AlwinNele_eng.jpg

Nun möchte ich gerne, dass sich bei den Links (Alwin, Nele, Photos,...) ein Menü öffnet, wenn man mit der Maus darüber fährt.

Genau so wie hier: http://www.vom-seelbacher-forst.de
Z.B. Hunde, Zucht, Photos,...

Wenn man mit der Maus runtergeht, sollte die Auswahl auch wieder verschwinden. Eben so wie auf der genannten HP.

Wie mache ich das? Ich habe im Quelltext der HP gesehen, dass Javascript verwendet wird. Aber ich weiß überhaupt nicht, was alles vom Quelltext dazu gehört.
Ihr seht, ich bin ziemlich unbedarft.
Kann mir bitte, bitte trotzdem (oder gerade deswegen ;-)) jemand helfen?
Bitte ganz genau und verständlich (bin ne Frau und noch dazu blond ;-)))

Liebe Grüße,
Fredi


(Dieser Beitrag wurde von Fredi am 21. Sep 2004, 02:47 geändert)
X

Hilfe!!! Navigation

jrandi
Beiträge gesamt: 794

21. Sep 2004, 20:47
Beitrag # 2 von 17
Beitrag ID: #110172
Bewertung:
(6431 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
schau mal den Quellcode von http://www.vom-seelbacher-forst.de an. da steht alles drin ;-) javascript lässt sich nicht verstecken. . .

gruss
jurg

sorry, hab übersehen, dass du den quellcode schon studiert hast... tja, dann, das alles zu erklären braucht so seine zeit wenn du schon selber nicht weiterkommst. . . und einen link weiss ich gerade nicht. es gibt aber javascript-generator, mal googlen. ob die jedoch das bringen was du willst . . . wäre nicht sicher.
________________________________
net & print production
http://www.randj.net / http://www.alpha-randj.net


als Antwort auf: [#109924]
(Dieser Beitrag wurde von jrandi am 21. Sep 2004, 20:51 geändert)

Hilfe!!! Navigation

nika15
Beiträge gesamt: 69

21. Sep 2004, 22:35
Beitrag # 3 von 17
Beitrag ID: #110186
Bewertung:
(6431 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
dort gibt es ein download namens "statisches Menu 2"
das so aufgebaut ist:

http://www.jswelt.de/...amp;artid=1016608934

;-) gruss nika


als Antwort auf: [#109924]

Hilfe!!! Navigation

Anonym
Beiträge gesamt: 22827

22. Sep 2004, 11:56
Beitrag # 4 von 17
Beitrag ID: #110305
Bewertung:
(6431 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

Danke schon mal für Eure Hilfe!

Werde es auf jeden Fall mit dem statischen Menü versuchen. Für weitere Hilfe bin ich natürlich dankbar!

Liebe Grüße,
Fredi


als Antwort auf: [#109924]

Hilfe!!! Navigation

Fredi
Beiträge gesamt: 7

29. Sep 2004, 03:21
Beitrag # 5 von 17
Beitrag ID: #111851
Bewertung:
(6431 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo nochmal,

leider bin ich immer noch nicht weiter. Ich habe es nicht geschafft.
Kann mir noch jemand helfen? Vielleicht fällt jemandem ein, wie ich doch noch an meine Navigation komme?!?
Wäre super. Ich bin für jede Hilfe super dankbar!

Liebe Grüße,
Fredi


als Antwort auf: [#109924]

Hilfe!!! Navigation

SabineP
Beiträge gesamt: 7586

29. Sep 2004, 12:39
Beitrag # 6 von 17
Beitrag ID: #111935
Bewertung:
(6431 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Fredi,

habe mal ein Beispiel gebastelt.
Für das Banner zwei Imagemaps angelegt (News und Alwin).
Wenn Du mit der Maus über News und Alwin fährst, dann öffnet sich ein Menü.

Du wirst aber ganz ohne HTML- und Javascript-Kenntnisse nicht viel damit anfangen können.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Menu</title>

<script type="text/javascript">
Menu = {timer : null, current : null};
Menu.getStyle = function(name){
if(document.getElementById) return document.getElementById(name).style;
else if(document.all) return document.all[name].style;
else if(document.layers) return document.layers[name];
}
Menu.show = function(name){
if(this.timer) clearTimeout(this.timer);
this.getStyle(name).visibility = "visible";
this.current = name;
}
Menu.hide = function(){
this.timer = setTimeout("Menu.doHide()",2000);
}
Menu.doHide = function(){
if(this.current){
this.getStyle(this.current).visibility = "hidden";
this.current = null;
}
}
</script>

<style type="text/css">
#subnav1 {position:absolute;top:150px;left:160px;z-index:10;visibility:hidden}
#subnav2 {position:absolute;top:150px;left:210px;z-index:11;visibility:hidden}
</style>
</head>
<body>

<img src="Banner_AlwinNele_eng.jpg" alt="banner" height="140" width="955" usemap="#map" border="0">
<map name="map">
<area shape="rect" coords="143,88,199,118" alt="News" onmouseover="Menu.doHide(); Menu.show('subnav1');" onmouseout="Menu.hide();" onfocus="blur();" href="#">
<area shape="rect" coords="201,88,255,118" alt="Alwin" onmouseover="Menu.doHide(); Menu.show('subnav2');" onmouseout="Menu.hide();" onfocus="blur();" href="#">
</map>

<div id="subnav1" onmouseover="Menu.show(this.id);" onmouseout="Menu.hide();">
<table border="0" cellspacing="0" cellpadding="2">
<tr><td><a href="#">MenuPunkt 1</a></td></tr>
<tr><td><a href="#">MenuPunkt 2</a></td></tr>
<tr><td><a href="#">MenuPunkt 3</a></td></tr>
</table>
</div>

<div id="subnav2" onmouseover="Menu.show(this.id);" onmouseout="Menu.hide();">
<table border="0" cellspacing="0" cellpadding="2">
<tr><td><a href="#">MenuPunkt 4</a></td></tr>
<tr><td><a href="#">MenuPunkt 5</a></td></tr>
<tr><td><a href="#">MenuPunkt 6</a></td></tr>
</table>
</div>

</body>
</html>


Gruß Sabine


als Antwort auf: [#109924]
(Dieser Beitrag wurde von SabineP am 29. Sep 2004, 19:23 geändert)

Hilfe!!! Navigation

Fredi
Beiträge gesamt: 7

30. Sep 2004, 14:08
Beitrag # 7 von 17
Beitrag ID: #112277
Bewertung:
(6431 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Sabine,

vielen Dank für Deine Mühe! Aber ich glaube, ich bin wirklich zu blöd!
Wenn ich den Quellcode nämlich in meine HP einfüge, sieht man ihn in der Vorschau. Was mache ich denn falsch???

Liebe Grüße,
Fredi


als Antwort auf: [#109924]

Hilfe!!! Navigation

SabineP
Beiträge gesamt: 7586

30. Sep 2004, 14:21
Beitrag # 8 von 17
Beitrag ID: #112285
Bewertung:
(6431 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Fredi,

den Quellcode oben mußt Du einfach nur als irgendeinname.html speichern.
Diese Datei sollte sich zusammen mit diesem Banner in einem Ordner befinden, damit das Bild angezeigt werden kann.

Dann die HTML-Datei im Browser aufrufen.

Gruß Sabine


als Antwort auf: [#109924]

Hilfe!!! Navigation

Fredi
Beiträge gesamt: 7

30. Sep 2004, 21:55
Beitrag # 9 von 17
Beitrag ID: #112409
Bewertung:
(6431 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Aaaaaarrrrrgggggghhh....
Geht auch net. Ich habe es abgespeichert, aber wenn ich die Datei im IE öffne, erscheint auch der Quellcode!?!?!?!?
Liebe Grüße,
Fredi


als Antwort auf: [#109924]

Hilfe!!! Navigation

wanderer
Beiträge gesamt: 14

1. Okt 2004, 13:35
Beitrag # 10 von 17
Beitrag ID: #112526
Bewertung:
(6431 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Ja hallo Fredi,

sollen wir jetzt raten, was genau du gemacht hast?
Ich schlage vor, du postest einen Link zu der Seite, die jetzt nicht funktioniert und jedeR kann sich dann den Quälcode ansehen und mit Ergänzungen und Abänderungen antworten. Vielleicht wirds dann noch ein Quellcode.

Grüsse,
wanderer

---------------------------
http://www.jbergsmann.at/


als Antwort auf: [#109924]

Hilfe!!! Navigation

Anonym
Beiträge gesamt: 22827

1. Okt 2004, 13:47
Beitrag # 11 von 17
Beitrag ID: #112531
Bewertung:
(6431 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Ich habe, denke ich, eine ähnliche Frage, also stelle ich sie gleich mal hier..
Ich möchte gern bei meiner Navigationsleiste ein paar links anbringen, die in verschiedenen "Ordnern" verschachtelt sind, wie hier: http://www.globemaster.de/sitemap/index.htm sodass gewisse Links erst erscheinen, wenn man beim Ordner auf das + klickt.
Der Quellcode ist etwas verwirrend. Soviel ich bisher kapiert habe werden die Categorien "Volumes" genannt und die ihnen untergeordneten Links "Items". Ich hab soviel begriffen dass dort zuerst die Namen und URLS der Items definiert werden, dann die Namen und Links der Volumes. Allerdings, was davor und danach steht kapier ich nicht ganz, kann mir jemand helfen? Das hier steht davor:

function anItem(alink,adesc)
{
this.alink = alink
this.adesc = adesc
}

//Some variables are being defined below.

var VOLUMES = new Array
var CHAPTERS = new Array
var ITEMS = new Array


Und das hier steht danach:


var bExpanded = true; // is tree initially expanded completely
var bLoaded = false; // tree is ready
var width = 400;
var height = 18;
var MAX_ITEMS = VOLUMES.length + ITEMS.length
var SPACER_HEIGHT = (MAX_ITEMS + 4) * height // allow space for toc to expand when all nodes visible
var listX = 2 // start x of list
var listY = 20 // start y of list
var bgColor = "000000";

if(parseInt(navigator.appVersion) < 4)
{

Ich glaub das letzte "if" bezieht sich darauf was geschieht wenn jemand eine alte Browserversion hat, also hab ich das mal nicht hier rein kopiert.


als Antwort auf: [#109924]

Hilfe!!! Navigation

Fredi
Beiträge gesamt: 7

1. Okt 2004, 16:04
Beitrag # 12 von 17
Beitrag ID: #112584
Bewertung:
(6431 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Oh Gott, wie peinlich, aber ich kenn mich wirklich nicht aus!
Ich habe eigentlich gedacht, dass ich Sabines Anweisungen genau befolgt habe, aber dann müsste es ja gehen, oder?
Ich habe den Quellcode kopiert, über Frontpage unter script_banner_eng abgespeichert, und probeweise auf meinen Server hochgeladen.
Die Seite ist hier zu sehen http://www.golden-alwin.de/script_banner_eng.htm
Was habe ich jetzt schon wieder falsch gemacht? Hilfe!!

Liebe Grüße,
Fredi


als Antwort auf: [#109924]

Hilfe!!! Navigation

SabineP
Beiträge gesamt: 7586

1. Okt 2004, 16:08
Beitrag # 13 von 17
Beitrag ID: #112586
Bewertung:
(6431 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Fredi,

Frontpage hat doch auch eine Quellcode-Ansicht.
Genau dort muß der Quellcode eingefügt werden.

Oder mach folgendes:
Start --> Ausführen --> Notepad --> den Quellcode einfügen --> Datei speichern mit der Endung html.

Gruß Sabine


als Antwort auf: [#109924]

Hilfe!!! Navigation

Fredi
Beiträge gesamt: 7

1. Okt 2004, 18:44
Beitrag # 14 von 17
Beitrag ID: #112619
Bewertung:
(6431 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Huhu!

Bin dank Eurer Hilfe und der meines Freundes endlich weitergekommen! Daaaankeeee!!!
Jetzt tut sich aber schon das nächste Prob auf.
Das Drop-Down-Menü öffnet sich nämlich "hinter" dem Hauptframe. Ich habe jetzt mal die Seite hochgeladen und den Rahmen des Navigationsframe etwas heruntergezogen, damit ihr seht, was ich meine.

http://www.golden-alwin.de/index4.htm

Liebe Grüße,
Fredi


als Antwort auf: [#109924]

Hilfe!!! Navigation

SabineP
Beiträge gesamt: 7586

1. Okt 2004, 19:38
Beitrag # 15 von 17
Beitrag ID: #112627
Bewertung:
(6431 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Fredi,

dann laß die Frames weg.
Deinen Seiteninhalt kannst Du hier einsetzen:

</div>
Hierhin ...
</body>
</html>

Gruß Sabine


als Antwort auf: [#109924]
X

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
02.02.2023

Prozesse optimieren und effizient gestalten

Zürich
Donnerstag, 02. Feb. 2023, 08.00 - 10.00 Uhr

Digitalisierung, Webauftritt

Digitalisierung mitgestalten - Worauf kommt es an? Wie wichtig ist die Webseite? Webseite mit Word Press? Interne Prozesse optimieren

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: Birol Isik, E-Mailinfo AT bkcc DOT ch

https://digitalisierung-heute.ch/digitalisierung-informationstag-schweiz/

Veranstaltungen
01.03.2023 - 09.03.2023

Online
Mittwoch, 01. März 2023, 00.00 Uhr - Donnerstag, 09. März 2023, 00.00 Uhr

Online Webinar

Wie gehen wir mit diesen Veränderungen um? Was ist notwendig, damit wir die Digitalisierung im Unternehmen klappt? Veränderungsprozesse verstehen und entsprechend handeln Mitarbeiter als Botschafter Webseite mit WordPress erstellen SEA /SEO (Ads aufschalten)

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: B. Isik, E-Mailinfo AT snfa DOT ch

https://www.fernstudiumfitness.ch/digitalisierung-schweiz/