eine frage zu iframes

einfach Mampf · 25.06.2003, 08:43

hallo leute,
also ich bin heute das erste mal hier. ich hoffe es erscheint nicht so frech wen ich gleich eine frage stelle, wen ja "sorry ;-)".
so nun zu meiner frage.
ich möchte auf die linke seite ein iframe machen mit auf und abscroll funktion. in dem sollen dan bilder gescrollt werden, die verlinkt werden. daneben soll noch ein iframes sein der soll dan wen man auf die bilder klickt die beschreibung der bilder bringen.
dieser 2 iframe soll auch scrollbar sein. weiss jemand ob das zu machen ist, mein problem ist das wie verlinke ich die bilder mit den inhalt des 2 iframes. kann mir das bitte mal jemand sagen wie ich das anstellen kann. das es funktioniert. oder kennt jemand eine andere lösung zu diesen problem was sich da aufbaut ?

so ich danke euch schon mal .... !

prefix · 25.06.2003, 08:54

morgen und willkommen im tp :-)

so, hier kannst mal sehen, wie das endprodukt aussieht!

dafür benötigst du (also für dieses beispiel) 4 dateien:

- die gesamt-seite (mit den eingebundenen iframes)
- iframe nr. 1
- iframe nr. 2
- infos zu iframe nr. 1

gehen wir es an :-) die nachfolgenden dateien können auch die endung *.html tragen, du musst das dann nur an den entsprechenden code-stellen ändern!

1. die gesamt-seite (index.php):

Code:

<!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>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>

<body>



<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
	<iframe src="iframe1.php" width="200px" height="200px" name="iframe1"></iframe>
	</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><iframe src="iframe2.php" width="200px" height="200px" name="iframe2"></iframe></td>
  </tr>
</table>
</body>
</html>

2. iframe nr. 1 (iframe1.php):

Code:

<!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>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>

<body>
<p>ich bin iframe nr. 1</p>
<p><a href="iframe1_infos.php" target="iframe2">
klick mich f&uuml;r mehr infos auf iframe nr. 2 
</a></p>
</body>
</html>

3. iframe nr. 2 (iframe2.php):

Code:

<!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>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>

<body>
<p>ich bin iframe nr. 2</p>
<p>mich sieht man mal standardmäßig!</p>
</body>
</html>

4. infos zu iframe nr. 1 (iframe1_infos.php):

Code:

<!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>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>

<body>
<strong>ich gebe n&auml;here infos zum link in iframe nr. 1!!!
</strong>
</body>
</html>

den textlink in iframe1.php kannst natürlich durch grafiken tauschen usw. - das beispiel hier ist ein anhalt für dich, dass du natürlich noch adaptieren musst :-)

einfach Mampf · 25.06.2003, 09:29

danke prefix für die schnelle hilfe.

also das hätte ich nett hin bekommen ohne deine hilfe, vielen dank dafür !!!!

prefix · 25.06.2003, 09:31

kein problem, dafür sind wir ja da = um zu helfen :-)

hab das topic mal als erledigt markiert!

eine frage zu iframes

danke für die hilfe...