| Autor |
Nachricht |
Vertigo81
Threadersteller
Dabei seit: 22.06.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 07.03.2012 13:19
Titel [javaScript] [ajax] Kann mir jemand dieses Script erklären? |
  |
|
Hallo,
sorry für den schwammigen titel aber ich weiss bei leibe nicht, wie ich mein problem titulieren soll. das szenario:
ich nutze wordpress als CMS und möchte eine seitenpaginierung geschmeidig mit AJAX darstellen (also ohne komplett-reload der seite). das hat wunderbar durch dieses script (in der header.php) geklappt:
| Code: |
<script type="text/javascript" charset="utf-8">
jQuery(document).ready(function(){
jQuery('#PaginationExample a').live('click', function(e){
e.preventDefault();
var link = jQuery(this).attr('href');
jQuery('#contentinner').html('Loading...');
jQuery('#contentinner').load(link+' #main_rechts');
});
});
</script>
|
mein HTML-gerüst des containers innerhalb der seite sieht dementsprechend so aus:
| Code: |
<div id="contentinner">
<div id="main_rechts">
<div id="teaser_small">
<h1>Hier steht die Headline</h1>
<p>Hier steht der Text</p>
</div>
<div id="teaser_small">
<h1>Hier steht die Headline</h1>
<p>Hier steht der Text</p>
</div>
<div id="teaser_small">
<h1>Hier steht die Headline</h1>
<p>Hier steht der Text</p>
</div>
<div id="teaser_small_navi">
<ul id="PaginationExample">
<li><a href="http://www.meineseite.de/"><div id="teaser_small_navi_up"></div></a></li>
<li><a href="http://www.meineseite.de/?paged=2"><div id="teaser_small_navi_down"></div></a></li></ul>
</div>
</div>
</div>
|
so weit, so gut! bis hier hin funzt alles soweit ganz dufte! allerdings: ich verwende zur darstellung der "nichtbrowserschrift" (in meinem falle ist dasd die "h1") das javascript "cufón". und eben dieses script wird nicht mehr innerhalb des containers "#contentinner" ausgeführt, sobald die ajax-funktion (in meinem falle die wordpress-pagination) ausgefüghrt wird.
ich habe mich noch wie ein bekloppter im netz "schlau" gelesen und bin auf diesen schnipsel gestossen:
| Code: | | $('selector').load('/feed', Cufon.refresh); |
ich habe versucht diesen anzuwenden und in meine footer-php wie folgt eingefügt=
| Code: | | <script type="text/javascript"> $('#main_rechts').load('template_home.php', Cufon.refresh); </script> |
nun wird aber innerhalb des containers "#main_rechts" die komplette seite immer und immer wieder neu geladen. Deshalb:
kann mir jemand erklären, wie ich diesen schnipsel in meinem falle anwenden muss? kann ich vielleicht sogar das ajax-script (oben) durch diesen erweitern? ich brauch hier echt hilfe von nem spezi...
tausend dank und gruss,
vertigo
Zuletzt bearbeitet von Vertigo81 am Mi 07.03.2012 13:20, insgesamt 2-mal bearbeitet
|
|
| |
  |
 |
zweitaccount
Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 07.03.2012 14:31
Titel
|
|
|
Hi, an dieser Stelle würde es mehr Sinn machen - imho:
| Code: | | jQuery('#contentinner').load(link+' #main_rechts', Cufon.refresh); |
Grüße
zweitaccount
|
|
| |
|
|
|
Anzeige
|
|
|
Vertigo81
Threadersteller
Dabei seit: 22.06.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 07.03.2012 14:39
Titel
|
|
|
| zweitaccount hat geschrieben: | Hi, an dieser Stelle würde es mehr Sinn machen - imho:
| Code: | | jQuery('#contentinner').load(link+' #main_rechts', Cufon.refresh); |
Grüße
zweitaccount |
danke für deine antwort.
das hatte ich auch schon ausprobiert, funktioniert aber leider nicht... nur warum nicht? ich bin echt mit meinem latein am ende... sobald ich die ajax-paginierung anklicke und das DIV neu geladen wird, ist die cufon-schrift wieder weg... noch ne idee?
Zuletzt bearbeitet von Vertigo81 am Mi 07.03.2012 14:39, insgesamt 1-mal bearbeitet
|
|
| |
|
|
zweitaccount
Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 08.03.2012 08:46
Titel
|
|
|
Moin,
hmm da müsste man mal das Cufon-Script zerlegen. Aber mal
ins blaue geraten: Cufon.perform anstatt Cufon.refresh probieren..?
Grüße
zweitaccount
|
|
| |
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: 
|
Verfasst Do 08.03.2012 09:19
Titel
|
|
|
versuch es mal mit einem expliziten selektor:
| Code: | jQuery('#contentinner').load(link+' #main_rechts', function(){
Cufon.refresh('h1');
});
|
Solltest du noch mehr Dinge mit Cufon ersetzen, erstelle dafür eine eigene cufon regel:
| Code: |
Cufon.replace('h1', ....);
Cufon.replace('meine restlichen selektoren',...);
|
Dann sollte Cufon.refresh('h1'); defintiv gehen.
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
AJAX Upload script
Suche Ajax Script zum Textfelder befüllen
Automatisch scrollen via Ajax oder Java Script - aber wie?
[javascript] ajax effect callback methode?
PHP/MySQL, JQuery/Javascript, (AJAX) lernen
hover effekt über bild - ajax, javascript?
|
|
Willkommen auf dem Portal für Mediengestalter
