Nochmals vielen Dank, es funktioniert fabelhaft!
Habe es so gelöst, wie ihr beiden es vorgeschlagen habt.
Im Template habe ich das so vorbereitet:
PHP-Code:
<div style="display:none;" id="it_art_sammlung">
<?php
echo "<div id='it_artid_182' class='it_article'>" . $this->replaceInsertTags('{{insert_article::182}}') . "</div>";
echo "<div id='it_artid_183' class='it_article'>" . $this->replaceInsertTags('{{insert_article::183}}') . "</div>";
echo "<div id='it_artid_184' class='it_article'>" . $this->replaceInsertTags('{{insert_article::184}}') . "</div>";
echo "<div id='it_artid_185' class='it_article'>" . $this->replaceInsertTags('{{insert_article::185}}') . "</div>";
echo "<div id='it_artid_186' class='it_article'>" . $this->replaceInsertTags('{{insert_article::186}}') . "</div>";
echo "<div id='it_artid_187' class='it_article'>" . $this->replaceInsertTags('{{insert_article::187}}') . "</div>";
echo "<div id='it_artid_188' class='it_article'>" . $this->replaceInsertTags('{{insert_article::188}}') . "</div>";
?>
</div>
und dann später mein jQuery-Part so angepasst:
HTML-Code:
<div id="tool_inhalte">
<div class="tool_con">
<div data-artid="182" id="a1">Beispieltext 1</div>
<div data-artid="183" id="a2">Beispieltext 2</div>
<div data-artid="184" id="a3">Beispieltext 3</div>
<div data-artid="185" id="a4">Beispieltext 4</div>
<div data-artid="186" id="a5">Beispieltext 5</div>
<div data-artid="187" id="a6">Beispieltext 6</div>
<div data-artid="188" id="a7">Beispieltext 7</div>
</div>
</div>
<div id="tool_ausgabe">
</div>
<script type="text/javascript">
jQuery('.tool_con div').click(function(){
var tool_con_id = jQuery(this).attr('id');
var art_id = jQuery(this).attr('data-artid');
tool_ausgabe(art_id, tool_con_id);
});
function tool_ausgabe(art_id, tool_con_id){
var artikel_inside = jQuery('#it_artid_'+art_id).html();
var artikel = "<div id='artid_"+art_id+"'>"+artikel_inside+"</div>";
var this_object = jQuery('#'+tool_con_id);
if(this_object.hasClass('selected')==true){
this_object.removeClass('selected');
jQuery('#artid_'+art_id).remove();
}else{
this_object.addClass('selected');
jQuery('#tool_ausgabe').append(artikel);
}
}
</script>
In der Contao-Version 2.11.x habe ich noch zusätzlich die Erweiterung "jquery" installiert, damit die Einbindung von solchen Scripten reibungslos läuft. Man muss nur dabei beachten, dass man "NoConflict" aktiviert hat und im Script alle "$" durch "jQuery" ersetzt.
Lesezeichen