✔ Popups

Ja, das stimmt wohl, hatte ich auch zunächst probiert :(
Leider ist das nicht ausreichend, es soll definitiv zum "Draufklicken" sein und dann stehen bleiben.
Ich stelle mal folgende Code-Schnipsel rein:

Hier geht der php Code der Seite los:

Code: 
<?php 

if ($_GET['s']==1) { echo ('<link rel="stylesheet" type="text/css" href="css/popupaus.css">'); } 
else if ($_GET['s']==2) { echo ('<link rel="stylesheet" type="text/css" href="css/popup1.css">'); } 
else if ($_GET['s']==3) { echo ('<link rel="stylesheet" type="text/css" href="css/popup2.css">'); } 
else { echo ('<link rel="stylesheet" type="text/css" href="css/popupaus.css">'); }

?>

<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>
<![endif]-->
</head>

<body>
<div id="opaque1"></div>


<div id="popup1">
<div id="close1"><a href="home.php?s=1"><img src="http://www.tutorials.de/forum/images/close.jpg" alt="close"></a></div>
<div id="wrap1">

<img src="http://www.tutorials.de/forum/images/popup_zoll.jpg" alt="Foto">

<h2>Rechts Teil 2</h2>
		<h3>
		popup1
		</h3>


		</div>
</div>

<div id="opaque2"></div>

<div id="popup2">
<div id="close2"><a href="home.php?s=1"><img src="http://www.tutorials.de/forum/images/close.jpg" alt="close"></a></div>
<div id="wrap2">

<img src="http://www.tutorials.de/forum/images/popup_zoll.jpg" alt="Foto">

<h2>Rechts Teil 2</h2>
		<h3>
		Popup2
		</h3>


		</div>
</div>

Und weiter unten in der Seite dann der Link/Aufruf:

Code: 
<table>
  <tr>
    <td><img src="http://www.tutorials.de/forum/images/klein1.jpg" alt="foto"></td>
    <td> <h2>GaLa Bau in Nürnberg</h2>
		<h3>
		Besuchen Sie uns vom 15. – 18.09.2010 auf der Internationalen Fachmesse für Urbanes Grün und Freiraumgestaltung.

		<a href="home.php?s=2">mehr</a>
		</h3></td>
  </tr>
    <tr>
    <td><img src="http://www.tutorials.de/forum/images/klein1.jpg" alt="foto"></td>
    <td>
	<h2>Destedt / Grundschule</h2>
		<h3>
		Zur großen Freude der Destedter Kinder und Lehrer k&ouml;nnen jetzt die Kinder  
		<a href="home.php?s=3">mehr</a>
		</h3></td>
  </tr>
</table>

So, dann hab ich noch die CSS-Files:
http://www.oecocolor.de/TEST/css/popupaus.css
http://www.oecocolor.de/TEST/css/popup1.css
http://www.oecocolor.de/TEST/css/popup2.css

Warum funktioniert denn der erste Aufruf, also, wenn ich beim ersten auf "mehr" klicke, beim oberen erscheint jedoch der graue Hintergrund nicht mit?
 
julieann hat gesagt.:
Aber diese arbeiten doch alle mit javascript?
Und das soll/darf halt nicht verwendet werden...
Zum Vergrößern anklicken....
Ah ja, und was ist dann hiermit? :suspekt:

HTML: 
<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>
<![endif]-->


Ansonsten gehört das Thema ins PHP-Forum, da hier kein CSS-Problem vorliegt, wo ich es jetzt anschliessend auch hinverschiebe.

mfg Maik
 
Ich bin mir nicht so sicher, ob es ein php-Problem ist...aber naja.
Also, es funktionert jetzt ja grundsätzlich (auch mit dem "grauen" Hintergrund, die Fenster der rechten Seite zu öffnen.
Einziges Problem:
Wenn ich den ersten Link anklicke, blendet im Hintergrund die Schrift (also der Inhalt) des zweiten Fenster ein und umgekehrt genauso...Woran liegt das? Das müsste doch ein CSS Problem sein?
Weiß jemand weiter?
Danke!
 
julieann hat gesagt.:
Ich bin mir nicht so sicher, ob es ein php-Problem ist...aber naja.
Zum Vergrößern anklicken....
Dein PHP-Script lädt doch je nach aufgerufener Seite das entsprechende Stylesheet.

julieann hat gesagt.:
Wenn ich den ersten Link anklicke, blendet im Hintergrund die Schrift (also der Inhalt) des zweiten Fenster ein und umgekehrt genauso...Woran liegt das? Das müsste doch ein CSS Problem sein?
Zum Vergrößern anklicken....
Was hat die Formatierungssprache CSS mit dem Laden von Inhalten zu tun?

mfg Maik
 
Ich hab das Problem gerade gelöst, es war ein CSS Problem.
Es ging ja nicht um den PHP Teil, dieser hat ja korrekt das enstprechende CSS-File geladen. Nur innerhalb des Files gab es ein PRoblem mit der Darstellung. Aber konnte das beheben.
Trotzdem Danke!
 
OK, Leute. Sorry, wenn ich mit tausend Fragen hier ankomme :(
Ich hab ein Browserproblem:
IM IE (7) funktioniert die "rechte Seite" nicht, also die rechte Spalte unter dem Logo ist überhaupt nicht zu sehen...
Woran kann das liegen bzw. wie kann ich das beheben?
 
IE7 hab ich hier im Geschäft nicht zur Verfügung, um da einen Blick drauf werfen zu können, von daher wirst du dich auf meine Antwort bis heute Mittag (14h +) gedulden müssen, bis ich daheim bin.

Es sei denn, jemand anders springt hier zwischenzeitlich für mich ein.

mfg Maik
 
Wäre wirklich toll, wenn du dich dann meldest, werde heute wohl ziemlich lange daran sitzen :D
Aber noch eine andere Frage:
Unten links habe ich ja ein Bild mit nem TÜV Logo. Wie bekomme ich das denn nun in den Hintergrund, so dass sich bei kleinen BIldschirmen die Navigation darüber schiebt und nicht umgekehrt?
Hab schon mit dem z-index herumgespielt, aber das klappt irgendwie nicht :(
Die div id ist tuev.
 
julieann hat gesagt.:
Aber noch eine andere Frage:
Unten links habe ich ja ein Bild mit nem TÜV Logo. Wie bekomme ich das denn nun in den Hintergrund, so dass sich bei kleinen BIldschirmen die Navigation darüber schiebt und nicht umgekehrt?
Hab schon mit dem z-index herumgespielt, aber das klappt irgendwie nicht :(
Die div id ist tuev.
Zum Vergrößern anklicken....
Gib mal für das Menü ul.menu die Schichtposition z-index:2 an.

mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück