Bitte geben Sie einen Grund für die Verwarnung an
Der Grund erscheint unter dem Beitrag.Bei einer weiteren Verwarnung wird das Mitglied automatisch gesperrt.
Chat mobil ausblenden!
Hallo zusammen,
meine Gedanke war, den Foren-Chat nur für mobile Endgeräte auszublenden,
finde aber keine funktionierende Lösung!
1. Nehme ich die Class ".disconneced" und ".connected", lässt sich der Chat über die normale CSS ausblenden!
2. Mit dem folgenden Script, mit dem ich auch andere Funktionen ausblende, kann ich den Chat nicht ausblenden!
Wo liegt der Fehler?
Wer kann da helfen?
Oder gibt es einen besseren Weg den Chat mobil auszublenden?
2
3
4
5
6
7
8
9
10
11
$(document).ready(function(){
function isMobile(){
return navigator.userAgent.match(/(iPhone|iPod|iPad|blackberry|android|Kindle|htc|lg|midp|mmp|mobile|nokia|opera mini|palm|pocket|psp|sgh|smartphone|symbian|treo mini|Playstation Portable|SonyEricsson|Samsung|MobileExplorer|PalmSource|Benq|Windows Phone|Windows Mobile|IEMobile|Windows CE|fennec|Nintendo Wii|symbian|series60|bada)/i);
}
if(isMobile()){
$('.disconnected,.connected').css('display','none')
}
});
Habe noch eine andere Möglichkeit im Internet gefunden:
Ist das sinnvoll?
Funktioniert wohl nicht auf jedem Endgerät!
2
3
4
5
6
7
8
$(document).ready(function(){
if(window.innerWidth <= 800 && window.innerHeight <= 600) {
//mobil!
} else {
//nicht mobil!
}
});
Wer weiss weiter?
Gruß Wolfgang
Was soll da ausgeblendet werden?
In der mobilen Ansicht muss ich den Chat übers Menü anwählen, da finde ich keine bewegliche Box wie in beim Desktop.
Wenn man den Chat eröffnet hat minimiert, dann ist unten rechts eine kleine Box mit der Anzahl Beiträgen.
Die soll aber doch bestimmt nicht weg, oder?
www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)
Oder JS statt jQurey verwenden um auf des Ladeende der Seite zu warten. Dann ist jQuery geladen und kann verwendet werden.
2
3
4
5
6
7
document.addEventListener('DOMContentLoaded', function ( ) {
console.info('DOM is ready');
/*
* hier den Code mit jQuery einsetzen
*/
});
});
www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)
Ich finde die Klassen disconnected und connected nicht auf anhieb in der mobilen Ansicht.
Was sollen die bewirken?
www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)
Ich habe es wohl falsch verstanden.
Du meinst Desktop auf mobilen Geräten, und da den Chat ausblenden.
Hiermit wird die Chatbox unten rechts ausgeblendet.
Habe ich in der Kopfzeile getestet.
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script>
$(document).ready(function(){
function isMobile(){
return navigator.userAgent.match(/(iPhone|iPod|iPad|blackberry|android|Kindle|htc|lg|midp|mmp|mobile|nokia|opera mini|palm|pocket|psp|sgh|smartphone|symbian|treo mini|Playstation Portable|SonyEricsson|Samsung|MobileExplorer|PalmSource|Benq|Windows Phone|Windows Mobile|IEMobile|Windows CE|fennec|Nintendo Wii|symbian|series60|bada)/i);
}
if(isMobile()){
console.log("ist mobile")
$('#xChatBase').hide();
}else{
console.log("ist nicht mobile")
}
});
</script>
www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)
Hallo Mike,
besten Dank!
Den Ansatz mit "userAgent" hatte ich verfolgt und auch "!important" eingesetzt, aber keine "class" und keine "ID" wollte den Chat bei mir ausblenden!
Vielleicht liegt es am veränderten Template!
Funktioniert komischerweise nur über die CSS!
Frank hat mich hier unterstützt.
Auch hier: Entwickler-Talk
1. Bei Einstellung der Breite unter "768px" wird der Chat dann auch in Tablets angezeigt!
2. Benutzt man "max-device-width", ist die Einstellung der Breite unabhängig von der "viewport-Einstellung"
3. Komischerweise funktioniert es bei mir nur mit ".disconnected{display:none !important}"
2
3
@media all and (max-device-width: 760px){
.disconnected{display:none !important}
}
Gruß
Wolfgang
Die Klasse disconnected finde ich nur im IE.
Im IE funktioniert aber auch mein Script.
Es gibt aber scheinbar einen Unterschied zwischen eingeloggt und eingeloggt.
Für Gäste ist die id xChatGuests zuständig.
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script>
$(document).ready(function(){
function isMobile(){
return navigator.userAgent.match(/(iPhone|iPod|iPad|blackberry|android|Kindle|htc|lg|midp|mmp|mobile|nokia|opera mini|palm|pocket|psp|sgh|smartphone|symbian|treo mini|Playstation Portable|SonyEricsson|Samsung|MobileExplorer|PalmSource|Benq|Windows Phone|Windows Mobile|IEMobile|Windows CE|fennec|Nintendo Wii|symbian|series60|bada)/i);
}
if(isMobile()){
console.log("ist mobile")
$('#xChatBase, #xChatGuests').hide();
}else{
console.log("ist nicht mobile")
}
});
</script>
www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)
- Informationen
- Aktuelle News
- Forum Tutorials - Tipps und Anleitungen
- SEO / Werbung fürs Forum
- Verwaltung
- Extras
- Design
- Plugin(system)
- Eure Fragen zu Tutorials
- Forum Support
- Fragen und Antworten
- Pluginsystem
- Plugins
- Templates & Sprachen
- Bugreport
- Verbesserungsvorschläge
- Sponsoren gesucht
- Das neue Xobor Business-Template
- News und Updates
- Bugreport
- Allgemeines Feedback
- Verbesserungsvorschläge
- Sonstiges
- Kaffeeklatsch
- Lob & Kritik
- Verbesserungsvorschläge
- Allgemeine Fragen
- Fehlermeldungen
- Verbesserungsvorschläge Responsive Design
- Bugreport Responsive Design
- Archiv - Alter Betatest
- Responsive Design - Verbesserungsvorschläge
- Responsive Design - Bugreport
- Fragen zum neuen Template
- Neue Administration Beta Test
- Bugreport Neue Administration
- Allgemeines Fragen & Feedback
- Verbesserungsvorschläge zur neuen Administration
- Shoutbox
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!
© 2017 Xobor | Forum-Software