Top-Themen

Aktuelle Themen (A bis Z)

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

Frage Entwicklung JavaScript

GELÖST

Javascript, button soll maus folgen aber z-index wirkt nicht

Mitglied: -CopyCat-

-CopyCat- (Level 1) - Jetzt verbinden

14.07.2009, aktualisiert 18.01.2010, 5024 Aufrufe, 2 Kommentare

Tagchen

Ich habe auf meiner Seite ein kleines Javascript integriert, durch welchse ein "Button" in meiner horizontalen Menüleiste der Maus folgt. Das Problem ist allerdings, dass dieser Button über mein eigentliches Menü rollt, d.h. der Button liegt "Layermässig" über meinem Menü und somit sind meine Menüelemente nicht mehr anklickbar. Ich habe dazu schon einige Threads gelesen, wo ich überall las, dass man solche Gegebenheiten mit der z-index Definierung lösen kann, aber wenn ich meinem Menü-div den z-index 10 zuweise und dem "Button"-div den z-index 1, schwebt letzterer immer noch über dem Menü.

Hier ein paar Codeschnipsel:

css:
01.
#buttonroll { 
02.
	position: absolute; 
03.
	left:0px; 
04.
	top:136px; 
05.
	z-index:1; 
06.
07.
 
08.
#menu_oben_content { 
09.
	text-align:left; 
10.
	margin:0 auto; 
11.
	padding:22px 0 0; 
12.
	height:28px; 
13.
	width:800px; 
14.
	z-index:10; 
15.
}
javascript:
01.
<script type="text/javascript" > 
02.
 
03.
ua = navigator.userAgent.toLowerCase(); 
04.
uv = parseInt(navigator.appVersion); 
05.
if(ua.indexOf('opera') != -1 && uv >= 4){browser = 'OP'} 
06.
else if(ua.indexOf('msie') != -1 && uv >= 4){browser = 'IE'} 
07.
else if(uv == 4){browser = 'NN4'} 
08.
else if(uv >= 5){browser = 'NN6'} 
09.
 
10.
function startroll() 
11.
12.
	onmousemove = scrolling; 
13.
14.
 
15.
function scrolling(e) 
16.
17.
	if(browser == 'IE'){ x = window.event.x; y = window.event.y;} 
18.
 	else if(browser == 'NN6') { x = e.clientX; y = e.clientY;} 
19.
 	else{ x = e.x; y = e.y; } 
20.
	 
21.
 	id = 'buttonroll'; 
22.
	if(browser == 'OP'){document.getElementById(id).style.zIndex = 1;} 
23.
 	else if(browser == 'IE'){document.all[id].style.zIndex = 1;} 
24.
 	else if(browser == 'NN4'){document[id].zIndex = 1;} 
25.
 	else if(browser == 'NN6'){document.getElementById(id).style.zIndex = 1;} 
26.
	 
27.
 	if(browser == 'OP'){document.getElementById(id).style.left = x-50;} 
28.
 	else if(browser == 'IE'){document.all[id].style.left = x-50+'px';} 
29.
 	else if(browser == 'NN4'){document[id].left = x-50;} 
30.
 	else if(browser == 'NN6'){document.getElementById(id).style.left = x-50+'px';} 
31.
32.
 
33.
function stoproll(e) 
34.
35.
	onmousemove = null; 
36.
37.
 
38.
</script>
hoffe jemand weiss hier ne antwort, bei fragen... einfach fragen ;)

Gruss Jinxy
Mitglied: nxclass
15.07.2009 um 08:49 Uhr
Zitat: "... Die Schichtposition orientiert sich darüber hinaus an der des Elternelements. ..."
Quelle: http://de.selfhtml.org/css/eigenschaften/positionierung.htm#z_index

ggf. fehlt die CSS Eigenschaft: 'position' für dein Menü !?
Bitte warten ..
Mitglied: -CopyCat-
15.07.2009 um 15:57 Uhr
Vielen Dank für den Link, lag tatsächlich an der position-Angabe, funktioniert jetzt bestens

Gruss Jinxy
Bitte warten ..
Ähnliche Inhalte
HTML
JavaScript Button Problem
gelöst Frage von DomiZone1HTML2 Kommentare

hallo ich wollte für ein Script testen ob ein Button immer noch Gedrückt ist nur auf google finde ich ...

JavaScript
Wie Verknüpfe ich einen Button mit einem Javascript
gelöst Frage von deinernstjetztJavaScript2 Kommentare

Hallo, ich habe vor einen Js dann ausführen zu lassen, wenn ein Button angeklickt wird. Wie geht das? Der ...

JavaScript
Javascript - Speichern Zustand radio-buttons in localStorage
gelöst Frage von internet2107JavaScript3 Kommentare

Folgendes "Problem". In einem Script sollen praktisch 2 Zustände gespeichert und nach Belieben aufgerufen und dann entsprechend verändert werden. ...

Visual Studio
Kann man in Visual Studio einen button sichtbar machen, wenn sich die Maus bewegt?
gelöst Frage von GERz0cKErZVisual Studio5 Kommentare

Hallo, Ich möchte wie schon im Titel geschrieben einen Button sichtbar machen sobald sich die Maus irgendwo in der ...

Neue Wissensbeiträge
Linux

Meltdown und Spectre: Linux Update

Information von Frank vor 1 TagLinux

Meltdown (Variante 3 des Prozessorfehlers) Der Kernel 4.14.13 mit den Page-Table-Isolation-Code (PTI) ist nun für Fedora freigegeben worden. Er ...

Tipps & Tricks

Solutio Charly Updater Fehlermeldung: Das Abgleichen der Dateien in -Pfad- mit dem Datenobject ist fehlgeschlagen

Tipp von StefanKittel vor 2 TagenTipps & Tricks

Hallo, hier einmal als Tipp für alle unter Euch die mit der Zahnarztabrechnungssoftware Charly von Solutio zu tun haben. ...

Sicherheit

Meltdown und Spectre: Wir brauchen eine "Abwrackprämie", die die CPU-Hersteller bezahlen

Information von Frank vor 2 TagenSicherheit12 Kommentare

Zum aktuellen Thema Meltdown und Spectre: Ich wünsche mir von den CPU-Herstellern wie Intel, AMD oder ARM eine Art ...

Sicherheit

Meltdown und Spectre: Realitätscheck

Information von Frank vor 2 TagenSicherheit10 Kommentare

Die unangenehme Realität Der Prozessorfehler mit seinen Varianten Meltdown und Spectre ist seit Juni 2017 bekannt. Trotzdem sind immer ...

Heiß diskutierte Inhalte
Batch & Shell
Meltdown Microsoft Prüf Script - .zip Datei leider leer
gelöst Frage von MasterBlaster88Batch & Shell13 Kommentare

Hallo zusammen, ich patche gerade unsere Windows Server bzgl. der Meltdown Lücke. Patch vorhanden, Reg Keys gesetzt Um das ...

Batch & Shell
Shell-Skript - Syntax error: Unterminated quoted string
Frage von newit1Batch & Shell13 Kommentare

Hallo Ich schreibe ein Skript das eine CSV-Datei in eine mySQL Datenbank schieben soll. Bekomme nach start des Skrips ...

E-Mail
Erfahrungen mit hMailServer gesucht
Frage von it-fraggleE-Mail10 Kommentare

Hallo, meine neue Stelle möchte einen eigenen Mailserver. Ich als Linuxkind war direkt geistig mit Postfix dabei. Leider wollen ...

Entwicklung
VBS: alle PDF-Dateien in einem Ordner gleichzeitig öffnen
gelöst Frage von JuweeeEntwicklung9 Kommentare

Hallo, ich habe in deiner Ordnerstruktur (.\Tagesberichte\xx.18\) mehrere dynamische PDF-Formulare (mit LCD erstellt). Die Berichtsformulare sind im Layout alle ...