Funktionen & Template » Activity Feed

Florians Forum � Webmaster � Xobor (Homepagemodules & Dynamicboard) � Funktionen & Template � Activity Feed

Themen-Einstellungen

Thema drucken

Bereich wechseln

#1 | Activity Feed datum

31.01.2012 00:01

Hallo Florian,
kann man die Activity Feed über einen Link z.B. mehr in Ihrer Ansicht vergrößern (wie in Deinem Forum mit "vollständige Liste..) ?

Die Höhe wird durch das class="lastactions" bestimmt.

<style>
.lastactions {max-height: 138px !important;}
</style>

{{global_hide_activities==true.start}}{{feed_active.start}}0{{feed_active.end}}{{global_hide_activities==true.end}}
{{feed_active==true.start}}<br><br>
{{settingimg.start}}http://files.homepagemodules.de/b2001010/a_1235_1679bb97.png{{settingimg.end}}
<table width="100%" class="xFeedContainer">
<tr>
<td style="padding:5px;" class="iau1"><strong>Activity Feed</strong>{{no_subscritions==false.start}}<span class="activity_settings">{{activities_notify_type==true.start}}<small style="margin-right:5px;">Sie haben den Feed abonniert</small><a href="{{edit_feed_link}}"><img src="{{settingimg}}" alt="settings"></a>{{activities_notify_type==true.else}}<a href="{{subscribe_to_feed_link}}">Feed abonnieren</a>{{activities_notify_type==true.end}}</span>{{no_subscritions==false.end}}</td>

<tr><td>

{{get_actvityfeed()}}
</td></tr>
<tr><td class="iau1" style="padding:5px;"><a href="#">mehr</a></td>

</table>

{{feed_active==true.end}}

Bis dann und besten Dank
Wolfgang

Forum: Der Treffpunkt für Hilfe, Tricks & Tipps

Antworten

#2 | RE: Activity Feed datum

01.02.2012 00:23

florian-zier

Administrator

Informationen anzeigen

Beitr�ge:	837
Punkte:	1895
Registriert seit:	19.04.2007
Wohnort:	Oberkirch

Hallo Wolfgang,
ich habe im Moment nicht so viel Zeit, deshalb werde ich mich kurz fassen.

Mein Link "vollst�ndige Liste" verlinkt auch nur auf die normale �bersicht f�r "Beitr�ge der letzten Tage".
Ich habe auch vor, demn�chst mal irgendwann den Activity-Feed auszuprobieren.
Daran hat mich nur gest�rt, dass er in der H�he genau beschr�nkt ist.

Um deine Frage zu beantworten, ver�ndere deinen Mehr-Link folgenderma�en:

1
 
<a href="javascript:void(0);" onclick="document.getElementById('xActivityFeed').style.setProperty('max-height', '200px', 'important');">mehr...</a>

Setze f�r die "200px" einen Wert deiner Wahl ein.

Viel Spa� damit und gute N8.

_________________
Florian Zier
Administrator
http://www.florian-zier.de

Antworten

#3 | RE: Activity Feed datum

01.02.2012 22:01 (zuletzt bearbeitet: 02.02.2012 17:25)

Hallo Florian,
super, wie Du das immer hinbekommst. Funktioniert!
Ich habe für die Höhe "100%" eingesetzt, damit beim Anklicken von "mehr..." die gesamte Liste angezeigt wird.

1. Gibt es eine einfache Lösung, die Liste mit dem gleichen Link zu schließen?
Ich habe etwas versucht.
Funktioniert, sieht aber umständlich aus.
2. Der Link läuft nicht im IE8+7. Hast Du hierzu eine Idee?

{{global_hide_activities==true.start}}{{feed_active.start}}0{{feed_active.end}}{{global_hide_activities==true.end}}
{{feed_active==true.start}}<br><br>
{{settingimg.start}}http://files.homepagemodules.de/b2001010/a_1235_1679bb97.png{{settingimg.end}}
<table width="100%" class="xFeedContainer">
<tr>
<td style="padding:5px;" class="iau1"><strong>Activity Feed</strong>{{no_subscritions==false.start}}<span class="activity_settings">{{activities_notify_type==true.start}}<small style="margin-right:5px;">Sie haben den Feed abonniert</small><a href="{{edit_feed_link}}"><img src="{{settingimg}}" alt="settings"></a>{{activities_notify_type==true.else}}<a href="{{subscribe_to_feed_link}}">Feed abonnieren</a>{{activities_notify_type==true.end}}</span>{{no_subscritions==false.end}}</td></tr>

<tr><td style="padding:5px;">
{{get_actvityfeed()}}
</td></tr>

<tr><td class="iau11" style="padding:5px;">
<span id="span_21001" style="display:inline-block;">
<a title="Hier können Sie die komplette Liste des Activity Feed einsehen" href="javascript:void(0);" onclick="document.getElementById('xActivityFeed').style.setProperty('max-height', '100%', 'important');javascript:clip(21000);javascript:clip(21001);">mehr...</a>
</span>
<span id="span_21000" style="display:none;">
<a title="Activity Feed schließen" href="javascript:void(0);" onclick="document.getElementById('xActivityFeed').style.setProperty('max-height', '104pt', 'important');javascript:clip(21001);javascript:clip(21000);">Schließen</a>
</span>

</td></tr>

</table>
{{feed_active==true.end}}

Bis dann

Wolfgang

Forum: Der Treffpunkt für Hilfe, Tricks & Tipps

Antworten

#4 | RE: Activity Feed datum

02.02.2012 22:38

florian-zier

Administrator

Informationen anzeigen

Beitr�ge:	837
Punkte:	1895
Registriert seit:	19.04.2007
Wohnort:	Oberkirch

Hallo Wolfgang,
probiere mal diese einzeilige Version aus:

1
 
(document.getElementById('xActivityFeed').style.getPropertyValue('max-height')=='')? document.getElementById('xActivityFeed').style.setProperty('max-height', '100%', 'important') : document.getElementById('xActivityFeed').style.removeProperty('max-height');

Du kannst einfach den bisherigen Inhalt (onclick) des Links durch diesen ersetzen.

Wegen IE<9 kannst du ja mal hier schauen:
http://help.dottoro.com/ljdpsdnb.php
Das ist wieder ein Problem des IE, welcher diese Methoden erst seit Version 9 unterst�tzt.
Auf der Seite sind auch die Methoden f�r's auslesen und entfernen der Eigenschaften gelistet. (inkl. Angabe f�r Browserunterst�tzung)

Vielleicht kannst du dir ja daraus etwas basteln, welches ggf. die IE-Methoden aufruft.
Heir nochmal ein langer einzeiliger Versuch:

1
 
(!document.all)? ((document.getElementById('xActivityFeed').style.getPropertyValue('max-height')=='')? document.getElementById('xActivityFeed').style.setProperty('max-height', '100%', 'important') : document.getElementById('xActivityFeed').style.removeProperty('max-height')):((document.getElementById('xActivityFeed').style.getAttribute('max-height')=='')? document.getElementById('xActivityFeed').style.setAttribute('max-height', '100%', 'important') : document.getElementById('xActivityFeed').style.removeAttribute('max-height'));

(In der Hoffnung, dass Browser, welche document.all unterst�tzen, auch die Attribut-Methoden unterst�tzen...)

_________________
Florian Zier
Administrator
http://www.florian-zier.de

Antworten

#5 | RE: Activity Feed datum

03.02.2012 15:53

Hallo Florian,
Dein erste Vorschlag funktioniert! Super!
Ich habe ihn noch mit einem "Tooltipp" und einem "Zielanker" erweitert, damit die Seite beim Schließen wieder nach oben scrollt.
Umständlicher Weise, habe ich noch mit den "Aufklapp-Containern" den Wortwechsel "Schließen" und "mehr..." umgesetzt.

<a style="text-decoration:none;" title="Hier können Sie die komplette Liste des Activity Feed einsehen" href="javascript:void(0);" onclick="(document.getElementById('xActivityFeed').style.getPropertyValue('max-height')=='')? document.getElementById('xActivityFeed').style.setProperty('max-height', '100%', 'important') : document.getElementById('xActivityFeed').style.removeProperty('max-height');javascript:clip(21000);javascript:clip(21001);parent.location='#marke_oben1';"><span id="span_21001" style="display:inline-block;">mehr...</span><span id="span_21000" style="display:none;">Schließen</span></a>

Der zweite Vorschlag funktioniert komischerweise nur im FF- und im Opera-Browser. Im Internet Explorer nicht.

Wenn es hier keine vernüpftige Lösung gibt, ist es auch nicht so schlimm! Der Activity Feed wird ja angezeigt!

Viele Grüße aus Hannover

Wolfgang

Forum: Der Treffpunkt für Hilfe, Tricks & Tipps

Antworten

#6 | RE: Activity Feed datum

03.02.2012 21:54

florian-zier

Administrator

Informationen anzeigen

Beitr�ge:	837
Punkte:	1895
Registriert seit:	19.04.2007
Wohnort:	Oberkirch

Hallo Wolfgang,
ich glaube, es ist jetzt an der Zeit, dieses Skript etwas �bersichtlicher und anpassbarer zu gestalten:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
function switchActivityFeedHeight(link) {
 
	var feedID = 'xActivityFeed';		// HTML-ID des ActivityFeed
	var openLink = 'mehr...';		// Schriftzug zum Aufklappen
	var closeLink = 'schließen';	// Schriftzug zum Schließen
 
	var activityFeedList = document.getElementById(feedID);
	if (activityFeedList.style.getPropertyValue('max-height') == '') {
			activityFeedList.style.setProperty('max-height', '100%', 'important');
			link.innerHTML = closeLink;
	}
	else {
			activityFeedList.style.removeProperty('max-height');
			link.innerHTML = openLink;
	}
}
 

1
 
<a style="text-decoration:none;" title="Hier können Sie die komplette Liste des Activity Feed einsehen." href="#marke_oben1" onclick="switchActivityFeedHeight(this);">mehr...</a>

Den Text vor dem allerersten �ffnen musst du dennoch nochmals im Link selbst setzen.
Aber zumindest k�nntest du den Anfangstext dann ggf. anders setzen.
Au�erdem wird der Anker nun gleich durch das HREF-Tag angesprungen, vorher war die Verkn�pfung einfach als "nichts tun" definiert, jetzt soll sie ja etwas machen.

Title-Tag ist nat�rlich diesmal auch erg�nzt.

Im Internet-Explorer funktioniert dieses Skript auch weiterhin nicht.
Ich habe die Fallunterscheidung hier gleich weggelassen.
Ich sch�tze mal, es wurde sowieso ein Error im IE geworfen, das m�sstest du aber selbst irgendwie durch Debuggen herausfinden.
Ich kann das Skript immer nur tempor�r an deinem Forum testen, indem ich den angezeigten HTML-Code deines Forums um den neuen Link erweitere und sozusagen kurzzeitig das Skript einpflanze.
Dabei bearbeite ich ja aber immer nur die Website-Kopie auf meinem Rechner, also nichts globales und dauerhaft, als w�rdest du es ins Template schreiben.
Und diese tempor�re Bearbeitung mache ich nat�rlich mittels Firebug, es hei�t, das w�re ein Firefox-Addon...

Ich habe im vorigen Skript den dritten Parameter in der setAttribute-Funktion nicht mehr beachtet.
Er wird, wenn �berhaupt, auch nur ab IE8 akzeptiert und m�sste true/false sein, anstatt einer Priorit�ts-Angabe wie bei setProperty.
Und genau da liegt das eigentliche Problem.
Meine ersten Versuche schlugen nicht richtig an, da die original vorgegebene Eigenschaft als wichtig markiert ist.
Erst durch das important in der setProperty-Funktion konnte diese "Wichtigkeit" �berschrieben werden.
Die setAttribute-Funktion bietet keinen solchen dritten Parameter an.

Ich w�rde also sagen, biete deinen standardkonformen Usern mit aktuellen Browsern einen tollen Aufenthalt, diese Funktion ist ja jetzt auch nicht gerade essentiell.
User die sich daran st�ren, sollten dann ihren Browser updaten.
Das macht es in Zukunft sowieso allen einfacher.
Als "Webmins" m�ssen wir neue Standards unterst�tzen, HTML5, CSS3, Ajax und co. machen uns und den Usern insgesamt das Leben etwas einfacher.

Auf die Zukunft in eine gute Nacht...

_________________
Florian Zier
Administrator
http://www.florian-zier.de

Antworten

"Bei User bedanken"-Button � � externe Links kennzeichnen

�hnliche Themen

Antworten

Letzter Beitrag

have my best stuff tonight
Erstellt im Forum Xobor (Homepagemodules & Dynamicboard) von jin shuiqian 0 31.10.2019 03:17
jin shuiqian • Zugriffe: 114
Ottawa Senators D Marc
Erstellt im Forum Xobor (Homepagemodules & Dynamicboard) von jin shuiqian 0 24.10.2019 04:14
jin shuiqian • Zugriffe: 128
mark when he flashed his
Erstellt im Forum Xobor (Homepagemodules & Dynamicboard) von jin shuiqian 0 18.10.2019 04:14
jin shuiqian • Zugriffe: 144
Feed-Unterstützung
Erstellt im Forum Funktionen von florian-zier 0 28.04.2007 15:35
florian-zier • Zugriffe: 1447

Bitte geben Sie einen Grund f�r die Verwarnung an