-
Contao 3 jquery Dialog
Hallo,
ich habe mit contao 3 eine HTML seite erstellt, mit einer Übersicht von Artikeln die auf eine "Detailseite" verweisen.
Ich möchte jetzt gerne wenn ich auf einen Artikel gehe ein Dialog Fenster wie bei jquery Dialog aufgeht.
Wie setze ich das um? und funktioniert das überhaupt?
Danke für eure Hilfe
-
Funktioniert unter Contao.
Schau dir den Beispielcode auf http://jqueryui.com/dialog/#default an.
-
und wie verweise ich als Inhalt auf den Artikel?
Das Beispiel schreibt ja die INhalte auf "einer" Seite ....
-
Was soll denn im modalen Fenster erscheinen ? Eine ganze Seite oder einfach nur ein Textelement ?
Wenn es nur ein Textelement ist, könntest du dieses einfach auf deine Übersichtsseite erstellen und mit css (disdplay: none) ausblenden.
In deinen Übersichtsartikeln braucht du dann nur noch einen link oder button etc. der beim click-event den dazugehörigen Artikel modal darstellt.
-
es soll eine ganze seite angezeigt werden
-
könnte man mit {{insert_article::*}} versuchen:
Textelement mit insert tag auf der Übersichtsseite erstellen und mit css ausblenden und dann mit ensprechenden Script modal anzeigen
Code:
<script>
(function($) {
$(document).ready(function(){
var opt = {
autoOpen: false,
modal: true,
width: 550,
height:650,
title: 'Details'
}
$( "#open" ).click(function() {
$( "#testartikel" ).dialog(opt).dialog("open");
});
});
})(jQuery)
</script>
-
okay und die funktion dann für jeden artikel.
Und wie bekomm ich Quellcode in den "Header" geschrieben?
-
Im Back End das Layout bearbeiten und den Quelltext dort einfügen.
Oder eine Template Datei anlegen mit j_blub und diese dann im Layout anhaken.
Oder in eine extra *.js Datei spechern und diese dann über die config.php der Erweiterung in die entsprechende Konfig Variable schreiben.