• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

PopUp??

Status
Für weitere Antworten geschlossen.
S

SimplyFred

Neues Mitglied
Hallo,
ich weiß nicht, ob ich hier im richtigen Forum bin, aber ich stelle mal die Frage, also bitte nicht gleich draufhauen ...

Ich habe ein WebSeite mit mysql Anbindung.
Darin werden bestimmte Daten gelistet

Alles ist in einer Tabelle dargestellt und erst beim "Draufklicken" öffnen sich die Details.
Kann ich diese Details auch in einer Art PopUp-Window darstellen?

Ein Link bspw. heisst: http://servername/portal/detail.php?a_id=405

Gibt es da eine Möglichkeit so etwas einzubauen?

Danke im Voraus
 
Du könntest das klassische JavaScript-Popup nutzen (window.open()) oder einen Layer verwenden der sich über die Webseite legt. Ersteres wird gerne mal von Browsern geblockt, letzteres sieht moderner aus.
 
Hallo auch,
wie würde das denn mit einem sogen. Layer funktionieren?
Geblockt soll es nicht werden, es stehen ja Detail-Infos darin
 
Ich habe jetzt die entsprechende Zeile im html-file ausgemacht,
der mir die Daten listet.

<td class="ergebniszeile"><a href="detail.php?a_id=<%$adressen.a_id%>"><%$adressen.a_name%></a></td>

Im Header des html-files habe ich folgendes eingebunden:
<style type="text/css">
<!--
#box {
position:absolute; top:250px; left:250px;
z-index:3;}
#box a {
color:#ffffff;
background:#33CC33;
font:bold 16px verdana, sans-serif;
text-decoration:none;
display:block;
padding:5px;
border:1px solid black;}
#box a:hover {
color:black;
background:#ddd8b7;
width:400px;}
#box a span {display:none;}
#box a:hover span {
color:black;
background:#ffffff;
font:normal 16px courier, sans-serif;
border:1px solid black;
display:block;
padding:10px;}
-->
</style>
</head>
<body>
<div id="box"><a href="detail.php?a_id=<%$adressen.a_id%>">INFOBOX<span>Lorem ipsum dolor sit amet</span></a></div>
</body>
</html>

Jetzt wird diese Infobox ständig angezeigt, egal, ob ich mit der Maus über einen Link gehe, oder nicht
 
Zuletzt bearbeitet:
Dein gesamter Quellcode ist auch valide? Dein Ausschnitt ist es nämlich keineswegs. Und den CSS-Code würde ich nicht mit <!-- und --> umgeben.
 
hier ist nochmal der gesamte Code der Seite

Klar, ich hatte die <!-- --> aus Versehen drinne


Hier ist der Orginal-Code:
So habe ich es jetzt eingebaut, es zeigt mir den Popup an, aber dafür stehen in der entsprechenden Spalte plötzlich keine Einträge mehr.
Wenn ich mit der Maus darüber gehe, werden die Zeilen schwarz
Der PopUp selbst besteht nur aus einer Zeile, die aber den Inhalt anzeigt.
So: jetzt der Code - ist aber sehr viel:
In Zeile 111 (bei mir im Editor) steht der <div id="box">-Container, ab Zeile 49 (<!-- ##### Kopfzeile ##### -->)war Orginal-Code
Ich danke Dir schonmal für drüber sehen
(Musste vorne Code abschneiden, da der Editor meckerte (10000 Zeilen max.)

Code: 
<!-- ##### Kopfzeile ##### -->

                <td>
                  <div align="right"><a href="uebersicht.php?<%$selekt_kriterien%>&druck=1&offset=<%$offset%>" target="_blank">
<!-- hier war Orginal  <img src="img/ico/ico_print.gif" alt="Zur Druckansicht wechseln" height="16" width="16" align="absmiddle" border="0"></a>&nbsp;Drucken&nbsp;</div>     -->
<!--                      <img src="img/ico/ico_print.gif" alt="Zur Druckansicht wechseln" height="16" width="16" align="absmiddle" border="0"></a>&nbsp;Drucken&nbsp;</div>     -->
                            </td>
                          </tr>
                        </table>
          </td>
        </tr>
        <form action="mail.php" method="post" name="adressen">
        <tr valign="top" bgcolor="<%$f_farben_table3catcolor%>">
          <%php $tpl_skript = 'uebersicht.php';%>
          <th rowspan="2" valign="middle" class="ergebniskopf" nowrap>
            <div align="center">Firma oder
            Name<%php $tpl_sortfeld = 'a_name'; %><%include_template('sort_gifs.tpl.inc')%></div></th>
          
          <th rowspan="2" valign="middle" class="ergebniskopf" nowrap>
            <div align="center">PLZ<%php $tpl_sortfeld = 'a_plz'; %><%include_template('sort_gifs.tpl.inc')%></div></th>
                    <th rowspan="2" valign="middle" class="ergebniskopf" nowrap>
            <div align="center">Ort<%php $tpl_sortfeld = 'a_ort'; %><%include_template('sort_gifs.tpl.inc')%></div></th>
          
          <th rowspan="2" valign="middle" class="ergebniskopf" nowrap>
            <div align="center">Land<%php $tpl_sortfeld = 'a_land'; %><%include_template('sort_gifs.tpl.inc')%></div></th>
         
    
          <th rowspan="2" valign="middle" class="ergebniskopf" nowrap style="width: 0px">
<!--     Feld "Ansprechpartner" in der Übersicht deaktiviert        Änderung Zeile 146-148 + 176 -->
         <div align="center"> 
<!--              Logo -->
           <%php $tpl_sortfeld = 'a_logo'; %><%include_template('sort_gifs.tpl.inc')%>Logo</div></th> 
          <%if (!empty($login_id) and $login_a_sendmail=='J')%>
          
     
          <th colspan="3" valign="middle" class="ergebniskopf" nowrap>
            <div align="center">Sendmail</div></th>
          <%/if%>
          <%if ($zeige_rubrik == 1)%>
          <th rowspan="2" valign="middle" class="ergebniskopf" nowrap>
            <div align="center">Branche<%php $tpl_sortfeld = 'r_name'; %><%include_template('sort_gifs.tpl.inc')%></div></th>
          <%/if%>
          <th rowspan="2" valign="middle" class="ergebniskopf" nowrap>
            <div align="center">Details</div></th>
        </tr>
        <tr bgcolor="<%$f_farben_table3catcolor%>" valign="top">
          <%if (!empty($login_id) and $login_a_sendmail=='J')%>
          <th class="ergebniskopf">To</th>
          <th class="ergebniskopf">Bcc</th>
          <th class="ergebniskopf">kein</th>
          <%/if%>
        </tr>
        <%foreach (@adressen)%>
        <tr bgcolor="<%if ($i_adressen % 2)%><%$f_farben_table3color1%><%else%><%$f_farben_table3color2%><%/if%>">
<!--     Zeile 172 Orginal         -->          
<!--      <td class="ergebniszeile"><%$adressen.a_name%></td>                  -->
<!--     Zeile 174 zeigt jetzt Links an in šbersicht     -->
<!--   <td class="ergebniszeile" div id="box"><a href="detail.php?a_id=<%$adressen.a_id%>"><%$adressen.a_name%></a></td>    -->
   <div id="box"><a href="detail.php?a_id=<%$adressen.a_id%>"><%$adressen.a_name%><td class="ergebniszeile"></td> </a>   </div>     
<!--          <td class="ergebniszeile"><a href="detail.php?a_id=<%$adressen.a_id%>"><%$adressen.a_name%></a></td>           -->
          <td class="ergebniszeile" nowrap><%$adressen.a_plz%></td>
          <td class="ergebniszeile"><%$adressen.a_ort%></td>
          <td class="ergebniszeile"><%$adressen.a_land%></td>
<!--    Feld Ansprechpartner in "Übersicht" deaktiviert    -->
          <td class="ergebniszeile" style="width: 0px"><%$adressen.a_logo%></td>        
          <%if (!empty($login_id) and $login_a_sendmail=='J')%>
          <td align="center" class="ergebniszeile">
            <%if (!empty($adressen.a_email))%>
            <input type="radio" name="X<%$adressen.a_id%>" value="to" onclick="noOption();">
            <%/if%>
                  </td>
          <td align="center" class="ergebniszeile">
            <%if (!empty($adressen.a_email))%>
            <input type="radio" name="X<%$adressen.a_id%>" value="bcc" onClick="noOption();">
            <%/if%>
                  </td>
          <td align="center" class="ergebniszeile">
            <%if (!empty($adressen.a_email))%>
            <input type="radio" name="X<%$adressen.a_id%>" value="" onClick="noOption();">
            <input type="hidden" name="send_mail[<%$adressen.a_id%>]" value="<%$adressen.a_email%>">
            <%/if%>
                  </td>
          <%/if%>
          <%if ($zeige_rubrik == 1)%>
          <td class="ergebniszeile"><%$adressen.r_name%><%if (!empty($adressen.ar_zahl) and $adressen.ar_zahl>1)%>&nbsp;(u.a.)<%/if%></td>
          <%/if%>
          <td align="center" class="ergebniszeile" nowrap>
                  <a href="detail.php?a_id=<%$adressen.a_id%>">
                  <img src="img/ico/ico_userdetail.gif" alt="Details" height="16" width="16" align="absmiddle" border="0"></a></td>
        </tr>
        <%/foreach%>
        <%if (!empty($login_id) and $login_a_sendmail=='J')%>
        <tr bgcolor="<%$f_farben_table3catcolor%>">
          <td valign="top" colspan="5" class="ergebniskopf">&nbsp;</td>
          <td align="center" nowrap class="ergebniszeile">&nbsp;</td>
          <td align="center" nowrap class="ergebniszeile">&nbsp;</td>
          <td align="center" nowrap class="ergebniszeile">&nbsp;</td>
          <td colspan="2" class="ergebniskopf" nowrap>&nbsp;</td>
        </tr>
        <tr bgcolor="<%$f_farben_table3catcolor%>">
          <td colspan="5" class="ergebniskopf"><div align="right">alle markieren&nbsp;</div></td>
          <td align="center" nowrap class="ergebniszeile"><input type="radio" name="sel_all" onclick="SelectALL()"></td>
          <td align="center" nowrap class="ergebniszeile"><input type="radio" name="sel_all" onClick="SelectBccALL()"></td>
          <td align="center" nowrap class="ergebniszeile"><input type="radio" name="sel_all" onClick="SelectNo()"></td>
          <td colspan="2" class="ergebniskopf" nowrap><div align="right"><a href="javascript: formSubmit()">
                  <img src="img/ico/ico_email.gif" alt="Email" height="16" width="16" align="absmiddle" border="0"></a>
                  &nbsp;Weiter zu Webmail&nbsp;</div>
            </td>
        </tr>
        <%/if%>
                </form>
      </table>
      <table border="0" cellspacing="0" cellpadding="4" bgcolor="<%$f_farben_table1bgcolor%>" width="100%">
        <tr bgcolor="<%$f_farben_table1bgcolor%>">
          <td align="center" colspan="10" class="ergebniszeile"><br>&nbsp;<%if ($letzte_seite > 1)%>Seite&nbsp;
            <%if ($aktuelle_seite > 1)%><a href="uebersicht.php?<%$selekt_kriterien%>&action=vorige&offset=<%$offset%>"><</a>&nbsp;
            <%if ($erste_link_seite > 1)%>[<a href="uebersicht.php?<%$selekt_kriterien%>&offset=0">1</a>]&nbsp;...&nbsp;
            <%/if%>
            <%/if%>
            <%foreach (@seiten)%>
            <%if ($seiten.zahl == $aktuelle_seite)%><b>&nbsp;<%$seiten.zahl%>&nbsp;</b>&nbsp;
            <%else%>[<a href="uebersicht.php?<%$selekt_kriterien%>&offset=<%$seiten.offset%>"><%$seiten.zahl%></a>]&nbsp;
            <%/if%>
            <%/foreach%>
            <%if ($aktuelle_seite < $letzte_seite)%>
            <%if ($letzte_link_seite < $letzte_seite)%>...&nbsp;[<a href="uebersicht.php?<%$selekt_kriterien%>&offset=<%$offset_letzte_seite%>"><%$letzte_seite%></a>]&nbsp;
            <%/if%><a href="uebersicht.php?<%$selekt_kriterien%>&action=naechste&offset=<%$offset%>">></a>
            <%/if%>
            <%/if%>&nbsp;
          </td>
        </tr>
      </table>
      <%/if%>
    </td>
  </tr>
</table><br>
<!-- ##### Fusszeile ##### -->
<%include_template('footer.tpl.inc')%>
 
Punkt 1) zeig lieber den kompletten HTML-Code. Nicht deinen PHP-Code (wohl aus irgendeinem CMS?)
Punkt 2) Dein Ausschnitt ist auch wieder nicht komplett. Oder hast Du eine HTML-Seite gänzlich ohne Doctype und head?
 
Also hier:
das steht oben im Kopf
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "[URL]http://www.w3.org/TR/html4/strict.dtd[/URL]">
<html lang="de">
<head>
<title>Infobox</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
#box {
position:absolute; top:50px; left:50px; 
z-index:3;}
#box a {
color:#ffffff;
background:#000000;
font:bold 12px verdana, sans-serif;
text-decoration:none;
display:block;
padding:5px;
border:1px solid black;}
#box a:hover {
color:black;
background:#ffffff;
width:400px;
height: 200px;
}
#box a span {display:none;}
#box a:hover span {
color:black;
/*background:#000000;*/
font:normal 16px courier, sans-serif;
border:1px solid black;
display:block;
padding:10px;}
 
 
</style>
</head>
<body>

weiter unten geht es mit dem ganzen weiter:
Code: 
<!-- ##### Kopfzeile ##### -->
<%include_template('header.tpl.inc')%>
darin steht dann diese Zeile:

Code: 
   <div id="box"><a href="detail.php?a_id=<%$adressen.a_id%>"><%$adressen.a_name%><td class="ergebniszeile"></td> </a>   </div>

Die Orginal-Seite besteht tatsächlich ohne <head> und <body>
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben