Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

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

Frage Entwicklung JavaScript

Mitglied: 53111

53111 (Level 1)

26.09.2007, aktualisiert 11:10 Uhr, 2520 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
Webentwicklung
gelöst Problem mit Joomla http Fehler 404.0 (5)

Frage von Leo-le zum Thema Webentwicklung ...

Router & Routing
Fritz Box 7490 DNS und Telefonie Fehler (3)

Frage von Akcent zum Thema Router & Routing ...

Vmware
gelöst Keyboard problem (7)

Frage von rocco61 zum Thema Vmware ...

Server
IIS 8.5 Server HTTP-Fehler 500.19 - Internal Server Error (1)

Frage von coldice-it zum Thema Server ...

Neue Wissensbeiträge
RedHat, CentOS, Fedora

Fedora, RedHat, Centos: DNS-Search Domain setzen

(13)

Tipp von Frank zum Thema RedHat, CentOS, Fedora ...

Drucker und Scanner

Samsung SL-M4025ND, firmware update und (kompatible) Tonerkassetten

(1)

Erfahrungsbericht von markus-1969 zum Thema Drucker und Scanner ...

Heiß diskutierte Inhalte
LAN, WAN, Wireless
gelöst Komplett neues Netzwerk, Ubiquiti WLAN, Router, Switch (16)

Frage von Freak-On-Silicon zum Thema LAN, WAN, Wireless ...

CMS
Lokales Wordpress im LAN - wie aufsetzen? (15)

Frage von Static zum Thema CMS ...

Backup
Backup Wochen- Monats- Jahressicherung (13)

Frage von Meterpeter zum Thema Backup ...

RedHat, CentOS, Fedora
Fedora, RedHat, Centos: DNS-Search Domain setzen (13)

Tipp von Frank zum Thema RedHat, CentOS, Fedora ...