PN: Nur Business-Template - Auswahlmenü in "Nachrichten lesen"

19.08.2022 11:51 (zuletzt bearbeitet: 19.08.2022 11:53)

Wolfgang
#1 PN: Nur Business-Template - Auswahlmenü in "Nachrichten lesen"

Ist man im Business-Template auf der Seite PN lesen, hat man eine Vielzahl von untereinanderstehenden Links (siehe Bild1).

Wie wäre es, wenn man wie im Postfach (Business-Template) ein Auswahlmenü einbaut?
Das würde dann wie oben in Bild 2+3 aussehen. Der Schnelligkeit wegen, wäre ein Öffnen per Mouseover empfehlenswert!
In den anderen Templates sieht die Anordnung der Links recht gut aus. Hier, denke ich, ist kein Bedarf!

Vorablösung nur für das Business-Template
Wegen der Löschfunktion kann das Skript nicht in die Kopf- oder Fußzeile!
Das Skript muss als PlugIn angelegt werden!
Das Template wird dadurch nicht verändert!

"Admin > Plugin > Plugin-Entwicklung > Ein neues Plugin erstellen > Plugin anlegen > pmail_read_footer".

Private Mails - Nachricht lesen: Footer

In Zeile 10 werden die Links einfach "geklont" und in die Menüliste Zeile 4-7 geschoben!
In Zeile 7 wird durch "margin-top" der obere Abstand der Liste zum Menü eingestellt werden.
Der Eintrag "height" in Zeile 6 sorgt für ein Offenbleiben beim Mouseover!
Zeile 11 sorgt für für das Ausblenden der Links und der Umbrüche in der Liste (br)
Zeile 13 ist für die Mouseover-Funktion zuständig.
Zeile 14 ist notwendig, weil sonst die Lösch-Funktion nicht funktioniert!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<script>
window.addEventListener('load', function(){
$('.page_private_read #breadcrumbs').after(`
  <div class="options" style="float:right; padding:2px 0;">
  <div class="foptions">
  <div id="foptions_link" style="height:30px;"><small>Nachrichten-Einstellungen <img src="https://img.homepagemodules.de/ds/cached/svg-object_navsub-color1_111111-color2_111111-color3_FFF.png"></small>
  <div class="foptions_list" id="foptions_extend2" style="margin-top:8px;"></div></div></div></div>
`);
 
$('#foptions_extend2').html( $('.message td:nth-child(3)').clone() );
$('.message td:nth-child(3), .foptions_list br').hide();
 
$('#foptions_link').hover(function(){$(this).find('#foptions_extend2').show();},function(){$(this).find('#foptions_extend2').hide();});
$('#delete_link').click(function() { var answer = confirm("Sind Sie sicher, dass Sie die Nachrichten löschen wollen?"); if (answer){window.location = "{{delete_link}}";} else {return false;} });
});
</script>
 