JavaScript in PHP aufrufen? - Seite 3

EG2011 · 20.05.2011, 18:47

@ChrisB

Du siehst den Screenshot hier , oder?

http://imageshack.us/photo/my-images/30/screeny1w.jpg/

Der Seitenaufbau ist der hier:

Code:

<div id="bodyDiv">
	<div id="mainDiv">
		<?php require_once('sidebar.html'); ?>
		<div id="contentDiv">

bodyDiv ist der Pagebody ansich.
mainDiv ist 1000px breit und beinhaltet sowohl die sidebar (ein div) sowie das content-div rechts daneben.
Das sieht man auf dem Screenshot ja.

sidebarDiv hat folgende CSS-Attribute:

Code:

#sidebarDiv{	
                position: relative;
		border: 1px solid #000;
            	background-color: black;
            	margin: 0px;
		float: left;
		width: 150px;
		height: 570px;

Ich will nun die sidebar links überdecken mit meinem grauen, dynamisch erzeugten div.

Dieses erzeuge ich so:

Code:

function deactivateSB(divID) {
				
				var cover = document.createElement('div');
				cover.setAttribute('style', 'background-color: gray; padding: 0px; position: absolute; top: 0px, left: 0px; height: 570px; width: 150px; opacity: 0.7;');
				document.getElementById(divID).appendChild(cover);
				}

Als divID wird der Funktion logischerweise sidebarDiv übergeben.

Das ist nun der Stand der Dinge. Wie gesagt, ich kenne mich in der DOM-Struktur noch nicht gut aus und bastel das erste Mal an sowas. Daher bitte etwas Gnade.

Danke

ChrisB · 20.05.2011, 18:51

Ich sehe nirgends was in Richtung der genannten Eigenschaft.

EG2011 · 20.05.2011, 19:03

Hilf mir auf die Sprünge?

Welche Eigenschaft meinst du?

EG2011 · 20.05.2011, 19:11

Achso, z-index meinst du.
Habe ich herausgenommen, da es nichts gebracht hat.
Hatte sidebarDiv auf z-index 1 und habe mein graues div auf z-index 33 gelegt. Es lag drüber so wie auf dem Screenshot.
Setze ich z-index auf -1 liegt es drunter, aber lösen tut es das Problem ja nicht, weil es irgendwie immer unterhalb der Buttons hängt.

nikosch · 20.05.2011, 20:23

z-index ändert auch nicht die Art der Positionierung.

EG2011 · 20.05.2011, 20:42

Wie kriege ich das graue div denn dann über die buttons als "zweite Schicht"......?
Habt ihr noch Ideen, die mir weiterhelfen könnten?

nikosch · 20.05.2011, 22:08

Wurde bereits in #4 gesagt. Ich schlage vor, Du legst jetzt mal etwas Eigenregie an den Tag.

EG2011 · 22.05.2011, 16:17

Okay, finales Update:

Ich konnte noch so viel nach Logik-Fehlern suchen, da die Logik stimmte.
War nen Syntax-Fehler, der mich nun lange beschäftigt hat.... -_-.

Code:

cover.setAttribute('style', 'background-color: gray; padding: 0px; position: absolute; top: 0px, left: 0px; height: 570px; width: 150px; opacity: 0.7;');

Wenn man da mal gaaaaanz genau hinschaut findet man ihn =).

Danke euch allen für eure Hilfe bis dato!

Gruß, Seb

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
hp variable eine javascript sourc aufrufen	istech	PHP Einsteiger	7	16.03.2011 10:34
[Erledigt] Javascript mit Variablen in Php (echo) aufrufen	xakeko	PHP Tipps 2010	6	02.09.2010 13:36
Aus Javascript eine php-Funktion aufrufen?	maikell	PHP Tipps 2010	5	20.08.2010 11:14
timing Probleme bzw Zusammenspiel PHP Javascript	thica	PHP Tipps 2009	2	19.02.2010 19:06
[Erledigt] JavaScript Funktionen richtig aufrufen	sagato0816	JavaScript, Ajax und mehr	5	10.10.2009 15:40
[Erledigt] Variable von Javascript mit 1x1px-Bild an PHP übergeben	beneblack	PHP Tipps 2009	18	03.05.2009 22:40
[Erledigt] Javascript in PHP Aufrufen	coyboc	PHP Tipps 2009	17	10.04.2009 15:28
JAVASCRIPT aus PHP aufrufen	guckers	PHP Tipps 2009	2	24.01.2009 16:04
1101: 10x JavaScript und kein Ende ist abzusehen…	Nikolaus 2.0	Adventskalender 2008	9	13.12.2008 20:11
[Erledigt] PHP-Script durch JavaScript aufrufen, Ergebnis darstellen	henry555	JavaScript, Ajax und mehr	13	16.10.2008 15:40
JavaScript - Function aus Variabel aufrufen	stefanjann	HTML, Usability und Barrierefreiheit	6	04.09.2006 08:55
PHP-Script mit JavaScript aufrufen	nicobischof	PHP Tipps 2006	1	27.08.2006 13:09
[Erledigt] Javascript mit PHP aufrufen		PHP Tipps 2004	7	15.09.2004 15:59

20.05.2011, 18:47
EG2011 Erfahrener Benutzer Registriert seit: 11.04.2011 Beiträge: 141 PHP-Kenntnisse: Anfänger	@ChrisB Du siehst den Screenshot hier , oder? http://imageshack.us/photo/my-images/30/screeny1w.jpg/ Der Seitenaufbau ist der hier: Code: <div id="bodyDiv"> <div id="mainDiv"> <?php require_once('sidebar.html'); ?> <div id="contentDiv"> bodyDiv ist der Pagebody ansich. mainDiv ist 1000px breit und beinhaltet sowohl die sidebar (ein div) sowie das content-div rechts daneben. Das sieht man auf dem Screenshot ja. sidebarDiv hat folgende CSS-Attribute: Code: #sidebarDiv{ position: relative; border: 1px solid #000; background-color: black; margin: 0px; float: left; width: 150px; height: 570px; Ich will nun die sidebar links überdecken mit meinem grauen, dynamisch erzeugten div. Dieses erzeuge ich so: Code: function deactivateSB(divID) { var cover = document.createElement('div'); cover.setAttribute('style', 'background-color: gray; padding: 0px; position: absolute; top: 0px, left: 0px; height: 570px; width: 150px; opacity: 0.7;'); document.getElementById(divID).appendChild(cover); } Als divID wird der Funktion logischerweise sidebarDiv übergeben. Das ist nun der Stand der Dinge. Wie gesagt, ich kenne mich in der DOM-Struktur noch nicht gut aus und bastel das erste Mal an sowas. Daher bitte etwas Gnade. Danke


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

20.05.2011, 18:51
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Ich sehe nirgends was in Richtung der genannten Eigenschaft. __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

20.05.2011, 19:03
EG2011 Erfahrener Benutzer Registriert seit: 11.04.2011 Beiträge: 141 PHP-Kenntnisse: Anfänger	Hilf mir auf die Sprünge? Welche Eigenschaft meinst du?

20.05.2011, 19:11
EG2011 Erfahrener Benutzer Registriert seit: 11.04.2011 Beiträge: 141 PHP-Kenntnisse: Anfänger	Achso, z-index meinst du. Habe ich herausgenommen, da es nichts gebracht hat. Hatte sidebarDiv auf z-index 1 und habe mein graues div auf z-index 33 gelegt. Es lag drüber so wie auf dem Screenshot. Setze ich z-index auf -1 liegt es drunter, aber lösen tut es das Problem ja nicht, weil es irgendwie immer unterhalb der Buttons hängt.

20.05.2011, 20:23
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	z-index ändert auch nicht die Art der Positionierung. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

20.05.2011, 20:42
EG2011 Erfahrener Benutzer Registriert seit: 11.04.2011 Beiträge: 141 PHP-Kenntnisse: Anfänger	Wie kriege ich das graue div denn dann über die buttons als "zweite Schicht"......? Habt ihr noch Ideen, die mir weiterhelfen könnten?

20.05.2011, 22:08
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Wurde bereits in #4 gesagt. Ich schlage vor, Du legst jetzt mal etwas Eigenregie an den Tag. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

22.05.2011, 16:17
EG2011 Erfahrener Benutzer Registriert seit: 11.04.2011 Beiträge: 141 PHP-Kenntnisse: Anfänger	Okay, finales Update: Ich konnte noch so viel nach Logik-Fehlern suchen, da die Logik stimmte. War nen Syntax-Fehler, der mich nun lange beschäftigt hat.... -_-. Code: cover.setAttribute('style', 'background-color: gray; padding: 0px; position: absolute; top: 0px, left: 0px; height: 570px; width: 150px; opacity: 0.7;'); Wenn man da mal gaaaaanz genau hinschaut findet man ihn =). Danke euch allen für eure Hilfe bis dato! Gruß, Seb