PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : JavaScript für PopUp Bild gesucht

Henrik
2004-09-30, 19:46:00
Ich dachte dabei an sowas: http://www.the-assassines.com/ (image of the week)

Ich hab den Code einfach mal kopiert (sowohl <a href="..."...> als auch den Script Bereich im Head), aber bei mir funzt das ganze irgendwie nicht so recht :|

Das Script muss können:

- die Auflösung 800x600 haben
- per Klick auf das Bild wieder zu schließen sein
- das Script öffnet eine JPEG Datei

Was icht nicht brauche:
- das Script öffnet eine HTML Datei
- das Script ruft ein Fenster mit einem einen Footer wie bei the-assassines.com auf

thx
3dfx
- das Script
Sephiroth
2004-10-02, 16:27:29
Ich denke du hast den Source angesehen?

function openWindowIotw(x,y,pic,t)
{
nwd = window.open("", nr, "width=" + (x+20) + ", height = " + (y+60) + "")
nwd.moveTo(100, 100);
nwd.document.write("<HEAD><TITLE>[t_as] Picture gallery</TITLE></HEAD>");
nwd.document.write("<BODY BGCOLOR=\"#000000\" TEXT=\"#B3B3B3\">");
nwd.document.write("<CENTER><a href='javascript:window.close()'><IMG ALT='Click for closing window' BORDER=0 SRC=" + pic + " width=" + x + " height= " + y + "></A><BR>");
nwd.document.write("<BR><FONT FACE='Arial'>" + t);
nr++;
}
der Rest (ändern) sollte ja wohl nicht sonderlich schwierig werden ...
Nase
2004-10-02, 17:14:13
Ich denke, so gehts:<script type="text/javascript">
<!--

var neu="";

function fenster(ziel) {
neu = window.open( "", "", "width=800, height=600" );
neu.document.write("<html><head><title>Fenster</title>");
neu.document.write("</head><body><a href='javascript:window.close();'><img src=" +ziel+ " alt=\"\" border=\"0\"></a></body></html>");
}

// -->
</script>

Aufruf mit diesem Link:<a href="javascript:fenster('bild.jpg');">Klick mich!</a>
Henrik
2004-10-02, 23:18:04
http://brede10c.userhost.de/geburtstag/

also irgendwie ist der Wurm drin :|

edit: Holy Shit :O (http://validator.w3.org/check?uri=http%3A%2F%2Fwww.brede10c.userhost.de%2Fgeburtstag%2Findex.html)
Nase
2004-10-02, 23:25:24
Hast ja auch das Ende der Funktion vergessen, sprich die geschweifte Klammer. Ob diese ganzen komischen Kommentare vielleicht auch Probleme machen, weiss ich nicht. Ausserdem funktioniert <script type="text/javascript"> besser.
Henrik
2004-10-02, 23:45:11
Will immer noch nicht :(

edit: du darfst auch ruhig Verbesserungen zum Design geben, wenn du willst - ich find's nicht so super, aber mir fallen jetzt auch spontan keine Verbesserungsmöglichkeiten ein, ausser vielleicht die Tabellen zur Positionierung des Texts und des Bildes durch CSS zu ersetzen - float:left und float:right sowie align:top funktionieren nicht :(
Nase
2004-10-03, 12:28:18
Hier ist noch ein Fehler:

alt=\Foto-Großansicht"\"

Müsste so heissen:

alt=\"Foto-Großansicht\"
Henrik
2004-10-03, 12:41:01
Es geht immer noch nicht.
Ich habe absolut keine Ahnung warum
Nase
2004-10-03, 12:47:52
Dann liegts an XHTML.
Henrik
2004-10-03, 12:55:55
www.brede10c.userhost.de/geburtstag/index_html4.html

:(

edit: PHP/CGI als Alternative geht auch nicht, da die Gallerie auch auf CD gebrannt werden soll.
Nase
2004-10-03, 13:30:19
Du sollst da ja auch <script type="text/javascript"> hinschreiben.
Henrik
2004-10-03, 15:25:09
Es funzt :D

:massa: :massa: :massa:

vielleicht sollte ich mir den Spruch aus deiner Sig. mal zu Herzen nehmen ;)
Schiller
2004-11-25, 22:40:11
Wie bau ich hier noch ein, dass ich im PopUp keine Statusleiste, Scrollbalken etc. haben will? :confused:


var syk="", nr=0;


function openWindow(x,y,pic)
{
syk = window.open("", nr, "width=" + (x+4) + ", height = " + (y+4) +"")
syk.moveTo(100, 100);
syk.document.write("<HEAD><TITLE>Salzburg2003</TITLE></HEAD>");
syk.document.write("<BODY BGCOLOR=#000000 TEXT=#ffffff marginwidth=0 marginheight=0 topmargin=0 leftmargin=0>");
syk.document.write("<CENTER><a href='javascript:window.close()'><IMG ALT='Hier klicken um Fenster zu schliessen' BORDER=0 SRC=" + pic + " width=" + x + " height= " + y + "></A><BR>");
nr++;

}
Sephiroth
2004-11-26, 13:25:50
Wie bau ich hier noch ein, dass ich im PopUp keine Statusleiste, Scrollbalken etc. haben will? :confused:


var syk="", nr=0;


function openWindow(x,y,pic)
{
syk = window.open("", nr, "width=" + (x+4) + ", height = " + (y+4) +"")
syk.moveTo(100, 100);
syk.document.write("<HEAD><TITLE>Salzburg2003</TITLE></HEAD>");
syk.document.write("<BODY BGCOLOR=#000000 TEXT=#ffffff marginwidth=0 marginheight=0 topmargin=0 leftmargin=0>");
syk.document.write("<CENTER><a href='javascript:window.close()'><IMG ALT='Hier klicken um Fenster zu schliessen' BORDER=0 SRC=" + pic + " width=" + x + " height= " + y + "></A><BR>");
nr++;

}

http://de.selfhtml.org/javascript/objekte/window.htm#open
ca | Blade-IV
2004-12-29, 02:32:14
hu,

jipi dacht ich, weil genau das brauch ich :)
aber naja irgendwie raff ich das grad ma gar nicht :(

<script type="text/javascript">
<!--

var neu="";

function fenster(ziel) {
neu = window.open( "", "", "width=800, height=600" );
neu.document.write("<html><head><title>Fenster</title>");
neu.document.write("</head><body><a href='javascript:window.close();'><img src=" +ziel+ " alt=\"\" border=\"0\"></a></body></html>");
}

// -->
</script>

<a href="javascript:fenster('bild.jpg');">Klick mich!</a>

Wie kann ich das Problemlos in ne PHP seite einbinden und mit PHP Variablen füttern ?!

Und kann mir einer nochmal genau die funktion von var neu=""; erklären. ?!

TiA,

mfg,Alex.R.
Nase
2004-12-29, 02:38:05
Du bindest das ein, indem du das alles in den Head deiner Seite kopierst.
Und was willst du denn alles mit Variablen "füttern"? Bei dem Link, der das PopUp aufruft kannst du auch einfach eine Variable reinschreiben. Falls du noch weitere Parameter ändern willst (z.B. die Breite oder Höhe des PopUps), müsstest du diese Angaben auch mit in den Link schreiben und an die Funktion als Variable übergeben.
Das var neu="" definiert eine neue Variable :).
ca | Blade-IV
2004-12-29, 02:49:26
Du bindest das ein, indem du das alles in den Head deiner Seite kopierst.
Und was willst du denn alles mit Variablen "füttern"? Bei dem Link, der das PopUp aufruft kannst du auch einfach eine Variable reinschreiben. Falls du noch weitere Parameter ändern willst (z.B. die Breite oder Höhe des PopUps), müsstest du diese Angaben auch mit in den Link schreiben und an die Funktion als Variable übergeben.
Das var neu="" definiert eine neue Variable :).

oO öhm, vergiss was ich gefragt hab... ich sollt echt mehr schlafen... *verplant dreinschau*... was hab ich da wieder fürn scheiss geschrieben. Jetzt geh ich grad off.

aber wieso bist du überhaupt noch wach ?! :D

//sorry wegen der schrottigen frage ich bin grad etwas verwirrt und schon viel zu lange wach...
Nase
2004-12-29, 02:54:46
Alles klar! :D

Tja, bin wohl nur noch auf, weil... ähm... hmmm... ka...