Lightboxfenster für PM Benachrichtigung

[P@InKiLLeR]

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/

[P@InKiLLeR]

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?!

[BNa]

Wenn Du noch etwas warten kannst, schau ichs mir mal an.

[P@InKiLLeR]

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>

[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

[BNa]

Das funktioniert ohne Seiten Reload? Falls ja, super..

[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

[P@InKiLLeR]

Und das Script funktioniert in allen Browsern,muss ich das Wochenende mal testen?!

Danke für die mühe ne

[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

[P@InKiLLeR]

Nein war nicht erschüttert,eher Überrascht das es in allen Browsern funktioniert,danke Dir für die mühe ne