In einem Fenster mit bestimmter Größe scrollen ?

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

Autor dieses Themas

~~n************1~~

14:48, 25.6.2010

Hallo,

wie kann ich in einem Fenster mit bestimmter Größe scrollen ??
Codes:

in den head bereich:

<script type="text/javascript">
function FensterOeffnen (Adresse) {
Fenster1 = window.open(Adresse, "Zweitfenster", "width=1082,left=20,top=0");
Fenster1.focus();
}
</script>

Und der verknüpfte Link

<span class="Stil44"><a href="Linkl" class="Stil38" onClick="FensterOeffnen(this.href); return false"><br>
      Bezeichnung</a>

Danke im Voraus
nils

Beitrag zuletzt geändert: 25.6.2010 14:49:04 von nilsbierwirth1

Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage
sneppa

sneppa hat kostenlosen Webspace.

16:53, 25.6.2010
versteh ich nicht

lg sneppa
Autor dieses Themas
~~n************1~~

18:01, 25.6.2010
geh mal auf die seite: http://www.nilsbierwirth.de.vu/
und wenn du auf das Bild drückst erscheint das Gästebuch in einem neuen Fenster mit bestimmter Größe.
Aber irgendwie ist in diesem Fenster keine Scrollbar.
fatfreddy

fatfreddy hat kostenlosen Webspace.

18:18, 25.6.2010
Ein Klick öffnet einen neuen Tab mit dem Gästebuch (IE + FF), darin kann ich wie gewohnt scrollen. Kann dein Problem auch nicht nachvollziehen.

FF

nemoinho

nemoinho hat kostenlosen Webspace.

21:45, 25.6.2010

ist wie so oft ein einfaches Problem

function FensterOeffnen (Adresse) {
    Fenster1 = window.open(Adresse, "Zweitfenster", "width=1082,left=20,top=0,scrollbars=yes");
    Fenster1.focus();
}

so und nun zur Kritik, ein popup für nen GB ist scheiße, ganz einfach! Denk dir ne andere Lösung aus, ein Beispiel, ich hab dir mal nen Code geschrieben, der auf deine Seite passt bei dem das bild nach oben weg scrollt und das gb in einem iframe von unten reinscrollt, das ist zwar genauso mies, aber es macht wenigstens kein neues Fenster auf!:

function FensterOeffnen(adresse){
	var content = document.getElementById('content'),
	    gb_link = content.getElementsByTagName('a')[0],
	    gb_img = content.getElementsByTagName('img')[0],
	    org_h = link_h = gb_img.offsetHeight,
	    gb = document.createElement('iframe'),
	    gb_h = 0,
	    steps = org_h/10,
	    interval;
	gb_img.style.marginTop = '0';
	gb_link.style.outline = 'none';
	gb_link.style.height = content.style.height = org_h+'px';
	gb_link.style.display='block';
	gb_link.style.overflow='hidden';
	if(document.getElementById('gb_iframe'))
		document.getElementById('gb_iframe').parentNode.removeChild(document.getElementById('gb_iframe'));
	gb.id = 'gb_iframe';
	gb.src = adresse;
	gb.style.width = '100%';
	gb.style.border = 'none';
	gb.style.height = '0';
	content.appendChild(gb);

	function resize_components(){
		link_h -= steps;
		link_h = Math.round(link_h*100)/100;
		gb_link.style.height = Math.floor(link_h)+'px';
		gb_img.style.marginTop = '-'+Math.floor(org_h - link_h)+'px';
		gb.style.height = Math.ceil(org_h - link_h)+'px';
		if(link_h-steps<0) window.clearInterval(interval);
	};
	gb.onload = function(){
		interval = window.setInterval(resize_components, 50);
	}
	return false;
}

ich hab den code so gestaltet, dass du sonst nicht an deiner Website ändern musst, sondern lediglich die alte Funktion durch die neue ersetzen musst.

Beitrag zuletzt geändert: 26.6.2010 14:14:23 von nemoinho

Autor dieses Themas
~~n************1~~

12:29, 26.6.2010
@nemoinho

okay ich finde die zweite Version auch besser. Sieht auch besser aus.
Danke für den Code

Gruß
nils
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city