Seite 2 von 3
Re: Lightboxfenster für PM Benachrichtigung
Verfasst: 15.02.2013 08:37
von P@InKiLLeR
BNa hat geschrieben:Mootools sucks. Nimm lieber eine homogene jQuery Lösung

Die läuft dann auch Multibrowser.
Guten Morgen,
bin nach langem suchen gestern Nacht auf das hier gestoßen meinst Du das?
Ist allerdings von 2009 und vielleicht schon veraltet,wie bindet man das ein?
Code: Alles auswählen
<script type="text/javascript" src="_js/mootools-release-1.1.2.js"></script>
<script type="text/javascript" src="_js/jquery.js"></script>
<script>
jQuery.noConflict();
//domready-event von mootools
window.addEvent('domready', function() {
//jQuery Syntax zum Ansprechen eines Elementes
var jq = jQuery('#someid');
alert(jq.attr('class')) ;
//mootools
var moot = $('moot');
alert(moot.getProperty('class')) ;
});
</script>
Will man nun über jQuery ein Element ansprechen ersetzt man das “$” durch “jQuery” und behält für MooTools den $-Syntax bei. Ein friedliche Koexistenz.
Auf diese Weise lässt sich jQuery mit sogut wie jedem anderen Framework benutzen. Leider gehört jQuery zu den wenigen Frameworks die einen solchen Modus besitzen. Möchte man bspw. Prototype in Verbindung mit MooTools einsetzen gibt es keine Option dieser Art.
Quelle:
http://www.mysrc.de/mootools/jquery-noconflict-mode/
Re: Lightboxfenster für PM Benachrichtigung
Verfasst: 18.02.2013 12:58
von P@InKiLLeR
BNa hat geschrieben:Mootools sucks. Nimm lieber eine homogene jQuery Lösung

Die läuft dann auch Multibrowser.
Weißt Du wer das hier wissen könnte oder in welchem Forum/Seite ich mir Hilfe holen könnte,danke?!

Re: Lightboxfenster für PM Benachrichtigung
Verfasst: 18.02.2013 19:07
von BNa
Wenn Du noch etwas warten kannst, schau ichs mir mal an.
Re: Lightboxfenster für PM Benachrichtigung
Verfasst: 18.02.2013 20:11
von P@InKiLLeR
BNa hat geschrieben:Wenn Du noch etwas warten kannst, schau ichs mir mal an.
Habs mit Hilfe hinbekommen und dank Deines Tips das ganze mit jquery zu realisieren!
Bin schon mal Glücklich das es in allen Browsern läuft
Sieht jetzt so aus bei mir:
[ externes Bild ]
Wie kann man da Buttons einbauen so wie bei der Rokboxversion oder den style
anpassen von newPM.html oder das der Style gleich aus der newPM.html geladen wird,geht das?
der Style von Rokbox:
[ externes Bild ]
Geändert habe ich in der
overall_header.html
alter Code:
Code: Alles auswählen
<script*type="text/javascript">
<script*type="text/javascript"*src="rokbox/mootools-release-1.11.js"></script>
<script*type="text/javascript"*src="rokbox/rokbox.js"></script>
<link*href="rokbox/themes/dark/rokbox-style.css"*rel="stylesheet"*type="text/css"*/>
<script*type="text/javascript"*src="rokbox/themes/light/rokbox-config.js">
neuer Code:
Code: Alles auswählen
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.1.1.min.js">
Download der 2 jquery.js gibts hier
http://jquery.com/download/
und in der overall_footer.html
alter Code:
Code: Alles auswählen
<script type="text/javascript">
function clickElement(elementid){
if ({S_NEW_PM})
{
var e = document.getElementById(elementid);
if (typeof e == 'object') {
/*if(typeof e.click != 'undefined') {
e.click();
alert('click');
return false;
}
else */
if(document.createEvent) {
var evObj = document.createEvent('MouseEvents');
evObj.initEvent('click',true,true);
e.dispatchEvent(evObj);
return false;
}
else if(document.createEventObject) {
e.fireEvent('onclick');
alert('createEventObject');
return false;
}
else {
e.click();
alert('click');
return false;
}
}
}
}
</script>
neuer Code:
Code: Alles auswählen
<script type="text/javascript">
$(function clickElement(elementid){
if ({S_NEW_PM})
alert('Hallo Du hast eine neue Private Nachricht bekommen!');
})
</script>
Re: Lightboxfenster für PM Benachrichtigung
Verfasst: 22.02.2013 15:06
von Talk19zehn
Hi, wir haben ein Konstrukt entwickelt, welches deinem Wunsch ggf. nahe kommt. Erste Informationen zum Thema" Popup bei neuer PN via CSS-Lightbox und JS" sind soeben unsererseits bereitgestellt worden:
http://www.ongray-design.de/forum/viewt ... 3273#p3273
Konflikte oder Fehler können wir, soweit ersichtlich, zunächst nicht feststellen.
Viele Grüße
Re: Lightboxfenster für PM Benachrichtigung
Verfasst: 22.02.2013 18:19
von BNa
Das funktioniert ohne Seiten Reload? Falls ja, super..
Re: Lightboxfenster für PM Benachrichtigung
Verfasst: 22.02.2013 23:24
von Talk19zehn
Hi BNa,
das Skript gibt das Fenster beim Laden der Forumsseite aus, wenn eine brandneue PN eingetroffen ist, und zwar unabhängig davon, auf welcher Seite man sich vorher befand. Ein Reload, sprich Aktualisieren erfolgt nicht durch das Skript.
Ich hoffe, deine Frage korrekt interpretiert zu haben.
Verbesserungsvorschläge sind gerne gesehen.
LG
Re: Lightboxfenster für PM Benachrichtigung
Verfasst: 23.02.2013 09:32
von P@InKiLLeR
Und das Script funktioniert in allen Browsern,muss ich das Wochenende mal testen?!
Danke für die mühe ne

Re: Lightboxfenster für PM Benachrichtigung
Verfasst: 26.02.2013 01:51
von Talk19zehn
Hi P@InKiLLeR, weshalb erschüttert -->

?
Und ja, die Benachrichtigung bei neuer PN via Overlay, CSS-Lightbox und JS funktioniert soweit im IE8, IE9 - den Zehner habe ich nicht im Angebot -, im FF, Chrome, Opera.
Auch ein MAC ( Safari ) macht´s.
(Derzeitige phpBB-Version: 3.0.11)
Anmerkung: Ich schrieb ...
(nicht hier)Das Benachrichtigungsfenster ( Lightbox ) lädt auch nur, wenn der Benutzer in seinem Profil die Option,
- Öffne ein Benachrichtigungsfenster bei neuen Privaten Nachrichten: Ja
gewählt hat und JS im Browser erlaubt ist.
Das Einschalten eines Popupblocker unterbindet die Ausgabe des Benachrichtigungsfensters nicht, da es sich nicht um ein herkömmliches Popup in dem Sinne handelt.
Deaktivieren kann der Benutzer es folglich, wenn er im persönlichen Bereich die Benachrichtigung über das Benachrichtigungsfenster verneint.
Beste Grüße
Re: Lightboxfenster für PM Benachrichtigung
Verfasst: 01.03.2013 14:30
von P@InKiLLeR
Nein war nicht erschüttert,eher Überrascht das es in allen Browsern funktioniert,danke Dir für die mühe ne
