Scrollbalken weg, mal anders!! und Frames alle zusammen neuladen
wusel
- javascript
Hallo,
habe eine ganz tolle Frage und würde mich wirklich sehr über eine Lösung freuen!
Also ich habe dieses Javascript mit den fallenden Sternchen:
<script type="text/javascript">
<!--
var colour="#33CCFF"; // Farbe
var sparkles=100; // Anzahl der Flocken
/*****************************
* Tinkerbell Magic Sparkle *
* (c) 2005 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
* AB HIER NICHTS MEHR ÄNDERN *
*****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
document.onmousemove=mouse;
//-->
</script>
</body>
Jetzt hab ich aber gar keinen Durchblick mehr!!!
Denn wenn man nun mit der Maus zu nah an den Bildschirmrand kommt, dann entstehen Scrollbalken.
Und die kriege ich nicht einfach mit <body scroll="no"> (hab das natürlich richtig eingeschrieben nur weiss gerade nicht auswendig, wie der Befehl lautete.) etc. weg!
Wie kann ich denn per HTML oder Java oder oder oder der Website klar machen, dass ich auf keinen Fall Scrollbalken brauche, wenn die Sternchen nach außen fallen!??! Und ich möchte auch nicht den Bereich für die Sternchen begrenzen, weil ich möchte, dass die Sterne bei jedem egal wie großen Bildschirm bis zum Rand fallen!?!?
Ich würde mich riesig riesig freuen!!!!
Ach, und wenn ich schonmal hier bin! :-)
Wie kann man denn wenn man viele Frames hat und auf einen Link klickt, die komplette Seite und nicht nur in der einen Frame eine neue Seite laden?
Ich werde auf ewig für diese liebe Hilfe dankbar sein! :-D
Vielen vielen Dank!
Wusel!
Wie kann ich denn per HTML oder Java oder oder oder der Website klar machen, dass ich auf keinen Fall Scrollbalken brauche, wenn die Sternchen nach außen fallen!??! Und ich möchte auch nicht den Bereich für die Sternchen begrenzen, weil ich möchte, dass die Sterne bei jedem egal wie großen Bildschirm bis zum Rand fallen!?!?
body{ overflow-x: hidden; }
Unerwünschte Überraschungen wie unerreichbarer Content bei zu schmalen Bildschirmen inbegriffen.
Wie kann man denn wenn man viele Frames hat und auf einen Link klickt, die komplette Seite und nicht nur in der einen Frame eine neue Seite laden?
Indem du dein Framekonzept auf den Kopf stellst oder noch besser dich ganz von Frames distanzierst. Nicht die variablen Inhalte gehören in iframes sondern die permanent gleichen Dinge wie Navigation gehören in iframes.
Jede Contentseite sollte auch eine Hauptseite sein, die selbst nicht in ein framet oder iframe aufgerufen werden darf.
Ich werde auf ewig für diese liebe Hilfe dankbar sein! :-D
auf ewig, und wie? Wie wärs mit monatlich 20 Euro auf mein Konto, unabhängig von meinem Ableben?
mfg Beat
Indem du dein Framekonzept auf den Kopf stellst oder noch besser dich ganz von Frames distanzierst. Nicht die variablen Inhalte gehören in iframes sondern die permanent gleichen Dinge wie Navigation gehören in iframes.
Jede Contentseite sollte auch eine Hauptseite sein, die selbst nicht in ein framet oder iframe aufgerufen werden darf.Ich werde auf ewig für diese liebe Hilfe dankbar sein! :-D
auf ewig, und wie? Wie wärs mit monatlich 20 Euro auf mein Konto, unabhängig von meinem Ableben?
mfg Beat
Sehr witzig! -- 20 Euro und es funzt nicht..
Das body ding geht nur bei Windowsrechnern oder?
Bei Apple Firefox schonmal nicht!
Und kann man nicht per Javascript etc. beim Klick auf einen Link gleichzeitig ein paar andere frames damit beeinflussen??
Die Aussage dass es mit mehreren Frames nicht geht ist auch falsch:
http://www.seilnacht.com/Minerale/Mineral.htm
2 Frames!
Links geklickt, rechts verändert sich's, oder liege ich da falsch?
Hi,
Die Aussage dass es mit mehreren Frames nicht geht ist auch falsch:
Abgesehen davon, dass nicht wirklich klar ist, was "es" jetzt genau sein soll, hat die auch niemand so getätigt.
http://www.seilnacht.com/Minerale/Mineral.htm
2 Frames!
Links geklickt, rechts verändert sich's, oder liege ich da falsch?
Damit hast du lediglich die Wirkung des target-Attributes entdeckt - das hättest du auch schon früher haben können, wenn du mal in SELFHTML nachgelesen hättest.
MfG ChrisB
super Hilfe hier!
Echt eine Enttäuschung!
Vielen Dank!
Hi,
super Hilfe hier!
</hilfe/charta.htm#tipps-fuer-fragende>
Echt eine Enttäuschung!
Enttäuschende Problembeschreibungen sind wir hier gewohnt; wir geben aber grossmütig Chance zur Nachbesserung.
MfG ChrisB