[TYPO3-german] ein bisschen OT: Das Suchergebnis einer Formulareingabe soll auf derselben Seite in einer Fancybox dagestellt werden

[JCL - Johannes C. Laxander]

Hallo Bernd,

danke - klingt plausibel. Einfach? Ich habe mit Ajax noch nichts gemacht. Irgend einen Tipp wo ich gezielt zu dieser Aufgabestellung infos finden kann - oder vielleicht sogar ein Codebeispiel? ;-)

Gruß, Johannes.
 
> Bernd Wilke
> Gesendet: Mittwoch, 20. Juni 2012 13:56
> 
> On 06/20/2012 01:49 PM, JCL - Johannes C. Laxander wrote:
> > Hallo,
> >
> > ich steh gerade vor folgendem Problem:
> >
> > nach Eingabe von zwei Suchkriterien in ein Formular bereite 
> ich die Ausgabe per TS über ein CONTENT-Objekt auf und zeige 
> das Ergebnis im FE auf derselben Seite an.
> >
> > So weit - so gut!
> >
> > Nun möchte ich das Ergebnis aber nicht in der Seite selbst 
> anzeigen, sondern in einer Fancybox!
> >
> > Mit diesem Construct funktioniert das auch:
> >
> > <script language="JavaScript" type="text/javascript">
> > <!--
> > $(document).ready(function() {
> >   $(".xyz").fancybox({
> >     ...
> >   });
> > });
> > -->
> > </script>
> >
> > <p><a class="xyz" href="#suchergebnis">Anzeigen</a></p>
> >
> > <div id="suchergebnis" style="display:none;width:500px;">
> >     <h2>Lorem ipsum dolor sit amet</h2>
> >    <p>Ergebnis der Abfrage...</p>
> > </div>
> >
> >
> > Die Lösung hat nur einen Haken: der Link der extra 
> angeklickt werden muss! Das sollte nach Anklicken des 
> Fromular-Buttons beim Anzeigen des Suchergebnisses (laden der 
> Seite) automatisch geschehen.
> >
> > Hat jemand eine Idee, wie das zu machen ist? Freue mich über Eure 
> > Ideen... :-)
> 
> das klingt doch so, als ob du den Inhalt der Fancybox per 
> AJAX dynamisch nachladen und in die Seite einbauen willst.
> Also das Formular nicht normal abschicken und die Seite 
> komplett neu aufbauen, sondern per JS das submit abfangen und 
> einen AJAX-Call generieren (evtl. anderen Seiten typ?), nur 
> das Suchergebnis zurückliefern lassen, alles in ein div 
> packen und in der fancybox anzeigen.
> 
> bernd
> --
> http://www.pi-phi.de/cheatsheet.html
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>