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

fehler in ajax menü Problem mit Escape-Sequenzen

Mitglied: 53111

53111 (Level 1)

26.09.2007, aktualisiert 11:10 Uhr, 2591 Aufrufe, 1 Kommentar

Hallo ich habe eine Problem mit meinem Ajax menü an dem ich gerade experimentiere.


ich möchte dass das hauptmenü und die jeweiligen untermenüs aus einer datei/später db gelesen werden und dann ein menü per ajax aufbauen. mit dem hauptmenü hat das soweit auch funktioniert und es wurden jeweils links im hauptmenü erzeugt. nun soll bei klick auf einen link das untermenü mit den entsprechenden daten aus der externen datei gefüllt werden. sowohl die haupt als auch die untermenüs sind fest durchnumeriert:

01.
      
02.
	<span class="menue_aktiv" >
03.
<div id="div_zurueck0" style="display:inline"></div>
04.
<div id="div_zurueck1" style="display:inline"></div>
05.
<div id="div_zurueck2" style="display:inline"></div>
06.
<div id="div_zurueck3" style="display:inline"></div>
07.
<div id="div_zurueck4" style="display:inline"></div>
08.
<div id="div_zurueck5" style="display:inline"></div>
09.
 
10.
</span>
11.
 
12.
	<span class="untermenue_aktiv" >
13.
<div id="div_zurueck0_unter" style="display:inline"></div>
14.
<div id="div_zurueck1_unter" style="display:inline"></div>
15.
<div id="div_zurueck2_unter" style="display:inline"></div>
16.
<div id="div_zurueck3_unter" style="display:inline"></div>
17.
 
18.
 
19.
</span>
20.
 

zum test wollte ich nun das erste untermenue mit einem echten link versehen.

01.
  document.getElementById('div_zurueck_unter' + j).innerHTML = " <a href=\" javascript:untermenue" + j + "() \"> " + texttrenner[j] + " </a>";
so soll beim klick auf den erzeugten link die javascript methoder untermenue0 - ? aufgerufen werden.
ich habe diese zeile mit hilfe von http://netzmafia.de/skripten/javascript/jsref.html versucht zu schreiben?

scheinbar leigt hier irgendwo der fehler. firebug meldet "missing ; before statement"????


gruß tobi
Mitglied: 53111
26.09.2007 um 11:10 Uhr
ok sry das problem scheint sich erledigt zu haben. man sollte den überblick über seine namensvergabe nicht verlieren:

falls es jemand interessiert hier der komplette code:
über verbesserungsvorschläge würde ich mich trotzdem freuen - ist mein erstes ajax projekt...
besonders im bezug auf die strukturieung verstehe ich z.b. nicht warum dieses
01.
span.untermenue_aktiv 
02.
	{
03.
	background-color:#CCCCCC;
04.
	top:400px;
05.
	
06.
	}
das untermenü nicht um 400px nach unten verschiebt..

01.
 
02.
<html>
03.
	<head>
04.
    
05.
  <style type="text/css">
06.
    span.menue_aktiv 
07.
	{
08.
	background-color:#999999;
09.
	
10.
	}
11.
   		 span.menue_aktiv a 
12.
		 { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-underline:none; text-align:center;  height:46px;  padding-left:20px; padding-right:20px; margin:5px; margin-left:0px;}
13.
    	span.menue_aktiv a:link, div.menue_aktiv a:visited { color:#000066;  }
14.
    	span.menue_aktiv a:hover { color:#FFFFFF; background-color:#0000FF }
15.
    	span.menue_aktiv a:active { color:#FFFFFF; background-color:#000066}
16.
		
17.
	span.untermenue_aktiv 
18.
	{
19.
	background-color:#CCCCCC;
20.
	top:400px;
21.
	
22.
	}
23.
   		 span.untermenue_aktiv a 
24.
		 { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-underline:none; text-align:center;  height:46px;  padding-left:20px; padding-right:20px; margin:5px; margin-left:0px;}
25.
    	span.untermenue_aktiv a:link, div.untermenue_aktiv a:visited { color:#000066;  }
26.
    	span.untermenue_aktiv a:hover { color:#FFFFFF; background-color:#0000FF }
27.
    	span.untermenue_aktiv a:active { color:#FFFFFF; background-color:#000066}	
28.
		
29.
		
30.
    </style>
31.
    
32.
    
33.
  
34.
		<script language="JavaScript" type="text/javascript">
35.
			function getXmlHttpRequestObject() {
36.
				if (window.XMLHttpRequest) {
37.
					return new XMLHttpRequest(); //Not IE
38.
				} else if(window.ActiveXObject) {
39.
					return new ActiveXObject("Microsoft.XMLHTTP"); //IE
40.
				} else {
41.
					alert("Your browser doesn't support the XmlHttpRequest object.  Better upgrade to Firefox.");
42.
				}
43.
			}			
44.
	
45.
			var receiveReq = getXmlHttpRequestObject();		
46.
 
47.
 
48.
 
49.
 
50.
			function hauptmenue() {
51.
			
52.
				if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
53.
				
54.
					receiveReq.open("GET", 'hauptmenue.html', true);
55.
					receiveReq.onreadystatechange = handlehauptmenue; 
56.
					receiveReq.send(null);
57.
				}			
58.
			}
59.
			
60.
			function handlehauptmenue() {
61.
				if (receiveReq.readyState == 4) {
62.
					var textinhalt = receiveReq.responseText;				
63.
					var texttrenner = textinhalt.split(" ");					
64.
					elemente = texttrenner.length;
65.
					
66.
					<!--texttrenner[0] -->
67.
					<!-- -->
68.
					for (j=0; j<=elemente; j++)
69.
					{
70.
				  document.getElementById('div_zurueck_unter' + j).innerHTML = " <a href=\" javascript:untermenue" + j + "() \"> " + texttrenner[j] + " </a>";
71.
 
72.
					}
73.
				}
74.
			}
75.
			
76.
			
77.
			
78.
			
79.
			
80.
				function untermenue0() {
81.
				//If our XmlHttpRequest object is not in the middle of a request, start the new asyncronous call.
82.
				if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
83.
					receiveReq.open("GET", 'untermenue0.html', true);
84.
					receiveReq.onreadystatechange = handleuntermenue0; 
85.
					receiveReq.send(null);
86.
				}			
87.
			}
88.
			
89.
			function handleuntermenue0() {
90.
				if (receiveReq.readyState == 4) {
91.
					var textinhalt = receiveReq.responseText;				
92.
					
93.
					var texttrenner = textinhalt.split(" ");							
94.
					elemente = texttrenner.length;
95.
			
96.
					for (j=0; j<=elemente; j++)
97.
					{
98.
					  
99.
					    document.getElementById('div_zurueck' + j).innerHTML = "<a href=\"index.html\" >"+texttrenner[j]+"</a>"; 
100.
 
101.
					}
102.
				
103.
				}
104.
			}
105.
			</script>
106.
            
107.
            
108.
            
109.
	</head>
110.
	<body>
111.
		<!-- Clicking this link initiates the asyncronous request -->
112.
		<a href="javascript:hauptmenue()">start</a><br />
113.
        
114.
	<span class="menue_aktiv" >
115.
<div id="div_zurueck0" style="display:inline"></div>
116.
<div id="div_zurueck1" style="display:inline"></div>
117.
<div id="div_zurueck2" style="display:inline"></div>
118.
<div id="div_zurueck3" style="display:inline"></div>
119.
<div id="div_zurueck4" style="display:inline"></div>
120.
<div id="div_zurueck5" style="display:inline"></div>
121.
 
122.
</span>
123.
 
124.
	<span class="untermenue_aktiv" >
125.
<div id="div_zurueck_unter0" style="display:inline"></div>
126.
<div id="div_zurueck_unter1" style="display:inline"></div>
127.
<div id="div_zurueck_unter2" style="display:inline"></div>
128.
<div id="div_zurueck_unter3" style="display:inline"></div>
129.
 
130.
 
131.
</span>
132.
 
133.
 
134.
 
135.
        
136.
     
137.
       
138.
        
139.
        
140.
        
141.
        
142.
	</body>
143.
</html>
144.
 
Bitte warten ..
Ähnliche Inhalte
PHP
Vom MD Array zum Menu
gelöst Frage von pcguyPHP7 Kommentare

Hallo zusammen, ich versuche aus einem MD Array ein Menu zu generieren. Dazu habe ich folgende Ausgabe: Ich kriege ...

JavaScript
Javascript und Ajax Problem
gelöst Frage von ProtectedJavaScript4 Kommentare

Hallo, der User colinardo hat mir seinen AJAX Code zur Verfügung gestellt, damit ich per Ajax Kategorien und die ...

CMS

Modul ins MENU hinzufügen Joomla 3.5.1

Frage von sbsnewbieCMS

Moin Leude, hat jemand von Euch eine Idee, wie man ein Modul in das MENU integrieren kann, kann auch ...

Visual Studio

Simples asp.net menu selbst erstellen

gelöst Frage von Herbrich19Visual Studio22 Kommentare

Hallo, Ich möchte gerne eine eigenes ASP.NET Menü Steuerelement erstellen was einfachen HTML Code rendert. Ich möchte ein HTML5 ...

Neue Wissensbeiträge
iOS
WatchChat für Whatsapp
Tipp von Criemo vor 1 TagiOS3 Kommentare

Ziemlich coole App für WhatsApp User in Verbindung mit der Apple Watch. Gibts für iOS sowohl als auch für ...

iOS
IOS hat nen Cursor !!!
Tipp von Criemo vor 1 TagiOS5 Kommentare

Nette Funktion im iOS. iPhone-Mauszeiger aktivieren „Nichts ist nerviger, als bei einem Tippfehler zu versuchen, den iOS-Cursor an die ...

Off Topic
Avengers 4: Endgame - Erster Trailer
Information von Frank vor 4 TagenOff Topic2 Kommentare

Ich weiß es ist Off Topic, aber ich freue mich auf diesen Film und vielleicht geht es anderen hier ...

Webbrowser
Microsoft bestätigt Edge mit Chromium-Kern
Information von Frank vor 4 TagenWebbrowser5 Kommentare

Microsoft hat nun in seinem Blog bestätigt, dass die nächste Edge Version kein EdgeHTML mehr für die Darstellung benutzen ...

Heiß diskutierte Inhalte
Windows Netzwerk
Kerio. Kann keine Mails empfangen aber senden. Wer ist schuld. Kerio oder Windows domäne?
gelöst Frage von frosch2Windows Netzwerk31 Kommentare

Hallo, es existiert ein Problem bei uns mit dem mailen. Alle bestehenden Nutzer können mailen. Raus wie rein. Neuen ...

LAN, WAN, Wireless
WLAN und Ausmessung - Eine Glaubensfrage?
Frage von ptr2brainLAN, WAN, Wireless23 Kommentare

Liebe Experten, als Sys-Admin habe ich mir schon öfter die Frage gestellt, ob es sich beim Thema WLAN und ...

Hosting & Housing
VMware VM mit über 1TB RAM für S4HANA
Frage von Leo-leHosting & Housing22 Kommentare

Hallo zusammen, wer hat Erfahrng und kann mir einen Tipp zum sizing von S4HANA Systemen geben? Wir möchten, zunächst ...

Virtualisierung
Gebrauchte Server Hardware als Virtualisierungs-"Spielwiese"?
Frage von NixVerstehenVirtualisierung19 Kommentare

Einen wunderschönen guten Morgen zusammen, ich möchte mich gerne etwas tiefer mit dem Thema Virtualisierung beschäftigen und dazu ein ...