HTML-Verständnissfrage

Mat

who needs to be aggro?
Registriert
10. März 2002
Reaktionspunkte
0
Ort
Dinslaken//RUHRPOTT
moin, hoffe mal ich bin hier wirklich richtig...

also, folgendes: geht mal auf diese Seite, wenn ihr da aufs image drückt öffnet sich die seite in einem neuen browserfenster ohne jegliche menü-leiste und von der größe her genau angepasst...genau sowas will ich auch haben, hätte da mal jemand den passenden script/befehl auf lager???

würd mich echt über ne (verständliche) anleitung freuen, auf selfHTML hab ich nix brauchbares gefunden :(

vielen dank im voraus!

suchende Grüße,
Matthias
 
Learning by doing oder auch Learning by reading :D .
Möglichkeit 1: Bei google.de nach "popup javascript" suchen.
Möglichkeit 2: Auf der von dir genannten Seite dir den Quelltext anschauen (jaja bei HTML/Javascript kann man sich noch den Quelltext anschaun).

mfg

EDIT
Möglichkeit 2 ist nicht so toll...wenn ich den jenigen der das "programmiert" hat mal auf der Straße treffe, schlag ich ihn für schlechten Quelltext (schätz mal der popup-Quelltext ist nur kopiert, aber was am schlimsten ist:

...
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
<link rel="stylesheet" href="file:///E|/design/websites/woof2002/style.css" type="text/css">
<link rel="stylesheet" href="file:///E|/design/websites/woof2002/sincerity.css" type="text/css">
<link rel="stylesheet" href="file:///E|/design/websites/woof2002/woof.css" type="text/css">
</head>

<body bgcolor="#000000" text="#FFFFFF" topmargin="0" marginwidth="0" marginheight="0">
<div align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
...

)
 
Das geht nur mit JavaScript und gibt es auch bei selfhtml. Man muss nur wissen, wonach man suchen muss:
http://selfhtml.teamone.de/javascript/objekte/window.htm#open

Also zum Beispiel
<img onClick="window.open('link.html', '_blank', 'menubar=no')" src="meinBild.jpg" ...>
Wie sich der dritte Parameter zusammensetzt, findest du ausführlich bei selfhtml.

Gruß
Daniel
 
Es gibt noch eine Lösung, die auch halbwegs funktioniert, wenn der Benutzer JavaScript deaktiviert hat:
<a onClick="window.open('link.html', '_blank', 'menubar=no'); return false" href="link.html" target="_blank"><img src="meinBild.jpg" ...></a>

Ohne JS öffnet sich allerdings ein Browserfenster mit Dekorationen.

Daniel
 
Also, als erstes fügst Du das hier mal in den Headbereich ein:

Code:
<SCRIPT LANGUAGE="JavaScript">
var picwin=0;

function close_picture()
{
  	if (picwin)
    	if (!picwin.closed)
    		picwin.close();
}

function open_picture(picname,bgcolor)
{
  	close_picture();
  	if (!bgcolor)
    	bgcolor="#FFFFFF";
  		picwin=open("","picwin","width=100,height=100,resizable=yes,status=no,toolbar=no,menubar=no,location=no,scrollbars=no");
  		picwin.document.open("text/html","replace");
  		picwin.document.write("<html>\n<head>\n");
  		picwin.document.write("<title>:-)</title>\n");
  		picwin.document.write("</head>\n");
  		picwin.document.write("<body onLoad=\"opener.picture_size(window,document.images[0])\" bgcolor=\""+bgcolor+"\" topmargin=0 leftmargin=0 rightmargin=0 bottommargin=0>\n");
  		picwin.document.write("<p align=center><img src=\""+picname+"\" hspace=\"0\" vspace=\"0\"></p>");
  		picwin.document.write("</body>\n</html>");
  		picwin.document.close();
}

function picture_size(picwin,image)
{
  	picwin.resizeTo(image.width+12,image.height+20);
  	picwin.moveTo((screen.width-image.width-50)/2,(screen.height-image.height-50)/2);
}
</SCRIPT>

Tja, und um das Bild packst Du dann noch folgendes:

Code:
<a href="javascript:open_picture("./fotos/03g.jpg","#E0E0FF")">
						<img src="./fotos/03.jpg" class="border" border="0">
						</a>

Und dann öffnet sich ein Fenster, welches sich automatisch der Bildgrösse anpasst.

Aber, learning by doing kann helfen!!!

So Long...
 
Zurück