✔ Scrollen per <img> aber anderes html dokument

[kinsh]

Hallo mal wieder

ich möchte 2 <img> als scrolleisten benutzen.
Das problem ist ich eine Tabellenkonstuktion habe mit einem <iframe>. Der iframe bekommt ja seinen Inhalt über anderen *.html dokumente ich möchte aber neben dem <iframe> [in der Zelle daneben ] die 2 Buttons oder <img> hintpacken damit man den iframe damit scrollen kann.

1. Muss im iframe tag scrollen auf an sein der kann ich auf nein lassen ?

ich habe schon was ausprobiert udn es könnte fehlerhaft sein ich schreib mal den code hier runter

<script type="text/javascript"><!--
	//coded by con-f-use@gmx.net - be fair and do not remove this

	function scrollDiv(strId,intSpd) {
		if ( objScrll=document.getElementById(strId) ) {
			var top = parseInt(objScrll.style.top);
			if ( (intSpd>0) ? (top<=0) : (top>=parseInt(objScrll.parentNode.style.height)-objScrll.offsetHeight) ) 
				objScrll.style.top = (top + intSpd) +"px";
			eval( 'tvar' + strId +'= setTimeout("scrollDiv(\''+ strId +'\',' + intSpd + ')",50)' );
			if (objSelf=scrollDiv.arguments[2]) 
				objSelf.onmouseup = objSelf.onmouseout = new Function('fx','clearTimeout(tvar' + strId + ')');
		}
	}
//--></script>

<div align="left"><a href="#" onclick="return false" onmousedown="scrollDiv('content',8,this)">Hoch</a><br />
<a href="#" onclick="return false" onmousedown="scrollDiv('content',-8,this)">Runter</a></div>

<iframe name="main" id="content" width="768" height="450" scrolling="no" fr src="site/news.html" frameborder="0"></iframe>

muss ich das alles auch in die z.B. news.html einbinden das mit content?

Edit:

ich habe mal ein <div> vor dem <iframe> gesetzt

<div id="content"><iframe name="main" id="content" width="768" height="450" scrolling="no" fr src="site/news.html" frameborder="0"></iframe></div>

geht aber auch nicht

 

[kinsh]

so ich habe noch ein wenig gelesen und gegoogelt und das mit dem code den ich gepostet habe der ist für Div Layers aber nicht für iframes leider

ich denke mir mal das in der *.html datei die in dem iframe angezeigt wird der code für das scrollen stehen muss.

Bitte schreibt mir wenn es nicht möglich ist einen iframe so wie ich es möchte zu scrollen

 

[Sven Mintel]

Es ist nicht nur nicht unmöglich, es ist sogar besonders einfach.
Da ein iFrame aus JS-Sicht ein Fenster darstellt, kann man es "echt" scrollen....mittels der Methoden scrollBy() und/oder scrollTo()

http://de.selfhtml.org/javascript/objekte/window.htm#scroll_by

 

[kinsh]

ja danke das könnte es sein (könnte) =)

also.... müsste das script dann in die Datei welche der iframe anzeigt oder muss das script in die index.html ?

dann ist das alles ein bischen hoch für mich zum verstehen =) welche werte ich jetzt z.B. umändern muss damit er down scrollt ich habe das mal so umgeändert das ich denke das es sein könnte das es so funktionieren könnte

das habe ich in der index.html zugefügt

<script type="text/javascript">
function NachOben () {
  var y = 0;
  if (window.pageYOffset) {
    y = window.pageYOffset;
  } else if (document.body && document.body.scrollTop) {
    y = document.body.scrollTop;
  }
  while (y > 0) {
    setTimeout("window.scrollBy(0, -10)", 10);
    y = y - 10;
  }
}
function NachUnten () {
  var y = 0;
  if (window.pageYOffset) {
    y = window.pageYOffset;
  } else if (document.body && document.body.scrollTop) {
    y = document.body.scrollTop;
  }
  while (y > 0) {
    setTimeout("window.scrollBy(0, 10)", 10);
    y = y - 10;
  }
}
</script>

bitte kann jemand gucken ob (mein) umgeändertes NachUnten () so richtig wäre?


das habe ich den beiden <img> zugefügt

<a href="javascript:NachOben()">

<a href="javascript:NachUnten()">

ich muss dazu sagen das die beiden <img> womit ich scrollen möchte nicht im <iframe> eingefügt sind sonder in einer Zelle daneben.

Gibt es also einen command womit ich von diesen beiden <img>(button´s) auf das script zugreifen kann was im <iframe> ist ? oder weiß der computer das er dann da (im <iframe>) suchen muss um die funktion NachOben() und NachUnten() zu ?benutzen?

also selfhtml ist nicht so der bringer der geht nicht schrittweise 10pixel nach oben sondern gleich TOP so bei mir :/ welche verzögerung ? :/

 

[kinsh]

ok ok ok hat sich erledigt ich habe was gefunden.
Also quelle dyn-web

das kommt in die index.html

<script type="text/javascript">
/*************************************************************************
  This code is from Dynamic Web Coding at http://www.dyn-web.com/
  See Terms of Use at http://www.dyn-web.com/bus/terms.html
  regarding conditions under which you may use this code.
  This notice must be retained in the code as is!
*************************************************************************/

var timer_id;
function scroll_iframe(frm,inc,dir) {
  if (timer_id) clearTimeout(timer_id);
  if (window.frames[frm]) {
    if (dir == "v") window.frames[frm].scrollBy(0, inc);
    else window.frames[frm].scrollBy(inc, 0);
    timer_id = setTimeout("scroll_iframe('" + frm + "'," + inc + ",'" + dir + "')", 20);
  }
}

function stopScroll() { if (timer_id) clearTimeout(timer_id); }
</script>

dieser vor die beiden img die als button verwendet werden sollen

<a href="javascript:;" onmouseover="scroll_iframe('scr1', -4, 'v'); window.status='Hover here to scroll up.'; return true" onmouseout="stopScroll(); window.status=''; return true">

<a href="javascript:;" onmouseover="scroll_iframe('scr1', 4, 'v'); window.status='Hover here to scroll down.'; return true" onmouseout="stopScroll(); window.status=''; return true">

damit das alles funktioniert muss der name des iframe mit angegeben werden hier im beispiel onmouseover="scroll_iframe('scr1', -4, 'v'); und das glcieh bei dem 2 auch einfach ändern wie euer iframe heisst schon ist es fertig =)

Thx