Datenschutzerklärung

PopUp für Grafik

Validome - Forum

Startseite Validome
RSS 2.0  
Sie sind nicht angemeldet. Atom 1.0  
Forum Home / Javascript-Forum /

PopUp für Grafik

  Beitrag schreiben
Autor
Beitrag Seiten: 1
Dungeonwatcher
Mitglied

Ort: Berlin
Registriert: 08.11.2005
Beiträge: 126
Hi große Meister! 8-)

Ich habe mir ein Script "gebastelt", welches eine Grafik als PopUp anzeigen soll, wenn man auf das verkleinerte Bild klickt:

Code:

<script language="JavaScript" type="text/javascript">
function FensterOeffnen (Adresse) {
  MeinFenster = window.open(Adresse, "Zweitfenster", "width=760,height=548,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no");
  MeinFenster.focus();
}
</script>



Code:

<td align="right" class="row1">&nbsp;<a href="{racerow.RACEIMG_FULL}" onclick="FensterOeffnen(this.href); return false" title="Hier klicken, um das Bild größer zu sehen">{racerow.RACEIMG}</a>&nbsp;</td>

Es wird zwar das PopUp geöffnet, jedoch nicht das Bild, sondern die kplt. Seite darin angezeigt. Was läuft da falsch?

Beitrag geändert von Dungeonwatcher (09.03.2008 16:41:04)


_______________________________________
Dungeon-BBS MyMinicity (http://dungeon-bbs.myminicity.com/)

09.03.2008 16:40:43
http://www.dungeon-bbs.de/forum/ Beitrag schreiben
HTMELL
Administrator

Registriert: 11.05.2006
Beiträge: 654
Hi,

onclick="FensterOeffnen(this.href); return false"

this.href übergibt den Wert des href-Attributes "{racerow.RACEIMG_FULL}" an die function "FensterOeffnen" und zeigt diese im PopUp an. Wenn dort eine Grafik angezeigt werden soll, dann musst Du auch den Pfad/URL der Grafik ins href-Attribut schreiben.


_______________________________________
mfg
Thomas Mell

www.validome.org

09.03.2008 17:32:10
  Beitrag schreiben
Dungeonwatcher
Mitglied

Ort: Berlin
Registriert: 08.11.2005
Beiträge: 126
Hi!

Aaaah, Dankeschön. Nun habe ich es hinbekommen.  :-)

Bye


_______________________________________
Dungeon-BBS MyMinicity (http://dungeon-bbs.myminicity.com/)

09.03.2008 19:58:35
http://www.dungeon-bbs.de/forum/ Beitrag schreiben
Dungeonwatcher
Mitglied

Ort: Berlin
Registriert: 08.11.2005
Beiträge: 126
Hi!

Ein Problem ist leider noch zu lösen. Das PopUp selber wird bestens aufgerufen und auch bei jedem Klick auf das Bild wie gewünscht aktualisiert.  Allerdings bieten aktuelle Browser ja an, das Bild an die Fenstergröße anzupassen. Das ist oft auch wünschenswert, nur in diesem Fall stört es.
Da das PopUp genau die Größe hat wie das darin angezeigte Bild, muss diese Funktion irgendwie deaktiviert werden. Aktuell habe sieht mein kleines Script wie folgt aus:

Code:

<script language="JavaScript" type="text/javascript">
<!--
function FensterOeffnen (RACEIMG_FULL)
{
    MeinFenster = window.open(RACEIMG_FULL, "Zweitfenster", "width=760,height=548,toolbar=no,location=no, directories=no,status=no,menubar=no, scrollbars=no, resizable=no, hotkeys=no, dependent=yes, top=150, left=150");
    MeinFenster.focus();
}
//-->
</script>

Welchen Parameter habe ich da vergessen oder falsch gesetzt?


_______________________________________
Dungeon-BBS MyMinicity (http://dungeon-bbs.myminicity.com/)

13.03.2008 17:31:52
http://www.dungeon-bbs.de/forum/ Beitrag schreiben
Chiaki
Moderator

Ort: Confoederatio Helvetica
Registriert: 23.12.2007
Beiträge: 253
Hallo,

also mir ist nicht bekannt, daß sich dieses "Browser-Gimmick" irgendwie per Parameter
steuern läßt. Vielleicht solltest du das PopUp einfach einige Pixel größer machen als das
darin enthaltene Bild, da die Anpassung ja nur von größeren Bildern auf kleineres
Fenster vorgenommen wird, nicht aber anders herum (jedenfalls habe ich bis jetzt noch
kein Minibild im Vollbild-Browser auf Vollbild hochzoomen sehen).

Greetings, Chiaki


_______________________________________
Make sure You've read RFC 1855, before sending electronic mail,
start Chats, posting on Newsgroups or leave any Comments.
RFC 1855: Netiquette Guidelines <http://www.rfc1855.net/>

13.03.2008 18:04:57
eMail | http://www.rfc1855.net/ Beitrag schreiben
Dungeonwatcher
Mitglied

Ort: Berlin
Registriert: 08.11.2005
Beiträge: 126
Das habe ich schon erfolglos versucht. Mal schauen ob's per Tabelle in diesem PopUp besser klappt.

_______________________________________
Dungeon-BBS MyMinicity (http://dungeon-bbs.myminicity.com/)

13.03.2008 18:17:47
http://www.dungeon-bbs.de/forum/ Beitrag schreiben
Chiaki
Moderator

Ort: Confoederatio Helvetica
Registriert: 23.12.2007
Beiträge: 253
Wozu eine Tebelle, wenn es denn HTML sein soll? Dann doch gleich mit einem einfachen
<div><img width="" heigth=""></div>, ich versteh die Tabellen-Idee jetzt nicht... ^^"


_______________________________________
Make sure You've read RFC 1855, before sending electronic mail,
start Chats, posting on Newsgroups or leave any Comments.
RFC 1855: Netiquette Guidelines <http://www.rfc1855.net/>

13.03.2008 18:40:57
eMail | http://www.rfc1855.net/ Beitrag schreiben
Dungeonwatcher
Mitglied

Ort: Berlin
Registriert: 08.11.2005
Beiträge: 126
Wie war, wie war. Ich hatte eben einen meiner selten Lichtblicke und hab's wie gewünscht hinbekommen. :-)

Das ganze sieht nun so aus:

Code:

<script language="JavaScript" type="text/JavaScript">
<!--
function raceimgfull(bildpopp,bildpoput,bildpopti,bildpopte)
{
    var undefined;

    if (bildpoput==undefined)
    {bildpoput='';}

    if (bildpopte==undefined)
    {bildpopte='';}

    if (bildpopti==undefined)
    {bildpopti='titel';}

    bildpopnw = window.open("","",'resizable=0,width=760,height=548,scroll=no,dependent=yes,top=150,left=150');

    with (bildpopnw)
    {
        focus();
        document.open();
        document.write('<html><head><title>'+bildpopti+'</title>');
        document.write('<meta http-equiv=\"imagetoolbar\" content=\"no\">');
        document.write('<link href=\"/styles.css\" rel=\"stylesheet\" type=\"text/css\"></head>');
        document.write('<body leftmargin=\"0\" topmargin=\"0\" marginwidth=\"0\" marginheight=\"0\" scroll=\"no\" class=\"picpop\" onload=\"opener.bildpoprez(document.images[0].width,document.images[0].height)\">')
        document.write('<a href=\"javascript:self.close()\">');
        document.write('<img src=\"'+bildpopp+'\" border=\"0\" alt=\"'+bildpopte+'\"></a><br>')
        document.write('<p class=\"picpop\">'+bildpoput+'</p>')
        document.write('</body></html>')
        document.close();
    }
}

function bildpoprez(x,y)
{
    if (navigator.appName == 'Microsoft Internet Explorer')
    {bildpopnw.resizeTo(x+10,y+29+22);}

    else
    {
        if(navigator.appVersion.substring(0,1) < "5")
        {bildpopnw.resizeTo(x,y+22);
    }
    else
    {
        bildpopnw.resizeTo(x+8-8,y+28+22);
    }
}

bildpopx=(screen.availWidth/2)-(x/2);
bildpopy=(screen.availHeight/2)-(y/2);
bildpopnw.moveTo(bildpopx,bildpopy);
}
//-->
</script>

THNX

Bye


_______________________________________
Dungeon-BBS MyMinicity (http://dungeon-bbs.myminicity.com/)

13.03.2008 19:24:28
http://www.dungeon-bbs.de/forum/ Beitrag schreiben
Seiten: 1   Beitrag schreiben
Wechsel zu

Valid HTML 4.01