Hallo,
ich suche eine Möglichkeit, einen Layer nur anzuzeigen wenn das Browserfenster eine bestimmte Größe in der Breite aufweisen kann, bzw. der Monitor selbst. Hat dafür jemand JavaScript-Code oder etwas ähnliches zur Hand? Konrekt geht es um ein div am rechten Rand welches bei 800 x 600 or so nicht zu sehen sein soll. Google liefert mir gerade irgendwie nur Mist .. oder ich suche falsch.
Seite 1 von 1
Div Nur Bei Bestimmter Auflösung Anzeigen ab 1024 px breite
#1
geschrieben 01. Juli 2008 - 15:04
Anzeige
#2
geschrieben 01. Juli 2008 - 15:19
Man kann per JS die Breite herausbekommen:
Habe es nun nicht getestet aber so müsste es doch gehen oder
EDIT: Kann nicht gehen da die Variable nicht von JS zu PHP übergeben wird. Du kannst sie aber an die URL hängen, glaube aber dass das nicht ist was du meinst.
Wir suchen jetzt also jemanden der uns sagen kann wie man die Variable übergeben kann, da ich mich mit JS nicht so gut auskenne!
<script LANGUAGE="JavaScript"> var breite = screen.width; </script> <?php if($breite > 800){ echo "<div> TEXT </div>"; } ?>
Habe es nun nicht getestet aber so müsste es doch gehen oder
EDIT: Kann nicht gehen da die Variable nicht von JS zu PHP übergeben wird. Du kannst sie aber an die URL hängen, glaube aber dass das nicht ist was du meinst.
Wir suchen jetzt also jemanden der uns sagen kann wie man die Variable übergeben kann, da ich mich mit JS nicht so gut auskenne!
Dieser Beitrag wurde von Toasterfraktion bearbeitet: 01. Juli 2008 - 15:29
#3
geschrieben 01. Juli 2008 - 16:23
In Javascript kann man per DOM Elemente in ein HTML Dokumen einfügen, siehe http://aktuell.de.selfhtml.org/archiv/doku...#create_element oder das gewünsche Element default per CSS auf visible hidden setzen und dann per JS ändern.
Asus F3JP-Z53 Notebook:
Intel Core 2 Duo T7200 @ 2 Ghz
Mobile Radeon X1700 256 MB
2048 MB DDR2-Ram
160 GB Hitachi HDD
Ubuntu 9.04 / Windows XP SP 3
Intel Core 2 Duo T7200 @ 2 Ghz
Mobile Radeon X1700 256 MB
2048 MB DDR2-Ram
160 GB Hitachi HDD
Ubuntu 9.04 / Windows XP SP 3
#4
geschrieben 01. Juli 2008 - 16:34
@Toasterfraktion: Jo das geht definitiv nicht Die Option von Iso würde mir aber schon reichen:
@Iso:
wie kann ich das CSS element per JS aktivieren?
geht wohl so nicht
@Iso:
wie kann ich das CSS element per JS aktivieren?
<script type="text/javascript"> if (screen.width>700) { document.all.moepmoep.style.setAttribute("visibility", "visible", false); } </script>
geht wohl so nicht
Dieser Beitrag wurde von Nigg bearbeitet: 01. Juli 2008 - 17:37
#5
geschrieben 01. Juli 2008 - 17:42
Hi,
mit visibility hast du aber einen unsichtbaren Platzhalter an der Stelle, wenn es nicht angezeigt wird. Wenn du das nicht willst, verwende besser display.
Wie man es mit JS sichtbar machen könnte:
Gruß,
Stefan
mit visibility hast du aber einen unsichtbaren Platzhalter an der Stelle, wenn es nicht angezeigt wird. Wenn du das nicht willst, verwende besser display.
Wie man es mit JS sichtbar machen könnte:
document.getElementById("moepmoep").style.visibility = "visible";oder mit display:
document.getElementById("moepmoep").style.display = "block";
Gruß,
Stefan
#6
geschrieben 01. Juli 2008 - 18:00
irgendwas ist bei meinem JS murks -.- ich bin aber zu blöde das zu debuggen
#7
geschrieben 01. Juli 2008 - 18:05
#8
geschrieben 01. Juli 2008 - 18:10
naja, ist ja im Prinzip das von oben, fehlt da eine Funktion?
beherrsche das leider überhaupt nicht.
#blubblubb { position:absolute; width:200px; height:605px; z-index:9; left: 924px; top: 38px; display:none; }
<script type="text/javascript"> if (screen.width>700) { document.getElementById("Blubblubb").style.display = "block"; } </script>
beherrsche das leider überhaupt nicht.
Dieser Beitrag wurde von Nigg bearbeitet: 01. Juli 2008 - 18:11
#9
geschrieben 01. Juli 2008 - 18:29
Habe kurz mal ein Minimalbeispiel erstellt. Wenn die Seite geladen ist, dann wird das JS ausgeführt.
Gruß,
Stefan
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Minimalbeispiel</title> <style type="text/css"> <!-- div#layer { display: none; } --> </style> <script type="text/javascript"> var show_layer = function() { if (screen.width > 700) { document.getElementById("layer").style.display = "block"; } } </script> </head> <body onload="show_layer()"> <div id="layer">Test</div> </body> </html>
Gruß,
Stefan
#10
geschrieben 01. Juli 2008 - 18:41
es funktioniert. Super vielen Dank! Macht natürlich Sinn das das ganze auch irgendwo aufgerufen werden muss.
Danke!
Danke!
Thema verteilen:
Seite 1 von 1