[Gast]  Foren Programmierung/Entwicklung JavaScript Nav mit MouseOver

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Programmierung/Entwicklung
Themen
Beiträge
Moderatoren
Letzter Beitrag
JavaScript
1411
5354
Thomas Richard
28. Feb 2024, 15:17
Nic1703
 

Nav mit MouseOver

Anonym
Beiträge gesamt: 22827
15. Jul 2003, 21:56
Beitrag # 1 von 4
Bewertung:
(1052 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo erstmal,
folgendes Prob stellt sich dar. Wenn ich über mein Menu gehe, arbeitet es wie vorgesehen bis auf die winzige Kleinigkeit, daß das Menu nach dem MouseOut nicht in die Urstellung zurückgeht... "Function Clean()"...

UND HIER DAS SCRIPT:


<script language="JavaScript">

function clean ()
{
if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt (0)<'5'))
{
window.document.b.visibility="hide";
window.document.m1.visibility="hide";
window.document.m2.visibility="hide";
window.document.m3.visibility="hide";
window.document.h1a.visibility="hide";
window.document.h2a.visibility="hide";
window.document.h3a.visibility="hide"
return;
}
if (navigator.appVersion.charAt (0)<'5')
{
var layers=document.all.tags ("div");
}
else {
var layers=document.getElementsByTagName("div");
}
layers[0].style.visibility='hidden';
layers[2].style.visibility='hidden';
layers[4].style.visibility='hidden';
layers[6].style.visibility='hidden';
layers[7].style.visibility='hidden';
layers[8].style.visibility='hidden';
layers[9].style.visibility='hidden';
return;
}

function menu (i)
{

switch(i)
{
case 1:
{
if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)<'5'))
{
window.document.b.visibility="show";
window.document.m1.visibility="show";
window.document.m2.visibility="hide";
window.document.m3.visibility="hide";
window.document.h1a.visibility="show";
window.document.h2a.visibility="hide";
window.document.h3a.visibility="hide"
return;
}
if (navigator.appVersion.charAt (0)<'5')
{
var layers=document.all.tags ("div");
}
else {
var layers=document.getElementsByTagName("div");
}
layers[0].style.visibility='visible';
layers[2].style.visibility='visible';
layers[4].style.visibility='hidden';
layers[6].style.visibility='hidden';
layers[7].style.visibility='visible';
layers[8].style.visibility='hidden';
layers[9].style.visibility='hidden';
return;
}
case 2:
{
if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)<'5'))
{
window.document.b.visibility="show";
window.document.m1.visibility="hide";
window.document.m2.visibility="show";
window.document.m3.visibility="hide";
window.document.h1a.visibility="hide";
window.document.h2a.visibility="show";
window.document.h3a.visibility="hide"
return;
}
if (navigator.appVersion.charAt (0)<'5')
{
var layers=document.all.tags ("div");
}
else {
var layers=document.getElementsByTagName("div");
}
layers[0].style.visibility='visible';
layers[2].style.visibility='hidden';
layers[4].style.visibility='visible';
layers[6].style.visibility='hidden';
layers[7].style.visibility='hidden';
layers[8].style.visibility='visible';
layers[9].style.visibility='hidden';
return;
}

case 3:
{
if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)<'5'))
{
window.document.b.visibility="show";
window.document.m1.visibility="hide";
window.document.m2.visibility="hide";
window.document.m3.visibility="show";
window.document.h1a.visibility="hide";
window.document.h2a.visibility="hide";
window.document.h3a.visibility="show"
return;
}
if (navigator.appVersion.charAt (0)<'5')
{
var layers=document.all.tags ("div");
}
else {
var layers=document.getElementsByTagName("div");
}
layers[0].style.visibility='visible';
layers[2].style.visibility='hidden';
layers[4].style.visibility='hidden';
layers[6].style.visibility='visible';
layers[7].style.visibility='hidden';
layers[8].style.visibility='hidden';
layers[9].style.visibility='visible';
return;
}
}

}
</script>
</head>
<body bgcolor="#dfdfdf" background="img/banner_back.jpg" onload="preload_start()">
<div id="b" style="position:absolute; left:0; top:14px; width:500px; height:90px; z-index:1; visibility: hidden;">
<a href="#" onmouseout="clean()"></a>
</div>

<div id="h1" style="position:absolute; left:40px; top:20px; width:73px; height:25px; z-index:2; visibility: visible;">
<a href="#" target="topFrame1" class="navbar" onmouseover="menu(1)">Allgemeines</a>
</div>

<div id="m1" style="position:absolute; left:40px; top:44; width:242; height:55px; z-index:3; visibility: hidden; background-color: #333333; layer-background-color: #333333; border: 1px none #000000;" >
<table width="100%" height="100%" cellspacing="0">
<tr>
<td valign="middle" class="navbarthemes"><img src="img/menupoint.gif" width="12" height="4" hspace="2" border="0" align="absmiddle">
<a href="zielsetzung.htm" target="mainFrame" class="navbarthemes">Zielsetzung</a></td>
</tr>
<tr>
<td valign="middle" class="navbarthemes"><img src="img/menupoint.gif" width="12" height="4" hspace="2" border="0" align="absmiddle">
<a href="profil.htm" target="mainFrame" class="navbarthemes">Profil</a></td>
</tr>
<tr>
<td valign="middle" class="navbarthemes"><img src="img/menupoint.gif" width="12" height="4" hspace="2" border="0" align="absmiddle">
<a href="../../tmp/php/snews/inhalt.php" target="mainFrame" class="navbarthemes">
News</a></td>
</tr>
</table>
</div>

<div id="h2" style="position:absolute; left:153px; top:20px; width:129px; height:25px; z-index:4; visibility: visible;">
<a href="#" class="navbar" onmouseover="menu(2)">Homepage-Zubeh&ouml;r</a> </div>

<div id="m2" style="position:absolute; left:40px; top:44px; width:327px; height:55px; z-index:5; visibility: hidden; background-color: #333333; layer-background-color: #333333; border: 1px none #000000;">
<table width="100%" height="100%" cellspacing="0">
<tr valign="middle" class="navbarthemes">
<td width="50%" height="2"><span class="inhaltsauswahl"><img src="img/menupoint.gif" width="12" height="4" hspace="2" align="absmiddle">
</span><a href="menuframe_anigif.htm" target="leftFrame" class="navbarthemes" onClick="parent.topFrame1.location='#';parent.mainFrame.location='../htms/anigifseinleitung.htm';parent.topFrame2.location='../htms/auswahl_anigifs.htm' ; return false;">AniGifs</a></td>

<td width="50%"><img src="img/menupoint.gif" width="12" height="4" hspace="2" align="absmiddle">
<a href="" class="navbarthemes" onClick="parent.topFrame1.location='#';parent.mainFrame.location='../htms/aufbau.htm';parent.topFrame2.location='../htms/info.htm' ; return false;">Java
Scripte</a></td>
</tr>

<tr valign="middle" class="navbarthemes">
<td height="2"><img src="img/menupoint.gif" width="12" height="4" hspace="2" align="absmiddle">
<a href="" class="navbarthemes" onClick="parent.topFrame1.location='#';parent.mainFrame.location='../htms/aufbau.htm';parent.topFrame2.location='../htms/info.htm' ; return false;">Gifs</a></td>

<td><img src="img/menupoint.gif" width="12" height="4" hspace="2" align="absmiddle">
<a href="menuframe_php.htm" target="leftFrame" class="navbarthemes" onClick="parent.topFrame1.location='#';parent.mainFrame.location='../htms/phpeinleitung.htm';parent.topFrame2.location='../htms/auswahl_php.htm' ; return false;">PHP
Scripte</a></td>
</tr>

<tr valign="middle" class="navbarthemes">
<td height="2"><img src="img/menupoint.gif" width="12" height="4" hspace="2" align="absmiddle">
<a href="" class="navbarthemes" onClick="parent.topFrame1.location='#';parent.mainFrame.location='../htms/fertigedesigns.htm';parent.topFrame2.location='../htms/info.htm' ; return false;">fertige
Designs</a></td>

<td><img src="img/menupoint.gif" width="12" height="4" hspace="2" align="absmiddle">
<a href="" class="navbarthemes" onClick="parent.topFrame1.location='#';parent.mainFrame.location='../htms/gb.htm';parent.topFrame2.location='../htms/info.htm' ; return false;">G&auml;steb&uuml;cher</a></td>
</tr>
</table>
</div>

<div id="h3" style="position:absolute; left:315px; top:20px; width:52px; height:25px; z-index:6; visibility: visible;">
<a href="#" class="navbar" onMouseOver="menu(3)">Support</a> </div>

<div id="m3" style="position:absolute; left:153px; top:44px; width:214px; height:55px; z-index:7; visibility: hidden; background-color: #333333; layer-background-color: #333333; border: 1px none #000000;">
<table width="100%" height="100%" cellspacing="0">
<tr valign="middle" class="navbarthemes">
<td width="50%"><img src="img/menupoint.gif" width="12" height="4" hspace="2" align="absmiddle">
<a href="#" class="navbarthemes" ONCLICK="window.open('../htms/mailform.htm', 'x','toolbar=no,alwaysRaised=yes,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,copyhistory=no,width=600,height=480')">Kontakt</a></td>
<td width="50%"><img src="img/menupoint.gif" width="12" height="4" hspace="2" align="absmiddle">
<a href="menuframe_service.htm" target="leftFrame" class="navbarthemes">Service-Bereich
</a></td>
</tr>
<tr valign="middle" class="navbarthemes">
<td colspan="2"><img src="img/menupoint.gif" width="12" height="4" hspace="2" align="absmiddle">
<a href="#" class="navbarthemes" onClick="window.open('../../tmp/php/guest/jgb.php', 'x','toolbar=no,alwaysRaised=yes,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,copyhistory=no,width=690,height=480')">G&auml;stebuch</a>
</td>
</tr>
<tr valign="middle" class="navbarthemes">
<td colspan="2"><img src="img/menupoint.gif" width="12" height="4" hspace="2" align="absmiddle">
<a href="#" class="navbarthemes" ONCLICK="window.open('../../tmp/php/bb2/index.php', 'x','toolbar=no,alwaysRaised=yes,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,copyhistory=no,width=800,height=600')">Forum</a></td>
</tr>
</table>
</div>

<div id="h1a" style="position:absolute; left:40px; top:20px; width:73px; height:25px; z-index:8; visibility: hidden; background-color: #333333; layer-background-color: #333333; border: 1px none #000000;">
<a href="#" target="topFrame1" class="navbar" onMouseOver="menu(1)">Allgemeines</a>
</div>
<div id="h2a" style="position:absolute; left:153px; top:20px; width:130px; height:25px; z-index:9; visibility: hidden; background-color: #333333; layer-background-color: #333333; border: 1px none #000000;">
<a href="#" class="navbar" onmouseover="menu(2)">Homepage-Zubeh&ouml;r</a> </div>

<div id="h3a" style="position:absolute; left:315px; top:20px; width:52px; height:25px; z-index:10; visibility: hidden; background-color: #333333; layer-background-color: #333333; border: 1px none #000000;">
<a href="#" class="navbar" onMouseOver="menu(3)">Support</a> </div>

</body>



Für eure Hilfe wäre ich dankbar...

trinity2253
X

Nav mit MouseOver

Megabyte
Beiträge gesamt: 134
21. Jul 2003, 18:04
Beitrag # 2 von 4
Beitrag ID: #44511
Bewertung:
(1052 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Ich schau mal nach :D

als Antwort auf: [#43896]

Nav mit MouseOver

Megabyte
Beiträge gesamt: 134
21. Jul 2003, 18:13
Beitrag # 3 von 4
Beitrag ID: #44514
Bewertung:
(1052 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hmm... Switch ohne break... mal schaun ob das nun was nützt
Hmm ständig wird "Script Fehler" angezeigt!
Ich hab jedenfalls noch ein paar fehler gefunden, die dir aber leider nicht weiterhelfen:
Bei den Links ist der Name der Funktion anders als im head (z.B. clean() anstatt clean ())
Ansonsten untersuch den Script mal auf die Schleifen. Ich glaub dass da was nicht stimmt...

als Antwort auf: [#43896]
(Dieser Beitrag wurde von Megabyte am 21. Jul 2003, 18:26 geändert)

Nav mit MouseOver

Megabyte
Beiträge gesamt: 134
28. Jul 2003, 19:29
Beitrag # 4 von 4
Beitrag ID: #45326
Bewertung:
(1052 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
HI!
Ich habe mal das ganze mal stark gekürzt, damit du verstehst wie das Schematisch funtioniert:

<HTML>
<head>
<script language="JavaScript">

function clean()
{
h1.style.visibility='visible';
h2.style.visibility='visible';
h3.style.visibility='hidden';
}

function menu()
{
h1.style.visibility='visible';
h2.style.visibility='visible';
h3.style.visibility='visible';
}

</script>
</head>
<body bgcolor="#dfdfdf" background="img/banner_back.jpg" onload="clean()">
<div id="h1" style="position:absolute; left:0; top:14px; width:500px; height:90px; z-index:1; visibility: hidden;" >
</div>

<div id="h2" style="position:absolute; left:40px; top:20px; width:73px; height:25px; z-index:2; visibility: visible;">
<a href="#" target="topFrame1" class="navbar" onmouseover="menu()" onmouseout="clean()">Allgemeines</a>
</div>

<div id="h3" style="position:absolute; left:40px; top:40px; width:73px; height:25px; z-index:3; visibility: visible;">
<a href="#" target="topFrame1" class="navbar" onmouseover="menu()" onmouseout="clean()">Menu Punkt1</a>
</div>

</body>

Ich hoffe, dass es dir weiterhilft - du kannst die sachen ja mit CSS weiter ausbauen :D


P.s. vielleicht sollte man die eben nicht h1 und so ähnlich nennen - das sind ja auch HTML Tags... vielleicht denkt der dann, dass er den Tag h1 dementsprechend verändern soll

als Antwort auf: [#43896]
(Dieser Beitrag wurde von Megabyte am 28. Jul 2003, 19:31 geändert)
X

Aktuell

Diverses
Tipps zum Aufräumen und Ordnung schaffen

| 29.11.2023

staub_300

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
14.05.2024
Einsparpotenziale in der Weiterverarbeitung

Online
Dienstag, 14. Mai 2024, 10.00 - 10.30 Uhr

Webinar

Prozessoptimierung ist ein Teamsport! Keine Software und keine Maschine allein kann Ihnen helfen, die Effizienzpotenziale Ihres Betriebes maximal auszuschöpfen. Von der Auftragsannahme über die Vorstufe und den Druck bis hin zur Weiterverarbeitung – alles muss optimal ineinandergreifen. Apropos Weiterverarbeitung – in vielen Druckbetrieben fristet sie in Sachen Prozessoptimierung immer noch ein Schattendasein. Dabei liegen hier mittlerweile die größten Einsparpotenziale! In einem Webinar von Horizon und Impressed erfahren Sie, wie Sie diese Einsparungen realisieren können. Horizon, bekannt für innovative Lösungen in der Druckweiterverarbeitung, bietet mit iCE LiNK eine Workflowlösung für die Weiterverarbeitung. iCE LiNK überwacht, visualisiert und analysiert Produktionsabläufe und unterstützt bei der Wartung – damit immer alles reibungslos läuft. Den gleichen Anspruch hat der von Impressed entwickelte Impressed Workflow Server – er ist die smarte PDF-Workflow-Lösung für Druckereien, die Datenmanagement, Preflight und Produktionssteuerung übernimmt. Im Webinar zeigen Ihnen die Experten von Horizon und Impressed, wie beide Lösungen im Team die Effizienz und Produktivität Ihres Betriebes steigern können. Melden Sie sich am besten gleich an, wir freuen uns auf Sie! PS: Melden Sie sich in jedem Fall an – sollten Sie zum Termin verhindert sein, erhalten Sie die Aufzeichnung.

kostenlos

Ja

Organisator: Impressed / Horizon

https://www.impressed.de/schulung.php?c=sDetail&sid=327

Einsparpotenziale in der Weiterverarbeitung
Veranstaltungen
16.05.2024
Und es geht doch: Automatisierung im Großformatdruck!

Online
Donnerstag, 16. Mai 2024, 10.00 - 10.30 Uhr

Webinar

Komplizierte, kleinteilige Aufträge; alles sehr speziell; seit Jahren bewährte Prozesse – da können wir nichts standardisieren und automatisieren! Das sagen viele Großformatdrucker – aber stimmt das wirklich, ist dem tatsächlich so? Günther Business Solutions und Impressed treten in einem Webinar den Gegenbeweis an. Experten beider Unternehmen zeigen, wie Großformatdrucker vom Einsatz zweier bewährter Lösungen profitieren können: • von advanter print+sign von Günther Business Solutions, dem ERP-System für den Großformatdruck, dass alle Phasen der Wertschöpfung im Large Format Printing abdeckt • von Impressed Workflow Server, der smarten PDF-Workflow-Lösung für Druckereien, die Datenmanagement, Preflight und Produktionssteuerung übernimmt Über die Kombination beider Lösungen können Großformatdrucker ihre Prozesse mit modernen Workflows Schritt für Schritt automatisieren – und so zügig deutliche Zeit- und Kosteneinsparungen realisieren. Das Webinar sollten Sie sich nicht entgehen lassen – damit Sie keine Effizienzpotenziale mehr liegen lassen. Melden Sie sich am besten gleich an, wir freuen uns auf Sie! PS: Melden Sie sich in jedem Fall an – sollten Sie zum Termin verhindert sein, erhalten Sie die Aufzeichnung.

kostenlos

Nein

Organisator: Impressed / Günther Business Solutions

https://www.impressed.de/schulung.php?c=sDetail&sid=326

Und es geht doch: Automatisierung im Großformatdruck!
Weitere Events

Neuste Foreneinträge


Aussehen der Formularfelder

Switch/PitStop: Sprachdatei vom Report ändern

Mit Preflight Registerfarbe ALL nach Grau konvertieren geht nicht

Absatzsetzer in CC24 ME lösen Probleme aus

Quark Objekte lassen sich nicht neben Layout ziehen.

Barrierefreie PDFs | Mögliche unangebrachte Verwendung des Strukturelements xy

Barrierefreiheit in indesign 2022: figure-Tags haben als Attributobjekt "block" statt "inline"?

Kontrollkästchen in PDF-Formular

Indesign Tabelle ausrichten

Mehrfach geschichtete und übereinander gelagerte PDFs bereinigen
medienjobs
Weitere Stellenangebote