Flashforum - Die Community zu Adobe Flash, Flex AIR. Web Design und Inspiration.

Bexsta · 26-11-2009, 20:08

hallo..

ich fülle ein content container mit innerhtml (mit einer php datei) und wollte nun einen container innerhalb der php datei komplett vor die seite legen.

jedoch bekomme ich den container nicht vor den content container!
z-index und position bringts leider auch nicht!

liegt das an innerhtml?

**sonar** · 26-11-2009, 20:18

Zitat:

Zitat von Bexsta

liegt das an innerhtml?

Nee, an den Sonnenprotuberanzen…

Code?

:: RK :: · 26-11-2009, 20:21

Zitat:

Zitat von sonar

Nee, an den Sonnenprotuberanzen…

Code?

Wenn du schon mit Fachbegriffen um dich schmeisst, dann biete wenigsten
noch einen Link an, der erklärt worums geht!

Protuberanz ? Wikipedia

@Bexsta:
sorry

… kannst du dein Vorhaben genauer erläutern? Hab nicht
verstanden was du machst und was du überhaupt erreichen willst

Bexsta · 26-11-2009, 20:46

@ :: RK ::
ich fang ma von vorne an:
der div container "content" in der index.html wird mit hilfe von innerhtml mit einer index.php gefüllt. in der index php befindet sich ein div container "tarot".
der container tarot soll nach dem laden der index.php in den vordegrund der seite gelegt werden so ähnlich wie eine ligthbox.

das problem ist ich bekomme den tarot container einfach nicht in den vordergrund bzw vor content!
tarot befinet sich nur innerhalb dieses containers und auch mit z-index hat es nicht geklappt.

müßte jetz eigendlich verständlich sein!?

EDIT:Es soll nach dem aufrufen der index.php und nach einer bestätigung ein spiel gestartet werden. Das im Vordergrund der Seite liegen soll! Das Game is in JS gemacht und soll in tarot ausgeführt werden.

HTML-Code:

#tarotgame{
position:absolute;
width:900px;
height:570px;
background-color:#eee;
z-index:5;
}

PHP-Code:

  function tarot(){document.getElementById("content").innerHTML='<iframe src=tarot/index.php frameborder=0 allowtransparency=true></iframe>';}

Bexsta · 26-11-2009, 21:35

Keiner eine Idee oder ist es nicht verständlich wesen!

pilzebub · 26-11-2009, 21:58

wie sieht den dein kompletter html-code aus?

Bexsta · 26-11-2009, 22:16

HTML-Code:

<?php
         session_start();
         include('includes.php');
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Tarot</title>
        <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
         <link rel="stylesheet" type="text/css" href="style.css"></link>
		 <script src="js/tarot.js" language="javascript"></script>
    </head>
    <body>


         <div id="navigation"><?php include('navigation.php'); ?></div>


        <div id="content"><h3>Online Tarotkarten</h3>
        <?php
                $sql = "SELECT * FROM cards ORDER BY id";
                 if(! $res = $db->sql_query($sql)){
                        print mysql_error ();
                }
                 while ($datensatz = $db->sql_fetchrow($res)){
                         //foreach ($datensatz as $key => $cell){
                                 //echo "<br />".$datensatz[$key];
                        //}
                        }
        ?>
		

				<h5>Überschrift<br><br>
				Jetzt endlich starten..</h5>
				<h6>
				Disclaimer
				</h6>

				<div id="tarot">
				</div>
        </div>
    </body>
</html>

wie bereits oben beschrieben wird in einer html seite eine php seite eingefügt, deshlb wußte ich jetz nicht genau welche seite du meinst.
habe die mit innerhtml geschrieben seite mal aufgeführt! (in der ist auch das tarot div)

EDIT: Das js und das css sind ausgelagert!

Nightflyer · 26-11-2009, 23:05

Benutze Fancybox, da kannst auch gleich dein IFrame als Ziel angeben

pilzebub · 26-11-2009, 23:06

du weißt aber schon, dass sich das css nur auf die jeweilige html-seite
angewendet wird, d.h. du kannst maximal den #content und #tarot über die
anderen elemente drüber legen und ich gehe mal davon aus, dass sich die
#tarotgame in der index.php im iframe befindet?

Bexsta · 26-11-2009, 23:27

sry tarotgame ist tarot ich hatte es vergessen wieder umzubennen!

Zitat:

#tarotgame in der index.php im iframe befindet?

also was heißt das nun?
habe das nicht ganz verstanden, denn sobald tarot über content liegt ist das problem gelöst! (tarot im iframe)
was hat eigentlich der imframe damit zu tun?
wirkt er wie eine box innerhalb einer ebene aus der man nicht mti einem div rauskommt?

das problem ist einfach das ich noch nie mit iframe s was gemacht habe und nun mein game auf eine seite implemenieren soll und der kollegeg macht das wohl immer mit iframes! warum? kp^^

pilzebub · 26-11-2009, 23:54

nö, ist kein problem mehr... und in welcher datei rufst du die funktion
tarot() auf, zeig da mal noch den code her bzw. nimm doch einfach die
fancybox(der link von Nightflyer), da ist alles schon fertig.

Bexsta · 27-11-2009, 00:02

ich würde das lieber selber machen, einfach auch der übung halber!

tarot(); befindet sich unter webanwendungen

HTML-Code:

<html>
<head>
<title>feenlohn</title>
        <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
         <link rel="stylesheet" type="text/css" href="style.css"></link>
         <link rel="stylesheet" type="text/css" href="style_cont.css"></link>
         <script type="text/javascript" src="script.js"></script>
</head>
<body class="bg" onLoad="home()">



        <div id="banner"></div>
         <div id="mitte"></div>
         <div id="footer">xxxxx</div>



         <div id="mitte_innen">
                 <div id="nav_oben">
                         <a class="nav_oben" href="#" onClick="home()">Home |</a>
                         <a class="nav_oben" href="#" onClick="kontakt()">Kontakt |</a>
                         <a class="nav_oben" href="#" onClick="admin()">Admin |</a>
                 </div>
                        <div id="nav_links">

                         <a href="#" class="nav1" onClick="menu_off(),home()">Home</a>
                         <a href="#" class="nav1" onClick="menu_off(),kontakt()">Kontakt</a>
                         <a href="#" class="nav1" onClick="menu_off(),menu1(),angebot()">Angebot</a>
                         <div id="menu1">
                                  <a href="#" class="nav2" onClick="angebot_unterricht()">Unterricht</a>
                                 <a href="#" class="nav2" onClick="angebot_uebersetzung()">&Uuml;bersetzung</a>
                                 <a href="#" class="nav2" onClick="angebot_tarot()">Tarot</a>
                                 <a href="#" class="nav2" onClick="angebot_lebensberatung()">Lebensberatung</a>
                         </div>

                         <br /><br />Webanwendungen
                         <a href="#" class="nav1" onClick="menu_off(),menu2()">Specials</a>
                         <div id="menu2">
                                 <a href="#" class="nav2" onClick="tarot()">Tarot-Spiel</a>
                         </div>

                         <br /><br />Tarotkarten extra
                         <a href="#" class="nav1" onClick="menu_off(),menu3(),tarotkarten()">Tarotkarten</a>
                         <div id="menu3">
                                <a href="#" class="nav2" onClick="tarotkarten1()">Karten  1-13</a>
                                <a href="#" class="nav2" onClick="tarotkarten2()">Karten 14-26</a>
                                <a href="#" class="nav2" onClick="tarotkarten3()">Karten 27-39</a>
                                <a href="#" class="nav2" onClick="tarotkarten4()">Karten 40-52</a>
                                <a href="#" class="nav2" onClick="tarotkarten5()">Karten 53-65</a>
                                <a href="#" class="nav2" onClick="tarotkarten6()">Karten 66-78</a>
                         </div>


                         <br /><br />online-Kurs
                         <a href="#" class="nav1" onClick="menu_off(),menu4(),vokabeln()">Vokabeln</a>
                         <div id="menu4">
                                <a href="#" class="nav2" onClick="vokabeln1()">Vokabeln I</a>
                                        <a href="#" class="nav2" onClick="vokabeln2()">Vokabeln II</a>
                                        <a href="#" class="nav2" onClick="vokabeln3()">Vokabeln III</a>
                                        <a href="#" class="nav2" onClick="vokabeln4()">Vokabeln IV</a>
                         </div>
                         <a href="#" class="nav1" onClick="menu_off(),menu5(),grammatik()">Grammatik</a>
                         <div id="menu5">
                                <a href="#" class="nav2" onClick="grammatik1()">Grammatik I</a>
                                        <a href="#" class="nav2" onClick="grammatik2()">Grammatik II</a>
                                        <a href="#" class="nav2" onClick="grammatik3()">Grammatik III</a>
                                        <a href="#" class="nav2" onClick="grammatik4()">Grammatik IV</a>
                         </div>
                         <a href="#" class="nav1" onClick="menu_off(),menu5(),uebungen()">&Uuml;bungen</a>
                         <div id="menu6">
                                 <a href="#" class="nav2" onClick="uebungen1()">&Uuml;bungen I</a>
                                        <a href="#" class="nav2" onClick="uebungen2()">&Uuml;bungen II</a>
                                        <a href="#" class="nav2" onClick="uebungen3()">&Uuml;bungen III</a>
                                        <a href="#" class="nav2" onClick="uebungen4()">&Uuml;bungen IV</a>
                         </div>

                         <br /><br />Sonstiges
                         <a href="#" class="nav1" onClick="menu_off(),history()">History</a>

                         <br /><br /><br /><br />
                         <span class="alert_in">xxxx<a class="normal" target="_blank" href="xxx">Axels Express</a></span>
                         <span class="alert_in">xxxx</span>
                 </div>



                 <div id="content"></div>
         </div>



<script language="JavaScript" src="count/counter.php"></script>





</body>
</html>

pilzebub · 27-11-2009, 00:50

wenn ich nicht ganz daneben liege, ersetzt du den inhalt von #container durch
die funktion tarot mit innerHtml, also ist somit die id:taro auch nicht mehr
vorhanden. führe doch einfach mal innerHtml auf die id taro aus und nimm
den container mit der id:content, in der navigation.php raus (wenn es denn die
datei auch ist, die du als letztes gepostet hast

)

edit: sorry mein fehler, lass die id:content drin und ersetze #taroirgendwas in
der css-datei durch #content

Bexsta · 27-11-2009, 01:40

keine veränderung!

dann wars das für heute..

bin aber für jeden weiteren versuch dankbar!

pilzebub · 27-11-2009, 03:01

1. füllen des divs und dann durch vergabe einer neuen id oder class das div
drüber legen/positionieren(oder einfach ein und ausblenden usw.) und das alles
durch die funktion tarot... würde ich als nächstes probieren... oder
schaue dir doch einfach mal den code von der fancybox an.

HTML-Code:

<!DOCTYPE html>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
<title>Unbenanntes Dokument</title>
<style type="text/css">
#taro{
position:absolute;
width:400px;
height:400px;
left:-600px;
text-align:center;
background-color:red;
z-index:5;
}
#content
{
margin-left:50px;
width:500px;
height:500px;
background-color:green;
}
</style>
<script type="text/javascript">
function tarot(){
document.getElementById("taro").innerHTML='<iframe src="http://www.google.de" width="300" height="300"></iframe>';
document.getElementById("taro").style.left='50px';
}
</script>
</head>
<a href="#" onclick="tarot()">klick mich</a>
<div id="taro">
-
</div>
<div id="content">
-
</div>
<body>
</body>
</html>

26-11-2009, 20:08	#1 (permalink)
Bexsta Neuer User Registriert seit: Oct 2006 Beiträge: 140	innerhtml > div container in vordegrund bringen hallo.. ich fülle ein content container mit innerhtml (mit einer php datei) und wollte nun einen container innerhalb der php datei komplett vor die seite legen. jedoch bekomme ich den container nicht vor den content container! z-index und position bringts leider auch nicht! liegt das an innerhtml? __________________ Friedrichshagen Geändert von Bexsta (26-11-2009 um 20:13 Uhr)

26-11-2009, 20:46	#4 (permalink)
Bexsta Neuer User Registriert seit: Oct 2006 Beiträge: 140	@ :: RK :: ich fang ma von vorne an: der div container "content" in der index.html wird mit hilfe von innerhtml mit einer index.php gefüllt. in der index php befindet sich ein div container "tarot". der container tarot soll nach dem laden der index.php in den vordegrund der seite gelegt werden so ähnlich wie eine ligthbox. das problem ist ich bekomme den tarot container einfach nicht in den vordergrund bzw vor content! tarot befinet sich nur innerhalb dieses containers und auch mit z-index hat es nicht geklappt. müßte jetz eigendlich verständlich sein!? EDIT:Es soll nach dem aufrufen der index.php und nach einer bestätigung ein spiel gestartet werden. Das im Vordergrund der Seite liegen soll! Das Game is in JS gemacht und soll in tarot ausgeführt werden. HTML-Code: #tarotgame{ position:absolute; width:900px; height:570px; background-color:#eee; z-index:5; } PHP-Code: `function tarot(){document.getElementById("content").innerHTML='<iframe src=tarot/index.php frameborder=0 allowtransparency=true></iframe>';}` __________________ Friedrichshagen Geändert von Bexsta (26-11-2009 um 21:15 Uhr)

26-11-2009, 21:35	#5 (permalink)
Bexsta Neuer User Registriert seit: Oct 2006 Beiträge: 140	Keiner eine Idee oder ist es nicht verständlich wesen! __________________ Friedrichshagen

26-11-2009, 23:05	#8 (permalink)
Nightflyer Inventar Registriert seit: Jul 2002 Beiträge: 6.882	Benutze Fancybox, da kannst auch gleich dein IFrame als Ziel angeben __________________ (\__/) (='.'=) (")_(")

27-11-2009, 00:50	#13 (permalink)
pilzebub · Registriert seit: Oct 2003 Ort: ·· Beiträge: 722	wenn ich nicht ganz daneben liege, ersetzt du den inhalt von #container durch die funktion tarot mit innerHtml, also ist somit die id:taro auch nicht mehr vorhanden. führe doch einfach mal innerHtml auf die id taro aus und nimm den container mit der id:content, in der navigation.php raus (wenn es denn die datei auch ist, die du als letztes gepostet hast ) edit: sorry mein fehler, lass die id:content drin und ersetze #taroirgendwas in der css-datei durch #content Geändert von pilzebub (27-11-2009 um 01:04 Uhr)

26-11-2009, 21:58	#6 (permalink)
pilzebub · Registriert seit: Oct 2003 Ort: ·· Beiträge: 722	wie sieht den dein kompletter html-code aus?

26-11-2009, 23:06	#9 (permalink)
pilzebub · Registriert seit: Oct 2003 Ort: ·· Beiträge: 722	du weißt aber schon, dass sich das css nur auf die jeweilige html-seite angewendet wird, d.h. du kannst maximal den #content und #tarot über die anderen elemente drüber legen und ich gehe mal davon aus, dass sich die #tarotgame in der index.php im iframe befindet?

26-11-2009, 23:54	#11 (permalink)
pilzebub · Registriert seit: Oct 2003 Ort: ·· Beiträge: 722	nö, ist kein problem mehr... und in welcher datei rufst du die funktion tarot() auf, zeig da mal noch den code her bzw. nimm doch einfach die fancybox(der link von Nightflyer), da ist alles schon fertig.

27-11-2009, 01:40	#14 (permalink)
Bexsta Neuer User Registriert seit: Oct 2006 Beiträge: 140	keine veränderung! dann wars das für heute.. bin aber für jeden weiteren versuch dankbar! __________________ Friedrichshagen

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
script element und innerHTML	fraggle two	JavaScript & jQuery	3	16-04-2007 18:29
IE Problem mit Object und innerHTML	astaroth	JavaScript & jQuery	0	09-11-2006 13:49
innerHTML Problem mit Anführungszeichen	ea_flasher	JavaScript & jQuery	8	14-11-2005 22:59
javascript mit innerHTML in div einbinden...	fraggle two	JavaScript & jQuery	10	31-05-2005 19:40
innerHTML > XML	pascalo	HTML und CSS	0	28-01-2004 21:28