JavaScript AJAX - Menüleiste

CWPA · 2. September 2006

Hallo,

erstmal mein Code:

HTML:

<head>
<script type="text/javascript" src="lib/prototype.js"></script>
<script type="text/javascript">

window.onload = function(){
	var liste = document.getElementsByTagName("li");
	
	for(var i=0; i<liste.length; i++){
		liste[i].onclick = function(){
			new Ajax.Updater("Ausgabe", this.firstChild.nodeValue, {method:"get"});
		}
	}
}



</script>
</head>
<body>
<h1>ein kleines Prototype-Beispiel</h1>
<div id="Panel">
  <ul id="Liste">
    <li>eineSeite.html</li>
    <li>Referenzen.html</li>
    <li>einFormular.html</li>
  </ul>
  <div id="Ausgabe"></div>
</div>
</body>

Nun zu meinem Problem der Script sollte so funktionieren das Wenn ich auf ein LI element klicke sich in der Ausgabe Die Webseite öffnet. Tut sie auch. Aber ich will das ich nicht der Dateinnamen dort stehten habe sondern einfach nur auf Eineseite klicke und der die eineSeite.html öffnet

Sgt_H4rtman · 4. September 2006

Hallo,

ich würde es an Deiner Stelle halt damit probieren:

PHP:

<html>
<head>
	<script type="text/javascript" src="lib/prototype.js"></script>
	<script type="text/javascript">
		window.onload = function() {
			var liste = document.getElementsByTagName('li');
			for(var i = 0; i < liste.length; i++) {
				liste[i].onclick = function() {
					new Ajax.Updater('Ausgabe', this.getAttribute('title'), {method:'get'});
				}
			}
		}
	</script>
</head>
<body>
	<h1>ein kleines Prototype-Beispiel</h1>
	<div id="Panel">
		<ul id="Liste">
			<li title="eineSeite.html">eineSeite</li>
			<li title="Referenzen.html">Referenzen</li>
			<li title="einFormular.html">einFormular</li>
		</ul>
	</div>
	<div id="Ausgabe"></div>
</body>
</html>

Übrigens habe ich so meine Zweifel, dass das Script so im MSIE läuft. Die Funktion zum Registrieren der LI-Elemente solltest Du am Ende der HTML-Datei ausführen, damit der Brwoser die Elemente auch schon gerendert hat.

Ciao

Suche

JavaScript AJAX - Menüleiste

CWPA

Ensign

Sgt_H4rtman

Ensign

Ähnliche Themen