✔ Frage zu Prototype

A

alex130

Erfahrenes Mitglied
Hallo,
ich habe gestern ein Beispiel zu Prototype gefunden und habe nun eine Frage und zwar habe ich diesen Code:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="cache-control" content="no-cache" />
<title>Prototype-Framework</title>

<style type="text/css">
#Ausgabe {
	width: 100%;
	overflow: auto;
	border-top: thin solid;
	padding:0;
	min-height:300px;
}
#Panel {
	width: 80%;
	border: ;thin solid;
	margin: auto;
	padding-top: .5em;
}
#Liste {
	margin: 0;
	padding: 0;
	background: url(http://kv.zulassungen.at/images/navbg.jpg);
	height:31px;
}
#Liste li {
	display: inline;
	border-left: ;1px solid;
	border-right: ;1px solid;
	border-top: ;1px solid;
	padding: .2em;
	margin: 0;
	cursor: pointer;
	background: ;url(http://kv.zulassungen.at/images/navbg2.jpg);
	height:31px;
	color:#FFFFFF;
}

</style>

<script type="text/javascript" src="lib/prototype.js"></script>
<script type="text/javascript">
window.onload = function(){
	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>
<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>
</html>
Und nun will ich irgendwie machen, dass statt Referenzen.html nur Referenzen oder so da steht und ich den Pfad irgendwie übergebe, so wie bei <a href="...">Titel</a>
Kann mir bitte irgendjemand helfen?
Danke
 
Javascript: 
window.onload = function(){
	liste = document.getElementsByTagName("li");
	
	for(var i=0; i<liste.length; i++){
		liste[i].onclick = function(){
			new Ajax.Updater("Ausgabe", this.firstChild.nodeValue+'.html', {method:"get"});
		}
	}
}
HTML: 
  <ul id="Liste">
    <li>eineSeite</li>
    <li>Referenzen</li>
    <li>einFormular</li>
  </ul>
 
Danke, dass dachte ich mir auch schon, allerdings sehen meine Links immer anders aus, deshalb wäre es gut, wenn man die Links in ner Variable oder so speichern kann...
Also bei mir sieht ein Pfad zu einer Datei z.B. so aus:
Code: 
/kunden/privatkunden-anzeigen-1.html
und statt dem sollte halt nur "Kundendaten anzeigen" oder so da stehen....
Danke
 
Zuletzt bearbeitet:
Kann man, aber du kannst ja auch gleich in das <li> eine Funktion machen die die Richtige Datei läd.

Code: 
<script type="text/javascript">
loadfile = function(filename) {
	new Ajax.Updater("Ausgabe", filename, {method:"get"});
}
</script>


Code: 
<li onclick="loadfile('meinedatei.html')">Kunden</li>

So in der Art.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück