im IE 5.2, Firefox 1.0, Opera 6 und Safari (alle Mac) wird bei jedem Link ein neues Fenster aufgemacht...
Ja aber nur beim ersten klick wenn man mal ein neues fenster hat dann
bleibt er daran ( beim pc )
eigentlich müsste genau dieses problem mit
PAGE_TARGET = _self
behoben sein
PAGE_TARGET steht im constants.
ich persönlich habe die erfahrung gemacht, dass bei diversen extensions das auch nur richtig funzt wenn im setup folgendes steht:
config.extTarget = _blank
config.intTarget = _self #oder besser noch _top,
#wenn man frames einsetzt 😉
ja aber es betrifft ja alles und nicht nur die extensions
tja dann soll ers doch mal probieren. bei mir hats gefunzt
#giggle#
Rundumschlag!
Jetzt hab' ich wie BastianBalthasarBux vorgeschlagen hat
config.extTarget = _blank
config.intTarget = _self
im setup aller Templates/Template-extentions
und wie Dander vorschlug
PAGE_TARGET = _self
in die Constants gesetzt. Außerdem hatte ich in einer Template-extention
target = page
stehen. (Kann mich überhaupt nicht erinnern, wie und warum das reingerutscht ist?!)
Hab' die Seite mit Firebird, Netscape7.0, IE 6.0, 5.5, 5.01 getestet und es wurde keine neue Seite aufgemacht. War das der Durchbruch? 🙂
Gruß Jürgen
War das der Durchbruch?
Ja, aber jetzt wird bei mir (0pera 7.54) gar nichts mehr, wenn
ich auf Info klicke...
bei mir passts, und ich setze einen opera 7.54j auf einem win xp system ein.
achja: man kann für menüs noch spezielle targets angeben:
...
workOnSubpart = DOCUMENT
marks.NAV_LEFT = HMENU
marks.NAV_LEFT.special = directory
marks.NAV_LEFT.special.value = 4
marks.NAV_LEFT.1 = GMENU
marks.NAV_LEFT.1 {
target = _top
...
}
...
Hab' das specielle target wie folgt ins Template der Seite Info eingefügt:
....
marks.MENU.1 {
NO.allWrap = |<br>
target = _self
}
....
Was sagt Dein Opera 7.54 dazu, Schmoozer?
Gruß
Jürgen
Es funktioniert, allerdings nicht, wenn ich in der Gallerie bin.
Dann bekomme ich bei jedem Menüpunkt folgenden Fehler:
http://www.karinjensen.dk/index.php?id=219
Event thread: onfocus
Error:
name: ReferenceError
message: Statement on line 1: Reference to undefined variable: No such variable 'blurLink'
Backtrace:
In unknown script
blurLink(this);
At unknown location
{event handler trampoline}
Die Gallerie funktioniert aber einwandfrei und ich find Sie auch ziemlich cool eingebaut.
in der galerie vielleicht blurLink ausschalten (das ist folgende js funktion die typo3 da generiert🙂
onFocus="if(this.blur(){this.blur();}"
--> in der neuen doku von RM unter tmenu oder gmenu: blurLink = 0/1
was machts? -> schaltet die strichlierte linie ab, die bsp im ie auf xp um jeden link erscheint wenn man ihn clickt (it's not a bug, it's a feature! 😃 )
Korrektur:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<!--
This website is brought to you by Typo3 - get.content.right
Typo3 is a free open source Content Management Framework
created by Kasper Skaarhoej and licensed under GNU/GPL.
Information and contribution at http://www.typo3.com
-->
<link rel="stylesheet" href="fileadmin/templates/kj/kj_galerie.css">
<script language="JavaScript" src="fileadmin/templates/kj/galleri.js" type="text/JavaScript">
<title>Galleri</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="Typo 3.3 CMS">
<script language="javascript">
<!--
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
var msie4 = (browserName == "Microsoft Internet Explorer" && browserVer >= 4);
if ((browserName == "Netscape" && browserVer >= 3) || msie4 || browserName=="Konqueror") {version = "n3";} else {version = "n2";}
function blurLink(theObject) {
if (msie4) {theObject.blur();}
}
// -->
</script>
</head>
<body bgcolor="#FFFFFF">
<table width="100%" border="0" cellspacing="0" cellpadding="10" align="center" height="100%">
<tr height="3%">
<td height="3%"></td>
<td width="35%" height="3%"></td>
<td width="15%" height="3%"></td>
<td width="35%"></td>
</tr>
<tr height="5%">
<td height="5%"></td>
<td align="left" valign="top" bgcolor="" width="35%" height="5%"><font color="#f5f5f5"></font></td>
<td width="15%" height="5%"></td>
<td width="35%"></td>
</tr>
<tr height="80%">
<td height="80%"></td>
<td valign="top" bgcolor="#3E3E3E" width="35%" height="80%"><font color="#000000" class="inhalt_links"><A name="278"></a><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Ceramics">
<title></title>
<link rel="stylesheet" type="text/css" media="screen" href="../fileadmin/templates/kj/kj_galerie.css">
<script language="JavaScript" type="text/javascript" src="fileadmin/templates/kj/wz_tooltip.js"></script>
</head>
<body bgcolor="#ffffff">
<script language="JavaScript" type="text/javascript" src="fileadmin/templates/kj/wz_tooltip.js"></script>
<div id="kj1"><a href="#" onMouseover="modifyimage('dynloadarea', 0)"><img src="fileadmin/templates/kj/kj_images/kj_1.jpg" onmouseover="return escape('Item 1')"alt="" height="60" width="60" border="0"></a></div>
<div id="kj2"><a href="#" onMouseover="modifyimage('dynloadarea', 1)"><img src="fileadmin/templates/kj/kj_images/kj_2.jpg" onmouseover="return escape('Item 2')"alt="" height="60" width="60" border="0"></a></div>
<div id="kj3"><a href="#" onMouseover="modifyimage('dynloadarea', 2)"><img src="fileadmin/templates/kj/kj_images/kj_3.jpg" onmouseover="return escape('Item 3')"alt="" height="60" width="60" border="0"></a></div>
<div id="kj4"><a href="#" onMouseover="modifyimage('dynloadarea', 3)"><img src="fileadmin/templates/kj/kj_images/kj_4.jpg" onmouseover="return escape('Item 4')"alt="" height="60" width="60" border="0"></a></div>
<div id="kj5"><a href="#" onMouseover="modifyimage('dynloadarea', 4)"><img src="fileadmin/templates/kj/kj_images/kj_5.jpg" onmouseover="return escape('Item 5')"alt="" height="60" width="60" border="0"></a></div>
<div id="kj6"><a href="#" onMouseover="modifyimage('dynloadarea', 5)"><img src="fileadmin/templates/kj/kj_images/kj_6.jpg" onmouseover="return escape('Item 6')"alt="" height="60" width="60" border="0"></a></div>
<div id="kj7"><a href="#" onMouseover="modifyimage('dynloadarea', 6)"><img src="fileadmin/templates/kj/kj_images/kj_7.jpg" onmouseover="return escape('Item 7')"alt="" height="60" width="60" border="0"></a></div>
<div id="kj8"><a href="#" onMouseover="modifyimage('dynloadarea', 7)"><img src="fileadmin/templates/kj/kj_images/kj_8.jpg" onmouseover="return escape('Item 8')"alt="" height="60" width="60" border="0"></a></div>
<div id="kj9"><a href="#" onMouseover="modifyimage('dynloadarea', 8)"><img src="fileadmin/templates/kj/kj_images/kj_9.jpg" onmouseover="return escape('Item 9')"alt="" height="60" width="60" border="0"></a></div>
<div id="kj10"><a href="#" onMouseover="modifyimage('dynloadarea', 9)"><img src="fileadmin/templates/kj/kj_images/kj_10.jpg" onmouseover="return escape('Item 10')"alt="" height="60" width="60" border="0"></a></div>
<div id="kj11"><a href="#" onMouseover="modifyimage('dynloadarea', 10)"><img src="fileadmin/templates/kj/kj_images/kj_11.jpg" onmouseover="return escape('Item 11')"alt="" height="60" width="60" border="0"></a></div>
<div id="kj12"><a href="#" onMouseover="modifyimage('dynloadarea', 11)"><img src="fileadmin/templates/kj/kj_images/kj_12.jpg" onmouseover="return escape('Item 12')"alt="" height="60" width="60" border="0"></a></div>
<script language="JavaScript" type="text/javascript" src="/fileadmin/templates/kj/wz_tooltip.js"></script>
</body>
</html><img src="clear.gif" width=1 height=10 border=0><BR></font></td>
<td class="tdtest" valign="top" bgcolor="#787878"width="15%" height="80%"><font color="#000000" class="menu"><A HREF="index.php?id=355" onFocus="blurLink(this);">Forside</A> <br><A HREF="index.php?id=219" onFocus="blurLink(this);">Galleri</A> <br><A HREF="index.php?id=356" onFocus="blurLink(this);">Info</A> <br><A HREF="index.php?id=282" onFocus="blurLink(this);">Login</A> <br></font></td>
<td valign="top" bgcolor="#3E3E3E" width="35%" height="80%"><font color="#000000" class="inhalt_rechts"></font></td>
<td height="80%"></td>
</tr>
<tr height="3%">
<td height="3%"></td>
<td width="35%" height="3%"></td>
<td width="15%" height="3%"></td>
<td width="35%"></td>
</tr>
</table>
<p></p>
<script language="JavaScript" type="text/javascript" src="fileadmin/templates/kj/wz_tooltip.js"></script>
<div id="dynloadarea"></div>
</body>
</html>
--> nested html documents -> des geht natürlich nit!!
FRAGE: wie hast des gemacht? hast du da irgendwie extern a script oder so eingebunden??
aber der fade effect über die image is cool!!
machst des über obessity?
Bevor ich mit dem "onFocus"-Code experimentiere setze ich erstmal in das Template aller Seiten
....
marks.MENU.1 {
NO.allWrap = |<br>
target = _self
....
ein. Vielleicht hilfts ja.
Was den fade-effect angeht, ist das leider nicht auf meinem Mist gewachsen. Wie ganz am Anfang dieses threads erwähnt, habe ich zwei javascripts
von http://www.dynamicdrive.com runtergeladen, nämlich
"Image Thumbnail Viewer II IE"
http://www.dynamicdrive.com/dynamicindex4/thumbnail2.htm
und
"wz-tooltips"
http://www.walterzorn.com/tooltip/tooltip_e.htm#download
Beide scripts hab' ich in der Datei galleri.js vereint und mit
page.headerData.10.value (
<script language="JavaScript" src="fileadmin/templates/kj/galleri.js" type="text/JavaScript">
)
ins Galleri-Template eingebunden.
Außerdem hab' ich versucht, das Copyright der beiden Erfinder in den header der Seite zu kriegen, genau unter "This website is brought to you by Typo3.............".
Ich hab' es z.B. mit
headerComment = Copyright Text......
versucht, aber ich konnte den Text nicht umbrechen, kam in einer unendlich langen Zeile daher. Muß ich noch dran rumdoktern.
Die Java-Scripte hab ich dann in der Datei galleri.js gesteuert. Hier ein Auszug:
//Specify image paths and optional link (set link to "" for no link):
var dynimages=new Array()
dynimages[0]=["fileadmin/templates/kj/kj_images/kj_1.jpg", ""]
dynimages[1]=["fileadmin/templates/kj/kj_images/kj_2.jpg", ""]
dynimages[2]=["fileadmin/templates/kj/kj_images/kj_3.jpg", ""]
Und positioniert über CSS.
Die kleinen Bilder:
}
#kj1 { position: absolute; top: 35%; left: 10%; width: 60px; height: 60px; visibility: visible; display: block }
#kj2 { position: absolute; top: 35%; left: 17%; width: 60px; height: 60px; visibility: visible; display: block }
#kj3 { position: absolute; top: 35%; left: 24%; width: 60px; height: 60px; visibility: visible; display: block }
etc.
Das große - fading -Bild:
#dynloadarea {
position: absolute; top: 30%; left: 55%;
border-right: 18px solid;
border-right-color: #787878;
border-bottom: 18px solid;
border-bottom-color: #787878;
border-top: 18px solid;
border-top-color: #787878;
border-left: 0px;
border-left-color: #787878;
Hat leider nen bischen gedauert zu antworten.
Gruß
Jürgen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
[b]<html>
<head>[/b]
<!--
This website is brought to you by Typo3 - get.content.right
Typo3 is a free open source Content Management Framework
created by Kasper Skaarhoej and licensed under GNU/GPL.
Information and contribution at http://www.typo3.com
-->
<link rel="stylesheet" href="fileadmin/templates/kj/kj_galerie.css">
<script language="JavaScript" src="fileadmin/templates/kj/galleri.js" type="text/JavaScript">
<title>Galleri</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="Typo 3.3 CMS">
<script language="javascript">
<!--
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
var msie4 = (browserName == "Microsoft Internet Explorer" && browserVer >= 4);
if ((browserName == "Netscape" && browserVer >= 3) || msie4 || browserName=="Konqueror") {version = "n3";} else {version = "n2";}
function blurLink(theObject) {
if (msie4) {theObject.blur();}
}
// -->
</script>
[b]
</head>
<body bgcolor="#FFFFFF">
[/b]
<table width="100%" border="0" cellspacing="0" cellpadding="10" align="center" height="100%">
<tr height="3%">
<td height="3%"></td>
<td width="35%" height="3%"></td>
<td width="15%" height="3%"></td>
<td width="35%"></td>
</tr>
<tr height="5%">
<td height="5%"></td>
<td align="left" valign="top" bgcolor="" width="35%" height="5%"><font color="#f5f5f5"></font></td>
<td width="15%" height="5%"></td>
<td width="35%"></td>
</tr>
<tr height="80%">
<td height="80%"></td>
<td valign="top" bgcolor="#3E3E3E" width="35%" height="80%"><font color="#000000" class="inhalt_links"><A name="278"></a>[b]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>[/b]
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Ceramics">
<title></title>
<link rel="stylesheet" type="text/css" media="screen" href="../fileadmin/templates/kj/kj_galerie.css">
<script language="JavaScript" type="text/javascript" src="fileadmin/templates/kj/wz_tooltip.js"></script>
[b]
</head>
<body bgcolor="#ffffff">[/b]
<script language="JavaScript" type="text/javascript" src="fileadmin/templates/kj/wz_tooltip.js"></script>
<div id="kj1"><a href="#" onMouseover="modifyimage('dynloadarea', 0)"><img src="fileadmin/templates/kj/kj_images/kj_1.jpg" onmouseover="return escape('Item 1')"alt="" height="60" width="60" border="0"></a></div>
<div id="kj2"><a href="#" onMouseover="modifyimage('dynloadarea', 1)"><img src="fileadmin/templates/kj/kj_images/kj_2.jpg" onmouseover="return escape('Item 2')"alt="" height="60" width="60" border="0"></a></div>
<div id="kj3"><a href="#" onMouseover="modifyimage('dynloadarea', 2)"><img src="fileadmin/templates/kj/kj_images/kj_3.jpg" onmouseover="return escape('Item 3')"alt="" height="60" width="60" border="0"></a></div>
<div id="kj4"><a href="#" onMouseover="modifyimage('dynloadarea', 3)"><img src="fileadmin/templates/kj/kj_images/kj_4.jpg" onmouseover="return escape('Item 4')"alt="" height="60" width="60" border="0"></a></div>
<div id="kj5"><a href="#" onMouseover="modifyimage('dynloadarea', 4)"><img src="fileadmin/templates/kj/kj_images/kj_5.jpg" onmouseover="return escape('Item 5')"alt="" height="60" width="60" border="0"></a></div>
<div id="kj6"><a href="#" onMouseover="modifyimage('dynloadarea', 5)"><img src="fileadmin/templates/kj/kj_images/kj_6.jpg" onmouseover="return escape('Item 6')"alt="" height="60" width="60" border="0"></a></div>
<div id="kj7"><a href="#" onMouseover="modifyimage('dynloadarea', 6)"><img src="fileadmin/templates/kj/kj_images/kj_7.jpg" onmouseover="return escape('Item 7')"alt="" height="60" width="60" border="0"></a></div>
<div id="kj8"><a href="#" onMouseover="modifyimage('dynloadarea', 7)"><img src="fileadmin/templates/kj/kj_images/kj_8.jpg" onmouseover="return escape('Item 8')"alt="" height="60" width="60" border="0"></a></div>
<div id="kj9"><a href="#" onMouseover="modifyimage('dynloadarea', 8)"><img src="fileadmin/templates/kj/kj_images/kj_9.jpg" onmouseover="return escape('Item 9')"alt="" height="60" width="60" border="0"></a></div>
<div id="kj10"><a href="#" onMouseover="modifyimage('dynloadarea', 9)"><img src="fileadmin/templates/kj/kj_images/kj_10.jpg" onmouseover="return escape('Item 10')"alt="" height="60" width="60" border="0"></a></div>
<div id="kj11"><a href="#" onMouseover="modifyimage('dynloadarea', 10)"><img src="fileadmin/templates/kj/kj_images/kj_11.jpg" onmouseover="return escape('Item 11')"alt="" height="60" width="60" border="0"></a></div>
<div id="kj12"><a href="#" onMouseover="modifyimage('dynloadarea', 11)"><img src="fileadmin/templates/kj/kj_images/kj_12.jpg" onmouseover="return escape('Item 12')"alt="" height="60" width="60" border="0"></a></div>
<script language="JavaScript" type="text/javascript" src="/fileadmin/templates/kj/wz_tooltip.js"></script>
[b]</body>[/b]
</html><img src="clear.gif" width=1 height=10 border=0><BR></font></td>
<td class="tdtest" valign="top" bgcolor="#787878"width="15%" height="80%"><font color="#000000" class="menu"><A HREF="index.php?id=355" onFocus="blurLink(this);">Forside</A> <br><A HREF="index.php?id=219" onFocus="blurLink(this);">Galleri</A> <br><A HREF="index.php?id=356" onFocus="blurLink(this);">Info</A> <br><A HREF="index.php?id=282" onFocus="blurLink(this);">Login</A> <br></font></td>
<td valign="top" bgcolor="#3E3E3E" width="35%" height="80%"><font color="#000000" class="inhalt_rechts"></font></td>
<td height="80%"></td>
</tr>
<tr height="3%">
<td height="3%"></td>
<td width="35%" height="3%"></td>
<td width="15%" height="3%"></td>
<td width="35%"></td>
</tr>
</table>
<p></p>
<script language="JavaScript" type="text/javascript" src="fileadmin/templates/kj/wz_tooltip.js"></script>
<div id="dynloadarea"></div>
[b]</body>
</html>[/b]
--> Schau, ganz einfach: du hast in deiner galleri obenstehenden html -code als output.
mal abgesehen dass das fern vom w3c ist (sowas wie nested html documents hab ich jedenfalls noch nicht gesehen), scheint es so zu sein, dass sich nested html-docs so verhalten am ie, dass er im inneren body nur den inneren head findet, und daher auch nicht die javascript funktion blurLink(this){} die in jeder typo3 seite drinsteht, und bei jedem link aufgerufen wird. du kannst jetzt entweder blurlink ausschalten -> siehe oberes posting, oder du versuchts deinen htmloutput in den griff zu kriegen.
mit dem target hat das auf jeden fall garnix zu tun.
eigentlich wird blurlink nur auf msie ausgeführt, so hat aber jeder browser was davon, weil sich die browserweiche eben in dieser funktion blurlink ist. (zumindest ists bei mir so dass am msie ein js-error geworfen wird)
ich hoffe ich konnte helfen!!
lg bbb
sorry, ich wollte dir die stellen im code fett markieren, aber das ist dann wohl 'nested BBCODE' und funzt auch nicht! 😉
Besten Dank BastianBalthasarBux. Tja, dann mach ich mich jetzt mal ans html-putzen.
Gruß
Jürgen
Nun sieht der html-code schon besser aus. Ich hatte im "pagecontent-type: HTML" vergessen, den header-code rauszuschmeissen.
Leider ist beim Saubermachen der fade-effect in NS und Firebird auf der Strecke geblieben.
Wenn Interesse am css-, setup- und vorlagen-code etc. besteht kann ich ihn gerne posten.
Gruss
Jürgen
Das am Anfang dieses Threads geschilderte Problem mit dem Copyright-Hinweis im header der Seite "Galleri" hab' ich nun wie folgt gelöst:
page.config.headerComment (
Copyright-Hinweis.
Die auf dieser Webseite angewandten Javascripts ......
)
Leider wird dadurch der Typo3 Content Management Framework-Hinweis an die zweite Stelle gerückt und ich hab's noch nicht geschafft die Reihenfolge der comments zu beeinflussen.
Das neue Buch "Typo3 Enterprise Content Management" ist bei mir eingetrudelt und das werd ich mir jetzt mal genüßlich anschauen.
Vielen Dank an alle für's feedback.
Gruß
Jürgen