nicht angemeldet
nur bestimmtes div aktuallisieren
Hallo,
wie der titel schon sagt versuche ich den Inhaltes eines div ohne neuladen der Seite zu aktualisieren.Das div wo der Inhalt eingeladen wird, soll per variable bestimmt werden. Der zu ladende Inhalt sollte am besten per link definiert werden.
<?php
$div = "content1";
?>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript">
$.ajax({
url: "input.html",
cache: false,
success: function(html){
$("#<?php echo $div ?>").html(html);
}
});
</script>
</head>
<body>
<div id="menu" onclick="$.ajax()"></div>
<div id="content1"></div>
<div id="content2"></div>
So mein Problem ist jetzt das ich nicht weiß wie ich die ajax Funktion in der html anwende und wie ich den zu ladenden Inhalt in einen link bestimmen kann. Ich bin Js Noob der js text ist komplet aus google rauskopiert also bitte verständlich ausdrücken danke.
-
Hallo,
ich glaube, du willst eine <http://de.selfhtml.org/javascript/sprache/funktionen.htm@title=Funktion definieren> und diese im onclick-Attribut aufrufen. Ich würde das allerdings anders lösen:
Ein normaler Link mit der Klasse »lade-per-ajax«:
<a href="seite.html" class="lade-per-ajax">Normaler Link</a>Das Ziel-Element:
<div id="content"></div>Ds Script:
<script type="text/javascript"> [code lang=javascript]// Starte wenn Dokument geladen $(document).[link:http://api.jquery.com/ready@title=ready](function () { // Spreche alle a-Element mit der Klasse lade-per-ajax an, // registriere dort einen click-Handler $('a.lade-per-ajax').[link:http://api.jquery.com/click@title=click](function (e) { // Lese das href-Attribut var href = $(this).[link:http://api.jquery.com/attr@title=attr]('href'); // Lade das Linkziel per Ajax und schreibe die Serverantwort ins Element mit der ID content $('#content').[link:http://api.jquery.com/load@title=load](href); // Verhindere normales Öffnen des Linkziels e.[link:http://api.jquery.com/event.preventDefault/@title=preventDefault](); }); });</script>[/code]
Mathias
-
Hallo,
ich glaube, du willst eine <http://de.selfhtml.org/javascript/sprache/funktionen.htm@title=Funktion definieren> und diese im onclick-Attribut aufrufen. Ich würde das allerdings anders lösen:
Ein normaler Link mit der Klasse »lade-per-ajax«:
<a href="seite.html" class="lade-per-ajax">Normaler Link</a>Das Ziel-Element:
<div id="content"></div>Ds Script:
<script type="text/javascript">
[code lang=javascript]// Starte wenn Dokument geladen
$(document).[link:http://api.jquery.com/ready@title=ready](function () {
// Spreche alle a-Element mit der Klasse lade-per-ajax an,
// registriere dort einen click-Handler
$('a.lade-per-ajax').[link:http://api.jquery.com/click@title=click](function (e) {
// Lese das href-Attribut
var href = $(this).link:http://api.jquery.com/attr@title=attr;
// Lade das Linkziel per Ajax und schreibe die Serverantwort ins Element mit der ID content
$('#content').link:http://api.jquery.com/load@title=load;
// Verhindere normales Öffnen des Linkziels
e.link:http://api.jquery.com/event.preventDefault/@title=preventDefault;
});
});> </script>[/code] > > Mathias Danke genau sowas hab ich gesuch :D jetzt brauch ich noch ne variable oder so die sich nach jeden klick ändert ich will das immer abwechselnt in content1 und content2 geladen wird in php hab ich es leider nicht hinbekommen-
Hallo,
jetzt brauch ich noch ne variable oder so die sich nach jeden klick ändert ich will das immer abwechselnt in content1 und content2 geladen wird in php hab ich es leider nicht hinbekommen
Was hast du in JavaScript versucht?
<http://de.selfhtml.org/javascript/sprache/variablen.htm@title=SELFHTML: Variablen und Werte>Mathias
-
-