Wie kann ich einen Funktionslink im selben Fenster öffnen?
Natascha Jesionek
- javascript
0 fks
Hallo!
Ich habe folgendes Problem:
Wenn man diesen Code in ein html-dokument kopiert, erscheint eine seite mit einem rotierenden inhaltsverzeichnis.
ich möchte das in einem frame öffnen.
wie bekomme ich die links nun dazu, das die sich nicht in einem neuen fenster öffnen, sondern in dem selben?
Vorher hatte ich statt
Fotos = self.name=home
Fotos = window.open
stehen.
function fotos(){
Fotos = self.name=home('fotos.htm', 'Fotos', 'width=300,height=400,top=110px,left=110px,scrollbars=yes');
Fotos.focus();}
Kann mir einer den code verraten wie es funktioniert?
DANKE!!!
Grüße,
Natascha
HIER DER KOMPLETTE QUELLTEXT:
<HTML>
<HEAD>
<TITLE>Home</TITLE>
<META NAME="description" CONTENT="Kay Eschrich Judo Klassentreffen Fotos ">
<META NAME="author" CONTENT="Jesionek">
<META NAME="keywords" CONTENT="Kay Eschrich Judo Klassentreffen Fotos">
<META NAME="generator" CONTENT="Ulli Meybohms HTML EDITOR">
<META NAME="COPYRIGHT" CONTENT="Natascha Jesionek">
<STYLE>.fly {
COLOR: red; FONT-FAMILY: Comic sans ms, arial; FONT-SIZE: 20px; POSITION: absolute; VISIBILITY: hidden; Z-INDEX: 2
}
.logo {
LEFT: 350px; TOP: 20px; POSITION: absolute; VISIBILITY: visible; Z-INDEX: 1
}
.desc {
COLOR: black; FONT-FAMILY: arial; FONT-SIZE: 20px; LEFT: 70px; POSITION: absolute; TEXT-ALIGN: center; TOP: 370px; VISIBILITY: hidden; WIDTH: 700px
}
BODY {
BACKGROUND: #ffffff
}
A {
COLOR: #000099
}
A:hover {
COLOR: red
}
</STYLE>
<SCRIPT language=JavaScript>
/* Show an object */
function showObject(object) {
object.visibility = VISIBLE;
}
/* Hide an object */
function hideObject(object) {
object.visibility = HIDDEN;
}
/* Slide the company logo from top to middle */
function slideLogo(from, to) {
if (from < to) {
company.top = (from += 10);
setTimeout('slideLogo(' + from + ',' + to + ')', 25);
}
else initObjects();
}
/* Rotate selected objects */
function rotateObjects() {
for (var i = 0; i < pos.length; i++) {
pos[i] += inc; objects[i].visibility = 'visible';
objects[i].left = (r * Math.cos(pos[i])) + xoff
objects[i].top = (r * Math.sin(pos[i])) + yoff;
}
rotateTimer = setTimeout("rotateObjects()", 40);
}
/* Initialize selected objects for rotation */
function initObjects() {
/* Here is the array of HTML elements that will be rotated, from fly1 to fly6
Just put the shortcut variables to the HTML elements in this little array
and they will be rotated automatically */
objects = new Array(fly1, fly2, fly3, fly4, fly5, fly6);
pos = new Array();
pos[0] = 0;
for (var i = 1; i < objects.length; i++) {
pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / objects.length));
}
rotateObjects();
}
/* Variables for rotating objects */
var objects;
var pos;
var r = 150; // radius
var xoff = 370; // x offset
var yoff = 180; // y offset
var pi = Math.PI; // get pi
var inc = pi / 90; // degrees per rotation cycle
var objects; // objects to be rotated
var pos; // position for objects
</SCRIPT>
</HEAD>
<!--
Der Inhalt der einzelnen Seiten darf kopiert und fuer private Zwecke weiterverwendet werden! Bei Weitergabe, auch nur auszugsweise, muss dies kenntlich gemacht und Quelle, sowie Verfasser, genannt werden! Die Seiten, ebenso der Quelltext, duerfen in keinster Weise veraendert werden! Das gleiche gilt fuer Bilder und Grafiken! Alle Inhalte und Grafiken sind selbst erstellt und unterliegen den Rechten der Eigentuemer!
COPYRIGHT BY Kay Eschrich
//-->
<BODY TEXT="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<CENTER>
<DIV class=fly id=fly1><A href="javascript:gaestebuch()" onmouseout=hideObject(desc1)
onmouseover=showObject(desc1) target=_self>Gästebuch</A><BR></DIV>
<DIV class=fly id=fly2><A href="javascript:forum()" onmouseout=hideObject(desc2)
onmouseover=showObject(desc2)>Forum</A><BR></DIV>
<DIV class=fly id=fly3><A href="javascript:aboutme()" onmouseout=hideObject(desc3)
onmouseover=showObject(desc3)>About Me</A><BR></DIV>
<DIV class=fly id=fly4><A href="javascript:hobbies()" onmouseout=hideObject(desc4)
onmouseover=showObject(desc4)>Hobbies</A><BR></DIV>
<DIV class=fly id=fly5><A href="javascript:fotos()" onmouseout=hideObject(desc5)
onmouseover=showObject(desc5)>Fotos</A><BR></DIV>
<DIV class=fly id=fly6><A href="javascript:links()" onmouseout=hideObject(desc6)
onmouseover=showObject(desc6)>Links</A><BR></DIV>
<DIV class=logo id=company style="left: 316px; top: 92px; width: 200px; height: 300px; border: 1px none #000000; overflow: visible"><img src="white.jpg" width="1" height="1" left="160px" top="32px" border="0" vspace="0" align="absmiddle" hspace="20"></DIV>
<DIV class=desc id=desc1 style="top: 190">Gästebuch</DIV>
<DIV class=desc id=desc2 style="left: 72px; top: 190">Forum</DIV>
<DIV class=desc id=desc3 style="top: 190">Über mich</DIV>
<DIV class=desc id=desc4 style="top: 190">Hobbies</DIV>
<DIV class=desc id=desc5 style="top: 190">Fotos</DIV>
<DIV class=desc id=desc6 style="left: 63px; top: 190">Links</DIV>
<SCRIPT language=JavaScript>
/* Simple version detection */
var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);
/* They can be used in place
of hidden and visible because on occasion Navigator has problems with the two */
var HIDDEN = (isNS) ? 'hide' : 'hidden';
var VISIBLE = (isNS) ? 'show' : 'visible';
/* Create shortcut variables for different absolutely positioned elements */
var fly1 = (isNS) ? document.fly1 : document.all.fly1.style;
var fly2 = (isNS) ? document.fly2 : document.all.fly2.style;
var fly3 = (isNS) ? document.fly3 : document.all.fly3.style;
var fly4 = (isNS) ? document.fly4 : document.all.fly4.style;
var fly5 = (isNS) ? document.fly5 : document.all.fly5.style;
var fly6 = (isNS) ? document.fly6 : document.all.fly6.style;
var company = (isNS) ? document.company : document.all.company.style;
var desc1 = (isNS) ? document.desc1 : document.all.desc1.style;
var desc2 = (isNS) ? document.desc2 : document.all.desc2.style;
var desc3 = (isNS) ? document.desc3 : document.all.desc3.style;
var desc4 = (isNS) ? document.desc4 : document.all.desc4.style;
var desc5 = (isNS) ? document.desc5 : document.all.desc5.style;
var desc6 = (isNS) ? document.desc6 : document.all.desc6.style;
/* Begin the sliding of the company logo */
slideLogo(0, 200);
function gaestebuch() {
Gaestebuch = self.name=home('gaestebuch.htm', 'Gaestebuch', 'width=200,height=300,top=90px,left=90px');
Gaestebuch.focus();}
function forum() {
Forum = self.name=home('forum.htm', 'Forum', 'width=300,height=500,top=60px,left=60px');
forum.focus();}
function aboutme() {
Aboutme = self.name=home('uebermich.htm', 'Aboutme', 'width=300,height=450,top=80px,left=80px');
Aboutme.focus();}
function hobbies(){
Hobbys = self.name=home('hobbys.htm', 'Hobbys', 'width=300,height=400,top=80px,left=80px,scrollbars=yes');
Hobbies.focus();}
function fotos(){
Fotos = self.name=home('fotos.htm', 'Fotos', 'width=300,height=400,top=110px,left=110px,scrollbars=yes');
Fotos.focus();}
function links() {
if (navigator.appName=="Microsoft Internet Explorer"){
Links = self.name=home('links.htm', 'Links', 'width=200,height=300,top=100px,left=100px');
Links.focus();}
else alert("sorry, nur für den Explorer")
}
</SCRIPT>
</CENTER>
</body>
</html>
<DIV class=fly id=fly1><A href="javascript:gaestebuch()"
onmouseout=hideObject(desc1)
onmouseover=showObject(desc1) target=_self>Gästebuch</A><BR></DIV>
ersetz das mal durch...
<DIV class=fly id=fly1>
<A href="gaestebuch.php" onmouseout=hideObject(desc1)
onmouseover=showObject(desc1) target=_self>Gästebuch</A><BR></DIV>
ist es das was du meinst?
mfg
fks