Neues Popup öffnen

Dieses Thema im Forum "Webentwicklung" wurde erstellt von mySQL, 25. Januar 2009 .

Schlagworte:
  1. 25. Januar 2009
    Hallo,
    habe folgenden Code:

    Code:
    <html>
 <head>
 <title>Gallery</title>
 <meta http-equiv="generator" content="PHP Designer 2005" />
 <style>
 td {
 border:1px solid #999999;
 }
 .bigtext {
 font : 24px Verdana, Arial, Helvetica, sans-serif;
 color: #000000;
 }
 .text {
 font : 12px Verdana, Arial, Helvetica, sans-serif;
 color: #000000;
 }
 a{
 font : 12px Verdana, Arial, Helvetica, sans-serif;
 color: #666666;
 text-decoration: none;
 }
 </style>
 </head>
 <body bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="#800080" alink="#FF0000">
 <?php
/*
**********************************************************
* *
* Gallery by Christian Fedder 18.03.2005 *
* *
**********************************************************
*/
//<<<<<<<<<<<<<<<<<<<<<<<< KONFIGURATION >>>>>>>>>>>>>>>>>>>>>>>>>>>>>
$subdir = "images"; //Bilderverzeichnis
$heading = ""; //Überschrift
$imagewidth = 300; //Thumbnailbreite (Min 50; Max 200)
$bigimagewidth = 640; //Originalbild-Breite (Min 250; Max 600)
$colums = 2; //Spalten (Min 2; Max 10)
$shadow = false; //Schatten? Ja = true; Nein = False
//<<<<<<<<<<<<<<<<<<<<<< KONFIGURATION ENDE >>>>>>>>>>>>>>>>>>>>>>>>>>

$view= $_GET[view];
$image=$_GET[image];

 function shadowtable($imagehtml)
 {
 $output .= "<table style='border-style: none;' cellspacing='0' cellpadding='0' height='100%'>
 <tr><td rowspan='2' colspan='2' style='border-style: none;'>
 $imagehtml</td><td valign='top' style='border-style: none;' background='shadow/r.gif'>
 <img border='0' src='shadow/or.gif' width='8' height='10'></td></tr><tr>
 <td style='border-style: none;' background='shadow/r.gif'>&nbsp;</td></tr>
 <tr><td style='border-style: none;' background='shadow/u.gif' align='left'>
 <img border='0' src='shadow/ul.gif' width='10' height='10'></td>
 <td style='border-style: none;' background='shadow/u.gif'></td>
 <td style='border-style: none;' valign='top'><img border='0' src='shadow/ur.gif' width='8' height='10'></td>
 </tr></table>";
 return $output;
 }
 
 function showpicture($image, $widthget, $subdir, $shadow)
 {
 if ($shadow == true)
 {
 $output = "<td align='center' valign='middle'>";
 $imagehtml = "<a href='$PHP_SELF?image=$image&view=big'>
 <img border='0' src='calculate.php?image=$subdir/$image&width=$widthget' alt='$image'></a>";
 $output .= shadowtable($imagehtml);
 $output .= "<span class='text'>" .$image. "</span></td>";
 }
 else
 {
 $output = "<td align='center' valign='middle'>";
 $output .= "<table style='border-style: none;' cellspacing='0' cellpadding='0' height='100%'>
 <tr><td style='border-style: none;'>";
 $output .= "<a href='$PHP_SELF?image=$image&view=big' target='_blank'>
 <img border='0' src='calculate.php?image=$subdir/$image&width=$widthget' alt='$image'></a></td></tr></table>
 <span class='text'>" .$image. "</span></td>";
 }
 return $output;
 }
 
 function showbigpicture($subdir, $imagewidth, $image, $shadow, $von)
 {
 $i = 0;
 $dir = opendir($subdir);
 while ($file = readdir($dir))
 {
 $imagechecker = @getimagesize($subdir. "/" .$file);
 if ($imagechecker[2] == 1 OR $imagechecker[2] == 2)
 {
 $images[$i] = $file;
 if ($file == $image)
 {
 $imagehtml = "<img border='0' src='calculate.php?image=$subdir/$file&width=$imagewidth' alt='$file'>";
 $aktuell = count($images);
 if ($shadow == true)
 {
 echo shadowtable($imagehtml);
 echo "<table width='100%' border='0'>
 <tr><td class='text' align='left' width='50%'>Bild " .$aktuell. " von " .$von. "</td>
 <td class='text' align='right' width='50%'>Bildname: $file</td>
 </tr></table>";
 }
 else
 {
 echo $imagehtml. "<br>";
 echo "<span class='text'>Bild " .$aktuell. " von " .$von. "</span>";
 }
 $count = $i;
 }
 $i++;
 }
 }
 echo "<table border='0' width='100%' align='center'><tr><td align='center' width='33%'>";
 if ($count > 0)
 {
 $output .= "<a href='" .$PHP_SELF. "?image=" .$images[0]. "&view=big'> << Erstes</a>";
 $output .= "<a href='" .$PHP_SELF. "?image=" .$images[$count-1]. "&view=big'> < Zurück </a>";
 }
 else {$output .= "&nbsp;";}
 $output .= "</td><td align='center'>";
 $output .= "<a href='gallery.php'>Back</a>";
 $output .= "</td><td align='center' width='33%'>";
 if ($count < count($images)-1)
 {
 $output .= "<a href='" .$PHP_SELF. "?image=" .$images[$count+1]. "&view=big'> Vorwärts > </a>";
 $output .= "<a href='" .$PHP_SELF. "?image=" .$images[$von-1]. "&view=big'> Letztes >> </a>";
 }
 else {$output .= "&nbsp;";}
 $output .= "</td></tr></table>";
 return $output;
 }

//<<<<<<<<<<<<< HAUPTPROGRAMM >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
 
 $count = 1;
 $zaehler = 0;
 $dir = opendir($subdir);
 while ($file = readdir($dir))
 {
 $imagechecker = @getimagesize($subdir. "/" .$file);
 if ($imagechecker[2] == 1 OR $imagechecker[2] == 2)
 {
 $zaehler ++;
 }
 }
 closedir($dir);
 if (!$view)
 {
 $dir = opendir($subdir);
 echo "<table align='center' cellpadding='5' cellspacing='0' style=\"border:1px solid black; empty-cells:show\">";
 while ($file = readdir($dir))
 {
 $imagechecker = @getimagesize($subdir. "/" .$file);
 if ($imagechecker[2] == 1 OR $imagechecker[2] == 2)
 {
 $zaehler ++;
 if ($count == 1){echo "<tr>";}
 echo showpicture($file, $imagewidth, $subdir, $shadow);
 if ($count < $colums) {$count++;}
 else {$count = 1; echo "</tr>";}
 }
 }
 closedir($dir);
 echo "</table>";
 }
 else
 {
 echo "<br>";
 echo "<table align='center' cellpadding='5' cellspacing='0' style=\"border:1px solid black; empty-cells:show\">";
 echo "<tr><td>";
 echo showbigpicture($subdir, $bigimagewidth, $image, $shadow, $zaehler);
 echo "</td></tr></table>";
 }
 if ($shadow == true){$shaus = "Ja";} else {$shaus = "Nein";}
 
 ?>
 </body>
</html>
    Mit dem Script lassen sich bilder aus einem Verzeichnis auslesen und verkleinert darstellen. Mit einem Klick auf ein jeweiliges Bild wird dieses in groß ausgegeben.
    Das passiert an folgender Stelle:

    Code:
    $output .= "<a href='$PHP_SELF?image=$image&view=big' target='_blank'>
    Mit dem _blank habe ich schonmal erreicht, dass das Bild in einer neuen Seite geöffnet wird. Ich hätte es nun aber gerne als PopUp-Fenster ( für den Internet Explorer kompatibel).

    Kann mir da wer weiterhelfen? Habe schon mit JavaScript rumgespielt aber irgendwie wird das nichts

    BW ist natürlich drin.
     
    + Multi-Zitat Zitieren
  3. 25. Januar 2009
    AW: Neues Popup öffnen

    Code:
    $output .= "<a href='$PHP_SELF?image=$image&view=big' onclick="windiw.open(this.src, 'Vollansicht', 'width=600,height=500'); return false;">
     
    + Multi-Zitat Zitieren
  4. 25. Januar 2009
    AW: Neues Popup öffnen

    muss window.open heißen
     
    + Multi-Zitat Zitieren
  5. 25. Januar 2009
    AW: Neues Popup öffnen

    Hallo Murdoc, danke erstmal.

    Leider geht es nicht. Es kommt eine Fehlermeldung:
    Parse error: syntax error, unexpected T_STRING in /var/www/webxx/xx/xx/gallery.php on line 76

    habe natürlich den Fehler oben bei onklick berichtigt, aber es geht dennoch nicht.

    //@ t-low:
    Hab ich gesehen
     
    + Multi-Zitat Zitieren
  6. 25. Januar 2009
    AW: Neues Popup öffnen

    Code:
    $output .= "<a href='$PHP_SELF?image=$image&view=big' onclick=\"window.open(this.src, 'Vollansicht', 'width=600,height=500'); return false;\">
    fixed
     
    + Multi-Zitat Zitieren
  7. 25. Januar 2009
    AW: Neues Popup öffnen

    Super, danke.
    Das Popup öffnet sich.
    Allerdings findet er den Link nicht, obwohl er stimmen müsste.

    Aufgebaut ist das so:

    http://domain.de/verzeichnis/gallery.php?image=cam_20090125174926.jpg&view=big ...

    Versteh ich nicht, wieso er das nicht findet. Eventuell wegen den zusätzlichen Parametern dahinter?
     
    + Multi-Zitat Zitieren
  8. 25. Januar 2009
    AW: Neues Popup öffnen

    PHP:
    $output  .=  "<a href=' $PHP_SELF ?image= $image &view=big' onclick=\"window.open(this.src, 'Vollansicht', 'width=650,height=550'); return false;\";>
    Du meinst so?

    Wenn ein Bild anklicke und er das Popup öffnet steht oben in der Überschrift beim 1. Laden kurz "Undefined" und dann kommt halt die Standard Servermeldung "Link nicht gefunden" oderso..

    //EDIT:
    @t-low: Habs rückgängig gemacht^^
     
    + Multi-Zitat Zitieren
  9. 25. Januar 2009
    AW: Neues Popup öffnen

    PHP:
    $output  .=  "<a href=' $PHP_SELF ?image= $image &view=big' onclick=\"window.open(this.src, 'Vollansicht', 'width=650,height=550'); return false;\">ka was hier is</a>" ;
    is dir aber scho klar oder?
     
    + Multi-Zitat Zitieren
  10. 25. Januar 2009
    AW: Neues Popup öffnen

    Nein, war mir nicht klar

    Aber was soll den da rein?
    Ich möchte ja schließlich, dass sich das große Bild öffnet, wenn ich auf das kleine Thumbnail klicke ...
     
    + Multi-Zitat Zitieren
  12. 17. Juli 2009
    Ich weiß leider nicht wie das heißt, was ich machen möchte, hoffe aber ihr werdet gleich verstehen was ich meine.

    Ich möchte eine Tabelle erstellen (kann ich, ist ja auch nicht schwer) und wenn man nun auf einen Begriff in der Tabelle klickt, soll etwas in der Art eines Popups geöffnet werden, in dem etwas genauer auf den Begriff eingegangen wird.

    Ich weiß leider nicht mit welcher Sprache man so was machen kann.

    wenn ich ein Bsp. finde, dann editiere ich es.

    Ich finde gerade kein Bsp. aber es öffnet sich dann ein kleines Fenster (kein neuer Tab oder der Browser noch einmal), wenn man den Mauszeiger eine sec. auf einem Begriff lässt. Wenn man die Maus dann wieder wegnimmt solte das Fenster wieder verschwinden.
     
    + Multi-Zitat Zitieren
  13. 17. Juli 2009
    AW: Popup öffnen

    beim klick oder beim drüberfahren mit der maus?

    wenn 2 dann kannst du das benutzen
    http://www.walterzorn.com/tooltip/tooltip_e.htm

    und hier noch etwas schöner
    http://www.hotajax.org/tooltip/index.html
     
    + Multi-Zitat Zitieren
  14. 17. Juli 2009
    AW: Popup öffnen

    Danke ersteinmal, sowas hab ich gemeint.

    Ich kenne mich da leider nicht aus und kannst du mir sagen welches ich nehmen soll, damit so ein Fenster erscheint, wenn man mit der Maus 1 bzw 2 sec auf dem Wort ist und in dem Fenster sollte ein Bild und etwas Text stehen (bzw. nochmal eine Tabelle die ca. 2x3 Felder groß ist)

    Achja das Fenster sollte auch wieder verschwinden, nachdem man mit der Maus wieder vom Wort weg ist.
     
    + Multi-Zitat Zitieren
  15. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.

Auf dieses Thema antworten