window.open(id)???
maximilian
- javascript
Hallo,
ich sitze vor einem kleinen Problem und kann auch nichts dazu ergooglen, deshalb poste ich meine Frage einfach mal hier;
Mein Problem:
Ich habe vor, durch klicken auf vielen, kleinen Thumbnails, eine groessere Ansicht des ausgewaehlten Bildes, in einem positionierten DIV anzuzeigen! Weiteres klicken darauf, oeffnet letztendlich die Originalgroesse des Bildes in einem Fenster mit "window.open", welches ich groessen-technisch halt mit "height" und "width" anpasse und welches nicht "resizable" ist und keine Scrollbalken hat, etc.!
Nun ist meine Frage;
Wie oeffne ich per "window.open" ein Bild, allein anhand seiner ID?
onclick="window.open('Bild.jpg'); <<<--- Dies waere der Normalfall!
Gibt es einen Weg 'Bild.jpg' durch die festgelegte ID (z.b. "id=Auto") zu ersetzen und es in etwa so zu oeffnen;
on click="window.open(Auto);
Ich komme nicht drauf und bitte daher um Rat!
mfg,
Maximilian
Hallo!
onclick="window.open('Bild.jpg'); <<<--- Dies waere der Normalfall!
Ach, ist dem so?
Na dann wirds ja super nicht-resizable sein und auch dem Bild entsprechend groß sein. Ich schlage vor, du gibtst ein paar mehr Parameter an wie hier beschrieben.
Gibt es einen Weg 'Bild.jpg' durch die festgelegte ID (z.b. "id=Auto") zu ersetzen und es in etwa so zu oeffnen;
Ja gibt es, bringt aber nicht viel denn ...
on click="window.open(Auto);
... ist Schwachsinn mit einer Extraportion JS-Fehler.
Du hast die ID von dem Bild also warum holst du dir nicht die URL zum Bild über die ID und verwendest die dann in window.open() ?
Lieber maximilian,
onclick="window.open('Bild.jpg'); <<<--- Dies waere der Normalfall!
"Normalfall"? Was ist schon "normal"...?
Gibt es einen Weg 'Bild.jpg' durch die festgelegte ID (z.b. "id=Auto") zu ersetzen und es in etwa so zu oeffnen;
on click="window.open(Auto);
Du has da eine ID. Wo Du Dir die hinsteckst ist zunächst einmal Deine Sache, aber Du musst Sie beim Klick auf das von Dir erzeugte Div wieder herbekommen. Danach hast Du sie ja irgendwie wieder verfügbar und kannst folgendes damit tun:
// UNGETESTET!!
function openWindow(id) {
var Bild = document.getElementById(id);
if (!Bild || !Bild.src)
return false; // Kein Bild, oder keine Bild-URL gefunden!
// Fensterposition für mittig ausgerichtetes Fenster
var top = 0;
if ((screen.availHeight - Bild.height)/2 > 0)
top = (screen.availHeight - Bild.height)/2;
var left = 0;
if ((screen.availWidth - Bild.width)/2 > 0)
left = (screen.availWidth - Bild.width)/2;
var vollansicht = window.open(
src,
"Vollansicht",
""
+ "width=" + Bild.width
+ "height=" + Bild.height
+ "top=" + top
+ "left=" + left
+ "resizable=no,toolbars=no,"
);
return vollansicht;
}
Liebe Grüße aus Ellwangen,
Felix Riesterer.