[Erledigt] Bilder unter den Gliederungspunkt anzeigen

Plienkie · 13.12.2011, 09:58

Hallo,

ein habe ein Problem, weiss aber nicht so richtig, wie ich herangehen soll.

Ich habe ein Script, welches auch funktiniert, es geht um eine Aneige von Bilder. Ich möcht aber nun die Anzeige der Bilder ein wenig ändern und komm nicht so richtig voran.

Ich lasse mir aus der Datenbank die Serie der Bilder auflisten und mit einem Kick auf das entsprechende Icon werden auch die Bilder angezeigt. soweit ganz gut.

Ich möchte nun, das die Bilder gleich unter dem Gliederungspunkt angezeigt werden sodas ich die anderen Gliederungspunkt noch sehen kann.

Nun weiss ich nicht, ob meine Beschreibung reicht, um mir zu helfen.

Danke!

PHP-Code:

  <head>

<style type="text/css">

<!--

.bl

{

    border-bottom-width: thin;

    border-left-width: thin;

    border-bottom-style: solid;

    border-left-style: solid;

    border-bottom-color: #7F0000;

    border-right-width: thin;

    border-right-style: none;

    border-left-color: #7F0000;

    margin-left: 10px;

    margin-right: 10px;

    margin-top: 5px;

    font-style: italic;

} 

 
.Stil6 {

    font-weight: bold;

    color: #0033CC;

    font-size: 14px;

    font-family: Verdana, Arial, Helvetica, sans-serif;

}

-->

.thumbnail{

position: relative;

z-index: 0;

}

 
.thumbnail:hover{

background-color: transparent;

z-index: 50;

}

 
.thumbnail span{ /*CSS for enlarged image*/

position: absolute;

background-color: #FFFFCC;

padding: 0px;

left: -1000px;

border: 1px dashed gray;

visibility: hidden;

color: black;

text-decoration: none;

}

 
.thumbnail span img{ /*CSS for enlarged image*/

border-width: 0;

padding: 2px;

}

 
.thumbnail:hover span{ /*CSS for enlarged image on hover*/

visibility: visible;

position:absolute; top: -145px; left:370px;

}

 
hr{

 border: 0px; /* Für Firefox und Opera */

 border-top: solid 1px #A52921;

 border-bottom: transparent;

}

 
a.info

{

position:relative;

z-index:1;

background-color:#FFFFCC;

color:#2D006B;

text-decoration:none;

}

 
a.info:hover

{

z-index:2;

background-color:#C0FF3E;

}

 
a.info span

{

display: none;

}

 
a.info:hover span

{

display:block;

position:absolute;

top:2em;

left:2em;

width:7em;

border:1px solid #CCFF99;

background-color:#fc0;

color:#000;

text-align: center;

padding: 5px;

font-size: 0.8em;

} 

</style>

function change(path)

{

  document.getElementById('image').src = path;

}

</head>

<body>

$var = 'Kommentar';

if(isset($var))

{

  $sqlb = "SELECT *

           FROM bilder

           WHERE Brauerei = '$row[Brauerei]' AND `Kommentar`=".$var." GROUP BY Kommentar ORDER BY Kommentar ASC";

    $resultb = mysql_query($sqlb);

    echo mysql_error();

      {

         $i=1;

         if (mysql_num_rows($resultb) > 0)

          {

            while ($rowbilder = mysql_fetch_assoc($resultb))

               {                   

                  echo "<br>";

                  echo '<p class="bl">';

                  echo "<tabla>";

                  echo "<td>";

                  if ($i < 10)

                  {

                  echo '<a class="thumbnail" href="../Reihe/' . $rowbilder['Id'] . '/' . $rowbilder['Reihe'] . '.php?' . $rowbilder['Kommentar'] . '"><img src="../../bilder/' . $rowbilder['Id'] . '/' . $rowbilder['Bildvorn'] . 'v.jpg" width="20px" height="23px" border="0" title="Serie ´' . $rowbilder['Kommentar'] . '´ wird geöffnet"/><span><img src="../../bilder/' . $rowbilder['Id'] . '/' . $rowbilder['Bildvorn'] . 'v.jpg" /><br /></span></a>&nbsp;&nbsp;&nbsp;&nbsp;' . $i++ . '.&nbsp;-&nbsp;' . $rowbilder['Kommentar'] . '';

                  }

                  else

                  {

                  echo '<a class="thumbnail" href="../Reihe/' . $rowbilder['Id'] . '/' . $rowbilder['Reihe'] . '.php?' . $rowbilder['Kommentar'] . '"><img src="../../bilder/' . $rowbilder['Id'] . '/' . $rowbilder['Bildvorn'] . 'v.jpg" width="20px" height="23px" border="0" title="Serie ´' . $rowbilder['Kommentar'] . '´ wird geöffnet"/><span><img src="../../bilder/' . $rowbilder['Id'] . '/' . $rowbilder['Bildvorn'] . 'v.jpg" /><br /></span></a>&nbsp;&nbsp;' . $i++ . '.&nbsp;-&nbsp;' . $rowbilder['Kommentar'] . '';

                  }

                  echo "</td>";

                  echo "<td>";

                  echo '<a class="info" href="#"><img src="arrow_up.gif" width="10px" height="8px" border="0"><span>nach oben</span></a>';

                  echo "</td>";

                  }

         }echo "</p>";

      }$i++;

}

 
}}}}

      

include '../impress.php';

?>

</body></html>

chorn · 13.12.2011, 10:23

Was für Gliederungspunkte?

Plienkie · 13.12.2011, 10:40

Hi.

meine Gliederung:

1. erste Serie
2. zweite Serie
3. dritte Serie

ich möchte nun folgende Anzeige haben.

1. erste Serie
1 bild
2 bild

2. Serie
3. Serie

chorn · 13.12.2011, 12:28

Dann suchst du dir innerhalb deiner Serie alle Bilder zu der Serie aus der Datenbank

Code:

while( fetch( Serie ) ){ ...
 while( fetch( Bilder_der_Serie ) ){ ...

Plienkie · 13.12.2011, 18:33

"DANKE chorn"
für diesen hinweis, dabei habe ich festgestellt, das ich mich nicht richtig ausgedrückte habe.
Vielleicht etwas kongreter.

Wenn ich auf den Link einee Gliederung klicke, möchte ich, das sich die Seite nach unten öffnet und die entsprechenden Bilder sollen angezeigt werden. Es soll so Ähnlich funktionieren wie ein ausklappbares Menue.

Sorry, das ich so undeutlich war.

lstegelitz · 13.12.2011, 18:45

Das Untermenü erst mit "visibility:hidden" verstecken und beim draufklicken wieder "visible" machen... vielleicht?

Plienkie · 13.12.2011, 23:32

Hallo Istegelitz,

ich werde mich mit der versteckten Anzeige beschäftigen.
Falls ich nicht weiterkomme, denk ich, das ich mich noch mal melden kann?

LG

Plienkie · 15.12.2011, 22:03

Hallo,
ich habe mich ein wenig schlau gemacht, und ich glaub, das ich auf den richtigen Weg bin.
Ich habe ein kleinen Versuch, den ich mir noch aus bauen werden.
Aber irgenwie steh ich jetzt auf den Schlauch, denn in HTML funktioniert es, aber mit PHP bekomme ich eine Fehlermeldung. Erwartet wird ein , oder ;
Ich kann es mir durchlesen so oft ich es will und komm einfach nicht dahinter.

PHP-Code:

 
<html>
<head>
<script type="text/javascript">
function toggle(id){

 var img = 'img_' + id;
 if(document.getElementById(id).style.display == 'block') {
  document.getElementById(id).style.display = 'none';
  document.getElementById(img).src = 'plus.gif';
 } else {
  document.getElementById(id).style.display = 'block';
  document.getElementById(img).src = 'minus.gif';
 }
 
}
</script>
 
<style type="text/css">
<!--
a {
    display:block;
    text-decoration:none;
    background-color: #FFFFCC;
    margin: 100px;
    padding: 50px;
}
 
#layer1 {
    display:none;
    margin: 100px;
    padding: 40px;
}
-->
</style> 
</head>
<body> 
<?php
echo '<a href="#" onClick="toggle('layer1')"><img src="plus.gif" id="img_layer1" border="0"> Vorschautext</a>';
echo '<div id="layer1">wenn es klappt, kann ich es sehen</div>';
?>
</body>
</html>

Soundz · 15.12.2011, 22:20

PHP-Code:

  echo '<a href="#" onClick="toggle('layer1')"><img src="plus.gif" id="img_layer1" border="0"> Vorschautext</a>';

der fehler ist 'layer1', du musst die ' escapen, also php sagen "ich will wirklich ein ' " weil für php unterbrichst du den string an der stelle. Das geht in dem du einen \ davor setzt. Siehe Korrektur:

PHP-Code:

  echo '<a href="#" onClick="toggle(\'layer1\')"><img src="plus.gif" id="img_layer1" border="0"> Vorschautext</a>';

Plienkie · 15.12.2011, 22:25

Danke Soundz,

der Klapps auf dem Hinterkopf hat geholfen.
und nun klappst

PHP-Code:

  echo '<a href="#" onClick="toggle(\'layer1\')"><img src="plus.gif" id="img_layer1" border="0"> Vorschautext</a>';

DANKE!

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
[Erledigt] mit php bilder aus externem verzeichnis anzeigen	sphinxxx	HTML, Usability und Barrierefreiheit	3	22.11.2011 09:48
3 Bilder untereinander anzeigen lassen + prüfen der Dateiendungen	Wuschelchen	PHP Einsteiger	13	11.05.2011 16:43
top 10 Bilder anzeigen lassen	Schnaddi	PHP Tipps 2010	6	18.10.2010 19:24
[Erledigt] Problem MYSQL Bilder aus DB anzeigen	alexalbion	Datenbanken	20	08.09.2010 22:17
Bilder aus Spalten in Zeilen anzeigen	Typ15	PHP Tipps 2010	5	31.03.2010 21:46
Mit curl Bilder anzeigen	AllOnline	PHP Tipps 2010	2	03.02.2010 22:48
Bilder anzeigen und nicht anzeigen	Cyrus	PHP Tipps 2005-2	7	26.10.2005 20:23
[Erledigt] Vergrößerte Bilder im selben Pop Up Fenster anzeigen lassen		PHP Tipps 2005	8	01.04.2005 12:24
Bilder nach Namen anzeigen		PHP Tipps 2005	11	06.03.2005 15:41
Bilder anzeigen	Tschuu	PHP Tipps 2005	1	05.02.2005 14:07
Bilder Automatisch anzeigen lassen?	test022	PHP Tipps 2004-2	7	23.12.2004 00:11
bilder aus ordner lesen und geordnet anzeigen		Beitragsarchiv	9	01.12.2004 10:06
Bilder nur von einer Seite aus anzeigen		Beitragsarchiv	0	13.11.2004 18:41
Bilder im Verzeichnis anzeigen?		PHP Tipps 2004	8	15.07.2004 19:09

13.12.2011, 09:58
Plienkie Neuer Benutzer Registriert seit: 19.01.2010 Beiträge: 27 PHP-Kenntnisse: Anfänger	[Erledigt] Bilder unter den Gliederungspunkt anzeigen Hallo, ein habe ein Problem, weiss aber nicht so richtig, wie ich herangehen soll. Ich habe ein Script, welches auch funktiniert, es geht um eine Aneige von Bilder. Ich möcht aber nun die Anzeige der Bilder ein wenig ändern und komm nicht so richtig voran. Ich lasse mir aus der Datenbank die Serie der Bilder auflisten und mit einem Kick auf das entsprechende Icon werden auch die Bilder angezeigt. soweit ganz gut. Ich möchte nun, das die Bilder gleich unter dem Gliederungspunkt angezeigt werden sodas ich die anderen Gliederungspunkt noch sehen kann. Nun weiss ich nicht, ob meine Beschreibung reicht, um mir zu helfen. Danke! PHP-Code: <head> <style type="text/css"> <!-- .bl { border-bottom-width: thin; border-left-width: thin; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #7F0000; border-right-width: thin; border-right-style: none; border-left-color: #7F0000; margin-left: 10px; margin-right: 10px; margin-top: 5px; font-style: italic; } .Stil6 { font-weight: bold; color: #0033CC; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; } --> .thumbnail{ position: relative; z-index: 0; } .thumbnail:hover{ background-color: transparent; z-index: 50; } .thumbnail span{ /CSS for enlarged image/ position: absolute; background-color: #FFFFCC; padding: 0px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; } .thumbnail span img{ /CSS for enlarged image/ border-width: 0; padding: 2px; } .thumbnail:hover span{ /CSS for enlarged image on hover/ visibility: visible; position:absolute; top: -145px; left:370px; } hr{ border: 0px; /* Für Firefox und Opera / border-top: solid 1px #A52921; border-bottom: transparent; } a.info { position:relative; z-index:1; background-color:#FFFFCC; color:#2D006B; text-decoration:none; } a.info:hover { z-index:2; background-color:#C0FF3E; } a.info span { display: none; } a.info:hover span { display:block; position:absolute; top:2em; left:2em; width:7em; border:1px solid #CCFF99; background-color:#fc0; color:#000; text-align: center; padding: 5px; font-size: 0.8em; } </style> function change(path) { document.getElementById('image').src = path; } </head> <body> $var = 'Kommentar'; if(isset($var)) { $sqlb = "SELECT FROM bilder WHERE Brauerei = '$row[Brauerei]' AND `Kommentar`=".$var." GROUP BY Kommentar ORDER BY Kommentar ASC"; $resultb = mysql_query($sqlb); echo mysql_error(); { $i=1; if (mysql_num_rows($resultb) > 0) { while ($rowbilder = mysql_fetch_assoc($resultb)) { echo "<br>"; echo '<p class="bl">'; echo "<tabla>"; echo "<td>"; if ($i < 10) { echo '<a class="thumbnail" href="../Reihe/' . $rowbilder['Id'] . '/' . $rowbilder['Reihe'] . '.php?' . $rowbilder['Kommentar'] . '"><img src="../../bilder/' . $rowbilder['Id'] . '/' . $rowbilder['Bildvorn'] . 'v.jpg" width="20px" height="23px" border="0" title="Serie ´' . $rowbilder['Kommentar'] . '´ wird geöffnet"/><span><img src="../../bilder/' . $rowbilder['Id'] . '/' . $rowbilder['Bildvorn'] . 'v.jpg" /><br /></span></a>    ' . $i++ . '. - ' . $rowbilder['Kommentar'] . ''; } else { echo '<a class="thumbnail" href="../Reihe/' . $rowbilder['Id'] . '/' . $rowbilder['Reihe'] . '.php?' . $rowbilder['Kommentar'] . '"><img src="../../bilder/' . $rowbilder['Id'] . '/' . $rowbilder['Bildvorn'] . 'v.jpg" width="20px" height="23px" border="0" title="Serie ´' . $rowbilder['Kommentar'] . '´ wird geöffnet"/><span><img src="../../bilder/' . $rowbilder['Id'] . '/' . $rowbilder['Bildvorn'] . 'v.jpg" /><br /></span></a>  ' . $i++ . '. - ' . $rowbilder['Kommentar'] . ''; } echo "</td>"; echo "<td>"; echo '<a class="info" href="#"><img src="arrow_up.gif" width="10px" height="8px" border="0"><span>nach oben</span></a>'; echo "</td>"; } }echo "</p>"; }$i++; } }}}} include '../impress.php'; ?> </body></html>


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

13.12.2011, 10:23
chorn Erfahrener Benutzer Registriert seit: 07.12.2009 Beiträge: 843 PHP-Kenntnisse: Fortgeschritten	Was für Gliederungspunkte?

13.12.2011, 10:40
Plienkie Neuer Benutzer Registriert seit: 19.01.2010 Beiträge: 27 PHP-Kenntnisse: Anfänger	Hi. meine Gliederung: 1. erste Serie 2. zweite Serie 3. dritte Serie ich möchte nun folgende Anzeige haben. 1. erste Serie 1 bild 2 bild 2. Serie 3. Serie

13.12.2011, 12:28
chorn Erfahrener Benutzer Registriert seit: 07.12.2009 Beiträge: 843 PHP-Kenntnisse: Fortgeschritten	Dann suchst du dir innerhalb deiner Serie alle Bilder zu der Serie aus der Datenbank Code: while( fetch( Serie ) ){ ... while( fetch( Bilder_der_Serie ) ){ ...

13.12.2011, 18:33
Plienkie Neuer Benutzer Registriert seit: 19.01.2010 Beiträge: 27 PHP-Kenntnisse: Anfänger	"DANKE chorn" für diesen hinweis, dabei habe ich festgestellt, das ich mich nicht richtig ausgedrückte habe. Vielleicht etwas kongreter. Wenn ich auf den Link einee Gliederung klicke, möchte ich, das sich die Seite nach unten öffnet und die entsprechenden Bilder sollen angezeigt werden. Es soll so Ähnlich funktionieren wie ein ausklappbares Menue. Sorry, das ich so undeutlich war.

13.12.2011, 18:45
lstegelitz Erfahrener Benutzer Registriert seit: 07.09.2009 Beiträge: 4.005 PHP-Kenntnisse: Fortgeschritten	Das Untermenü erst mit "visibility:hidden" verstecken und beim draufklicken wieder "visible" machen... vielleicht? __________________ Über 90% aller Gewaltverbrechen passieren innerhalb von 24 Stunden nach dem Konsum von Brot.

13.12.2011, 23:32
Plienkie Neuer Benutzer Registriert seit: 19.01.2010 Beiträge: 27 PHP-Kenntnisse: Anfänger	Hallo Istegelitz, ich werde mich mit der versteckten Anzeige beschäftigen. Falls ich nicht weiterkomme, denk ich, das ich mich noch mal melden kann? LG

15.12.2011, 22:03
Plienkie Neuer Benutzer Registriert seit: 19.01.2010 Beiträge: 27 PHP-Kenntnisse: Anfänger	Hallo, ich habe mich ein wenig schlau gemacht, und ich glaub, das ich auf den richtigen Weg bin. Ich habe ein kleinen Versuch, den ich mir noch aus bauen werden. Aber irgenwie steh ich jetzt auf den Schlauch, denn in HTML funktioniert es, aber mit PHP bekomme ich eine Fehlermeldung. Erwartet wird ein , oder ; Ich kann es mir durchlesen so oft ich es will und komm einfach nicht dahinter. PHP-Code: <html> <head> <script type="text/javascript"> function toggle(id){ var img = 'img_' + id; if(document.getElementById(id).style.display == 'block') { document.getElementById(id).style.display = 'none'; document.getElementById(img).src = 'plus.gif'; } else { document.getElementById(id).style.display = 'block'; document.getElementById(img).src = 'minus.gif'; } } </script> <style type="text/css"> <!-- a { display:block; text-decoration:none; background-color: #FFFFCC; margin: 100px; padding: 50px; } #layer1 { display:none; margin: 100px; padding: 40px; } --> </style> </head> <body> <?php echo '<a href="#" onClick="toggle('layer1')"><img src="plus.gif" id="img_layer1" border="0"> Vorschautext</a>'; echo '<div id="layer1">wenn es klappt, kann ich es sehen</div>'; ?> </body> </html>

15.12.2011, 22:20
Soundz Neuer Benutzer Registriert seit: 05.11.2011 Beiträge: 22 PHP-Kenntnisse: Fortgeschritten	PHP-Code: `echo '<a href="#" onClick="toggle('layer1')"><img src="plus.gif" id="img_layer1" border="0"> Vorschautext</a>';` der fehler ist 'layer1', du musst die ' escapen, also php sagen "ich will wirklich ein ' " weil für php unterbrichst du den string an der stelle. Das geht in dem du einen \ davor setzt. Siehe Korrektur: PHP-Code: `echo '<a href="#" onClick="toggle(\'layer1\')"><img src="plus.gif" id="img_layer1" border="0"> Vorschautext</a>';` Geändert von Soundz (15.12.2011 um 22:22 Uhr). Grund: [B],[/B] aus dem Beispielentfernt

15.12.2011, 22:25
Plienkie Neuer Benutzer Registriert seit: 19.01.2010 Beiträge: 27 PHP-Kenntnisse: Anfänger	Danke Soundz, der Klapps auf dem Hinterkopf hat geholfen. und nun klappst PHP-Code: `echo '<a href="#" onClick="toggle(\'layer1\')"><img src="plus.gif" id="img_layer1" border="0"> Vorschautext</a>';` DANKE!