ein- und ausblendbarer Scrollbalken in einem iframe

[kev0rn]

Hallo!
zuerst mal: ich kenn mich kaum/eigentlich garnicht mit javascript aus.
Jedoch will ich, dass die Frames auf meiner Seite den Scrollbalken erst anzeigen, sobald man mit der Maus auf dem Frame ist.
Leider funktioniert mein vorhaben nicht :/

Mein javascript-Code dafür:

<script type="text/javascript"> document.getElementById("links").onmouseover = function() {
    this.style.overflow = "scroll";
}


</script>

und der html-Code:

<div id="lefttext">
<iframe scrolling="yes" frameborder="0" width="538" height="315" style="wordwrap:normal; overflow:hidden;"; id="links" src=left.html>a

Könnt ihr mir helfen?
Danke im vorraus!

 

[alogheo]

dafür brauchs du kein JavaScript. Das lässt sich viel einfacher mit CSS machen:

<style>
#links
{ overflow: hidden; }
#links:hover
{ overflow: scroll; }
</style>

und das funktioniert auch, wenn der Client JavaScript deaktiviert hat.

 

[kev0rn]

jaa das macht sinn!
habs grad mal ausprobiert, aber das scheint irgendwie nicht zu funktionieren.
der scrollbalken ist von anfang an da.

 

[alogheo]

hab uch grad festgestellt, dass das nur im Firefox funktioniert.

Auch mit disem JS-Code:

<iframe scrolling="no" frameborder="0" width="538" height="315" style="wordwrap:normal;" onmouseover="this.scrolling='yes';" onmouseout="this.scrolling='no';" id="links" src="left.html">

gehts nur im FF

vlt ist es auch gar nicht möglich... Muss mal wer anders was zu sagen

 

[kev0rn]

hmm, na dann danke ich schonmal für die hilfe und hoffe dass sich noch jemand meldet

 

[Asterixus]

alogheo hat eine gute Idee gehabt, allerdings geht man das Problem anders an.
Das iframe sollte man in Ruhe lassen und sich eher auf die Seite im iframe konzentrieren.

Folgender CSS-Code für die left.html sollte reichen:

html,body{overflow: hidden;}
html:hover {overflow:scroll;}

Ich rate dir dennoch an, auf iframes zu verzichten. Diese heutzutage noch zu benutzen, ist in den seltensten Fällen angemessen.

 

[kev0rn]

aaah! tausend dank! es funktioniert nun!
Hm, naja mein ziel war n relativ kompaktes design zu haben, und da schienen mir iframes grade richtig!

 

[threadi]

Auch wenn es dir so scheint, so muss es nicht wirklich das "gerade richtige" sein. iframes sollte man wie gesagt nicht unbedingt verwenden, bringen vor allem hinsichtlich Suchmaschinen und auch etwas bei der Darstellung Probleme.

 

[kev0rn]

gibts denn da irgendwelche alternativen?

 

[threadi]

Für einen begrenzten Scrollbereich: CSS.
Für einen Bereich indem per Link Inhalte ausgetauscht werden: AJAX.

 

[Asterixus]

Wobei man nicht unbedingt Ajax verwenden muss. Ein einfacher Link tut's auch.

 

[kev0rn]

ich bedanke mich mal, werd aber vorerst bei meiner methode bleiben, bis ich die nachteile selbst merke
und nochmal danke für die Lösung zu meinem ursprünglichen Problem!

 

[Asterixus]

Ich rate dir davon ab. Sauberer Code ist das A und O bei einer Website. iframes gehören mittlerweile wirklich zu den Techniken, die von einem Großteil der Entwickler beiseite gelegt wurden. Dem Beispiel würde ich folgen; vor allem, wenn ich eine neue Internetseite erstelle. Was kostet dich das überhaupt, abgesehen davon, das Bisherige zu "verlieren"? Umständlich kann es nicht sein.

 

[kev0rn]

umständlich nicht unbedingt, aber ich glaube nicht, dass das dann noch so aussieht und funktioniert, wie es grade aussieht und funktioniert.

 

[spaceCookie]

umständlich nicht unbedingt, aber ich glaube nicht, dass das dann noch so aussieht und funktioniert, wie es grade aussieht und funktioniert.

Glaub uns einfach. Es gibt nichts was man nicht ohne Frames umsetzen könnte. Man hat außerdem mehr Kontrolle, was dazu führt dass man Lösungen ohne Frames besser anpassen kann. Sowohl in technischer als auch in grafischer Sicht.