zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden JQuery: Datei in Container laden

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 18.06.2009, 11:19
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.06.2009
Beiträge: 30
crossgolfer85 befindet sich auf einem aufstrebenden Ast
Standard JQuery: Datei in Container laden

Hallo,
ich versuch mich gerade an JQuery.

Ich lade eine php-Datei in einen Container und tausche die Inhalte mit Links entsprechend aus. Das funktioniert auch soweit mit normalen Inhalten (Text).

Ich möchte aber nun verschiedene ImageFlow-Galerien darin entsprechend laden. Das ImageFlow-Script wird aber nicht angezeigt.

Wo muss ich die imageflow.js und imageflow.css einbinden? In die Datei die nachgeladen wird oder nur in die Ursprungsdatei? Funktioniert irgendwie beides nicht...

Folgendes habe ich im Head stehen:
PHP-Code:
jQuery(document).ready(function(){
  
// Wenn kein Request ausgefuehrt wurde folgende Datei laden:
  
jQuery("#boxImageFlowStart").load("flow.php?art=random");
  
// Wenn klick auf id=random
  
jQuery("#random").click(function(){jQuery("#boxImageFlowStart").load("flow.php?art=random");});
  
// Wenn klick auf id=toprated
  
jQuery("#toprated").click(function(){jQuery("#boxImageFlowStart").load("flow.php?art=toprated");});
  
// Webnn klick auf id=recent
  
jQuery("#recent").click(function(){jQuery("#boxImageFlowStart").load("flow.php?art=recent");});
  
}); 
Und im Body:
HTML-Code:
<a href="javascript:void(0);" id="random">Inhalt random</a>
<a href="javascript:void(0);" id="toprated">Inhalt toprated</a>
<a href="javascript:void(0);" id="recent">Inhalt recent</a>

Meine flow.php:
HTML-Code:
<!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=UTF-8" />
    <link rel="stylesheet" href="./css/imageflow.css" title="stylesheet" type="text/css" media="screen" />
    <script type="text/javascript" src="./include/js/imageflow.js"></script>
    <title></title>
  </head>
  <body>

  
  <div id="FlowHome" class="imageflow">
	<img src="img/at_symbol.jpg" longdesc="img/img1.png" width="400" height="300" alt="Image 1" />
	<img src="img/datenscheiben.jpg" longdesc="img/img2.png" width="300" height="400" alt="Image 2" />
	<img src="img/farbraum.jpg" longdesc="img/img3.png" width="400" height="400" alt="Image 3" />
	<img src="img/fries.jpg" longdesc="img/img1.png" width="400" height="300" alt="Image 4" />
	<img src="img/kunst.jpg" longdesc="img/img2.png" width="300" height="400" alt="Image 5" />
	<img src="img/platsch.jpg" longdesc="img/img1.png" width="400" height="300" alt="Image 6" />
	<img src="img/raetsel_1.jpg" longdesc="img/img2.png" width="300" height="400" alt="Image 7" />
	<img src="img/raetsel_2.jpg" longdesc="img/img3.png" width="400" height="400" alt="Image 8" />
	<img src="img/stimme_von_oben.jpg" longdesc="img/img1.png" width="400" height="300" alt="Image 9" />
  </div>    
  
  
  </body>
</html>

Geändert von crossgolfer85 (18.06.2009 um 11:23 Uhr) Grund: Geändert weil Code der flow.php vergessen
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 18.06.2009, 12:17
Benutzerbild von uspri
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 04.07.2005
Beiträge: 900
uspri sorgt für eine eindrucksvolle Atmosphäreuspri sorgt für eine eindrucksvolle Atmosphäre
Standard

Erstens darfst Du in der flow.php keinen HTML Header mehr mitschicken, also nur das, was zwischen den <body>-Tags steht und zweitens musst Du bestimmt nach dem Laden des Inhalts das Imageflow neu initialisieren, damit es die entsprechenden Bilder lädt. Das CSS und JS musst Du nicht in der flow.php laden, sondern in der Datei, wo Du das Ajax aufrufst. Beim Ajax gibt es eine option success: und dort müsstest Du das Imageflow neu initialiseren.

Ich habe das aber selber noch nicht gemacht, denke aber mal, dass ich so an die Sache herangehen würde.

Schau mal hier nach: http://finnrudolph.de/ImageFlow/Documentation
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 18.06.2009, 14:34
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.06.2009
Beiträge: 30
crossgolfer85 befindet sich auf einem aufstrebenden Ast
Standard

Hey, vielen Dank erstmal.

Habe mir schon gedacht das es falsch ist das HTML-Grundgerüst mit in die flow.php zu packen. Ich habe das nur gemacht weil ich nicht wußte wie ich ImageFlow innerhalb des Containers initialisiert bekomme. War also mehr ein Test

Ok, ich werde mal weiter suchen ob ich was finde. In der ImageFlow Doku habe ich jedenfalls nichts passendes gefunden.
Mit Zitat antworten
  #4 (permalink)  
Alt 18.06.2009, 15:38
Benutzerbild von uspri
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 04.07.2005
Beiträge: 900
uspri sorgt für eine eindrucksvolle Atmosphäreuspri sorgt für eine eindrucksvolle Atmosphäre
Standard

Schau mal bei jQuery nach dem sucess-Event bei Ajax und dann das irgendwie mit dem aus der ImageFlow-Doku verbinden.

Code:
sucess: function()
{
	var instanceOne = new ImageFlow();
	instanceOne.init({ ImageFlowID: 'myImageFlow' });
};
Schau einfach mal und probiere ein wenig herum.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
jQuery: IMG mit Klasse nicht laden? alsodenn Javascript & Ajax 5 13.01.2011 14:28
Datei Upload mit Jquery? crossgolfer85 Javascript & Ajax 0 14.08.2010 11:25
Bei Upload mit Jquery Multifile-Plugin wird immer nur eine Datei hochgeladen connor Serveradministration und serverseitige Scripte 0 19.02.2010 16:57
Datei neu laden, Cache, CSS, Filetime Scheppertreiber Serveradministration und serverseitige Scripte 27 18.02.2008 13:05
html oder pdf Datei laden cgdesign Javascript & Ajax 1 09.01.2007 12:47


Alle Zeitangaben in WEZ +2. Es ist jetzt 18:13 Uhr.