[CSS] Div container unsichtbar machen

I-Spy · 03.03.2006, 11:03

Hallo Leute,

ich habe ein Div container, der "viele" weitere div container enthält! Jetzt möchte ich diesen Div unsichtbar machen, und alle dadrunter liegenden auch. Und dieses Div soll möglich klein skaliert werden, sodass er kein Platz einnimmt! Geht das?

Gruß Dima

Baltasar · 03.03.2006, 11:05

was spricht denn gegen "visibility:hidden" oder "display:none" ?

I-Spy · 03.03.2006, 15:38

Beides probiert, trotzdem wird alles dargestellt!

I-Spy · 03.03.2006, 15:41

Ok ich habe scheiße gebaut! jetzt gehts!

dsmcg · 03.03.2006, 16:18

woran lags? was wolltest du damit erreichen?

I-Spy · 03.03.2006, 16:27

Hallo dsmcg,

Ich programmiere zur Zeit ein Verwaltungssystem! In diesem Verwaltungssystem kann man Ordner und Dokumente anlegen. Nun, in Dokumenten kann man Beiträge eintragen. Wenn man nun ein Beitrag schreibt, gibts es eine Vorschau von den Beiträgen. Diese Vorschau habe ich so programmiert: Ich habe 2 div Container benuzt. Der eine davon ist unsichtbar, und enthält die aufgelisteten Beiträge. Sezt man nun ein Häckchen bei "Liste aller Beiträge anzeigen" (checkBox) dann wird der Inhalt des unsichtbaren Containers einfach per JavaScript in den sichtbaren Container kopiert, und der User kann die Liste sehen. Macht er das Häckchen weg, so wird der Inhalt des sichtbaren Containers gelöscht.
Ich habe das versucht anders zu lösen, und zwar habe ich per PHP die Liste in die JavaScript Funktion direkt hineingeschrieben. (<script ....>... var content = "<?php echo($listItems()); ?>";...</script>) Das ging nicht, obwohl der dadurch erzeugte Quellcode korrekt war! (Nach aufruf der Seite). Deswegen habe ich eine andere Lösung gesucht. Ich habe auch versucht den inhalt direkt in den container zu schreiben, danach einfach per JavaScript diesen Container auszulesen und den Inhalt in einer Variable zu speichern, aber es ging wieder mal nicht "auszugeben".

Woran lag es dass der erste Container "sichtbar" war, obwohl ich ihn unsichtbar gemacht habe? Nun ich habe gestern wohl zu lange am Rechner gessesen, und wegen Übermüdung irgendwie vergessen im Div container die Klasse zuzuteilen (class="..."). Das war natürlich der Grund wieso es nicht ging!

Gruß Dima

dsmcg · 03.03.2006, 16:36

hmm und wie hast du es den schluss endlich lösen können? nimmt mich jetzt wunder :P

gibts keinen Code dazu?

I-Spy · 03.03.2006, 16:42

Ok, HeHe! Die Idee kam mir gestern Abend ...
listItems() brauche ich ja nicht auszuführen

Ausgabe:

<?php
...
<div id="viewCont" class="unvisibleDiv">'.listItems().'</div>
<div id="view"></div>
...
?>

Div Container:

/* Unsichtbarer Div Container */
div.unvisibleDiv
{
height:0; width:0;
display:none;
visibility:hidden;
border:10px solid #FFFFFF;
}

JavaScript Funktion

Code:

<script language="javascript">
var viewOpen = false;

function changeView()
{
	if(viewOpen)
	document.getElementById("view").innerHTML = '';
	
	else
	document.getElementById("view").innerHTML = document.getElementById("viewCont").innerHTML;

	viewOpen = !viewOpen;
}
</script>

"Button" zum klicken

Code:

<input type="checkbox" value="1" onClick="javascript: changeView()">

Alles klar?

Gruß Dima

dsmcg · 03.03.2006, 16:53

alles klar, danke

I-Spy · 03.03.2006, 16:54

Kennst du eine bessere Lösung wie man sowas machen könnte?

Gruß Dima

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Div Container nebeneinander anordnen	tomtaz	HTML, Usability und Barrierefreiheit	10	04.06.2008 12:45
[CSS] Container in Container	Igäl	HTML, Usability und Barrierefreiheit	5	04.09.2007 11:29
CSS - Bild im div container überlappt andere container	Buschdieb	HTML, Usability und Barrierefreiheit	13	19.07.2007 23:17
IE6: Container mit Float dabei wird margin doppelt gewertet	DonTermi	HTML, Usability und Barrierefreiheit	1	11.01.2007 09:02
Problem mit Container	max-dhom	HTML, Usability und Barrierefreiheit	3	20.09.2006 11:10
[CSS] Verschachtelte Div Container - Breite anpassen	I-Spy	HTML, Usability und Barrierefreiheit	7	14.05.2006 11:51
[CSS] Body Margin / Div Padding	I-Spy	HTML, Usability und Barrierefreiheit	4	10.05.2006 15:03
[CSS] Firefox zeigt die Seite falsch an [CSS]	I-Spy	HTML, Usability und Barrierefreiheit	7	03.01.2006 11:51
CSS: Verschachtelter Container und Text danach		HTML, Usability und Barrierefreiheit	2	01.12.2005 10:00
[Erledigt] Container im Firefox falsch dargestellt		HTML, Usability und Barrierefreiheit	27	15.08.2005 23:18
image hintergrund unsichtbar		PHP Tipps 2005-2	2	24.07.2005 20:42
[Gelöst] [CSS] Problem mit Hover-Box	Chr!s	HTML, Usability und Barrierefreiheit	8	27.06.2005 12:47
&lt;div&gt;- container vertikal auf seite zentrieren		HTML, Usability und Barrierefreiheit	3	08.05.2005 11:16
container mit tabelle rechts aufklappen		HTML, Usability und Barrierefreiheit	10	01.04.2005 12:25
[Erledigt] Container "verlängern"		HTML, Usability und Barrierefreiheit	2	13.07.2004 16:03

03.03.2006, 11:03
I-Spy Erfahrener Benutzer Registriert seit: 30.11.2004 Beiträge: 202	[CSS] Div container unsichtbar machen Hallo Leute, ich habe ein Div container, der "viele" weitere div container enthält! Jetzt möchte ich diesen Div unsichtbar machen, und alle dadrunter liegenden auch. Und dieses Div soll möglich klein skaliert werden, sodass er kein Platz einnimmt! Geht das? Gruß Dima


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

03.03.2006, 11:05
Baltasar Erfahrener Benutzer Registriert seit: 26.10.2003 Beiträge: 592	was spricht denn gegen "visibility:hidden" oder "display:none" ?

03.03.2006, 15:38
I-Spy Erfahrener Benutzer Registriert seit: 30.11.2004 Beiträge: 202	Beides probiert, trotzdem wird alles dargestellt!

03.03.2006, 15:41
I-Spy Erfahrener Benutzer Registriert seit: 30.11.2004 Beiträge: 202	Ok ich habe scheiße gebaut! jetzt gehts!

03.03.2006, 16:18
dsmcg Erfahrener Benutzer Registriert seit: 11.10.2005 Beiträge: 2.405	woran lags? was wolltest du damit erreichen? __________________ Wie man Fragen richtig stellt

03.03.2006, 16:27
I-Spy Erfahrener Benutzer Registriert seit: 30.11.2004 Beiträge: 202	Hallo dsmcg, Ich programmiere zur Zeit ein Verwaltungssystem! In diesem Verwaltungssystem kann man Ordner und Dokumente anlegen. Nun, in Dokumenten kann man Beiträge eintragen. Wenn man nun ein Beitrag schreibt, gibts es eine Vorschau von den Beiträgen. Diese Vorschau habe ich so programmiert: Ich habe 2 div Container benuzt. Der eine davon ist unsichtbar, und enthält die aufgelisteten Beiträge. Sezt man nun ein Häckchen bei "Liste aller Beiträge anzeigen" (checkBox) dann wird der Inhalt des unsichtbaren Containers einfach per JavaScript in den sichtbaren Container kopiert, und der User kann die Liste sehen. Macht er das Häckchen weg, so wird der Inhalt des sichtbaren Containers gelöscht. Ich habe das versucht anders zu lösen, und zwar habe ich per PHP die Liste in die JavaScript Funktion direkt hineingeschrieben. (<script ....>... var content = "<?php echo($listItems()); ?>";...</script>) Das ging nicht, obwohl der dadurch erzeugte Quellcode korrekt war! (Nach aufruf der Seite). Deswegen habe ich eine andere Lösung gesucht. Ich habe auch versucht den inhalt direkt in den container zu schreiben, danach einfach per JavaScript diesen Container auszulesen und den Inhalt in einer Variable zu speichern, aber es ging wieder mal nicht "auszugeben". Woran lag es dass der erste Container "sichtbar" war, obwohl ich ihn unsichtbar gemacht habe? Nun ich habe gestern wohl zu lange am Rechner gessesen, und wegen Übermüdung irgendwie vergessen im Div container die Klasse zuzuteilen (class="..."). Das war natürlich der Grund wieso es nicht ging! Gruß Dima

03.03.2006, 16:36
dsmcg Erfahrener Benutzer Registriert seit: 11.10.2005 Beiträge: 2.405	hmm und wie hast du es den schluss endlich lösen können? nimmt mich jetzt wunder :P gibts keinen Code dazu? __________________ Wie man Fragen richtig stellt

03.03.2006, 16:42
I-Spy Erfahrener Benutzer Registriert seit: 30.11.2004 Beiträge: 202	Ok, HeHe! Die Idee kam mir gestern Abend ... listItems() brauche ich ja nicht auszuführen Ausgabe: <?php ... <div id="viewCont" class="unvisibleDiv">'.listItems().'</div> <div id="view"></div> ... ?> Div Container: /* Unsichtbarer Div Container / div.unvisibleDiv { height:0; width:0; display:none; visibility:hidden; border:10px solid #FFFFFF; } JavaScript Funktion* Code: <script language="javascript"> var viewOpen = false; function changeView() { if(viewOpen) document.getElementById("view").innerHTML = ''; else document.getElementById("view").innerHTML = document.getElementById("viewCont").innerHTML; viewOpen = !viewOpen; } </script> "Button" zum klicken Code: <input type="checkbox" value="1" onClick="javascript: changeView()"> Alles klar? Gruß Dima

03.03.2006, 16:53
dsmcg Erfahrener Benutzer Registriert seit: 11.10.2005 Beiträge: 2.405	alles klar, danke __________________ Wie man Fragen richtig stellt

03.03.2006, 16:54
I-Spy Erfahrener Benutzer Registriert seit: 30.11.2004 Beiträge: 202	Kennst du eine bessere Lösung wie man sowas machen könnte? Gruß Dima