hallo
kann mir jemand helfen?
habe folgenden java-script code in meiner html datei:
<script language="JavaScript">
<!--
function BlurLinks(){
lnks=document.getElementsByTagName('a');
for(i=0;i<lnks.length;i++){
lnks[i].onfocus=new Function("if(this.blur)this.blur()");
}
}
onload=BlurLinks;
-->
</script>
<script language="JavaScript">
<!--
function datumuhr()
{
var jahr;
var monat;
var tag;
var stunden;
var minuten;
var sekunden;
var AktuellesDatum=new Date();
jahr=AktuellesDatum.getFullYear ();
monat=AktuellesDatum.getMonth ()+1;
tag=AktuellesDatum.getDate ();
stunden=AktuellesDatum.getHours ();
minuten=AktuellesDatum.getMinutes ();
sekunden=AktuellesDatum.getSeconds ();
if (stunden<10)
{
stunden="0"+String(stunden);
}
if (minuten<10)
{
minuten="0"+String(minuten);
}
if (sekunden<10)
{
sekunden="0"+String(sekunden);
}
if (tag<10)
{
tag="0"+String(tag);
}
if (monat<10)
{
monat="0"+String(monat);
}
window.document.anzeige.date.value=tag+"."+monat+"."+jahr;
window.document.anzeige2.time.value=stunden+":"+minuten+":"+sekunden;
window.setTimeout ('datumuhr()',1000);
}
-->
</script>
<body onload="window.setTimeout('datumuhr()',1000)">
zum anzeigen der uhr und des datums gilt folgender code:
input size=10 name="date" class="datum" size="10">
input size=8 name="time" class="datum" size="8">
auf meinem pc funktioniert es, aber mit typo3 funktioniert es nicht.
hat mir jemand einen tip?
Gruss
Strichmaennli
Strichmaennli schrieb...aber mit typo3 funktioniert es nicht.
ist es denn im quelltext?
hehe, ja etwas genauer wäre nicht schlecht.
Ich meine, wenn du das javaScript, bzw. das .js-File per copy-paste einbindest, dann kann ja das Problem nicht am JavaScript liegen, oder?
Was noch wichtig ist: Arbeitest du mit unterschiedlichen Browsern?
Und:
ich habe auf meiner Homepage http://www.web-kultur.ch ebenfalls eine JavaScript-Echtzeit Uhr mit Datum am Start. Habe das File im Head-Teil eingebunden, und der entsprechenden html-Einbindung problemlos am laufen(zumindest auf IE).
greez toyde
habe noch was vergessen:
habe noch folgendes im body-tag:
body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="window.setTimeout('datumuhr()',1000)">
Meine Fragen:
Geht Typo3 ganz normal mit Javascript-befehlen um?
Der Javascript-code ist in der html-datei, die ich hochgeladen habe und die als template gilt. Oder muss man im setup noch speziell was erwähnen?
und übrigens
@toyde:
deine version ist auch nicht schlecht, aber funktioniert nur mit ie.
ich arbeite mit firefox, teste aber auf ie, netscape und firefox.
ich möchte, dass es auf mehreren browsern funktioniert.
hi nochmals.
Poste doch mal dein html-Template, und danach dein root-TypoScript. Vielleicht sehen wir dann weiter.
Was ja sein könnt, da du vom body-Tag schreibst:
Die Subparts und Marker in deinem html-Template schneiden folgenden Teil ja komplett raus:
<html>
<head></head>
<body> -->hier wird Content gewrappt<-- </body>
</html>
Ich weiss ja nichts von deinen Einstellungen, aber da durch das obige Problem alle <body>- und <head>-Tags gekillt werden, musst du diese Tags in TypoScript definieren. Hast du das gemacht?
Wenn ja, poste deinen source-Code, oder schicke den Link zu deinem Server.
greez toyde
übrigens:
wo wird in deinem Html-Template die Uhr eingebunden? und erhälst du eine Fehler-Meldung, bzw. das Ausrufezeichen links unten im Browser?
nochmals:
is es nun im quelltext oder nicht?
das ist der html-code:
<html>
<head>
<title>Strichmaennlis Homepage</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<script language="JavaScript">
var msg="Right Click Disabled!";
function disableIE() {if (document.all) {alert(msg);return false;}
}
function disableNS(e) {
if (document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {alert(msg);return false;}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);document.onmousedown=disableNS;
} else {
document.onmouseup=disableNS;document.oncontextmenu=disableIE;
}
document.oncontextmenu=new Function("alert(msg);return false")
</script>
<script language="JavaScript">
<!--
function BlurLinks(){
lnks=document.getElementsByTagName('a');
for(i=0;i<lnks.length;i++){
lnks[i].onfocus=new Function("if(this.blur)this.blur()");
}
}
onload=BlurLinks;
-->
</script>
<script language="JavaScript">
<!--
function datumuhr()
{
var jahr;
var monat;
var tag;
var stunden;
var minuten;
var sekunden;
var AktuellesDatum=new Date();
jahr=AktuellesDatum.getFullYear ();
monat=AktuellesDatum.getMonth ()+1;
tag=AktuellesDatum.getDate ();
stunden=AktuellesDatum.getHours ();
minuten=AktuellesDatum.getMinutes ();
sekunden=AktuellesDatum.getSeconds ();
if (stunden<10)
{
stunden="0"+String(stunden);
}
if (minuten<10)
{
minuten="0"+String(minuten);
}
if (sekunden<10)
{
sekunden="0"+String(sekunden);
}
if (tag<10)
{
tag="0"+String(tag);
}
if (monat<10)
{
monat="0"+String(monat);
}
window.document.anzeige.date.value=tag+"."+monat+"."+jahr;
window.document.anzeige2.time.value=stunden+":"+minuten+":"+sekunden;
window.setTimeout ('datumuhr()',1000);
}
-->
</script>
<meta http-equiv="imagetoolbar" content="no">
<link href="fileadmin/template/format.css" rel="stylesheet" type="text/css">
</head>
<!-- ###DOKUMENT### -->
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="window.setTimeout('datumuhr()',1000)">
<div align="center">
<table width="780" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<!-- row 1 -->
<td width="118" height="80" bgcolor="#ff0000"><img name="strichmaennli" src="fileadmin/template/images/strichmaennli1.gif" width="80" height="80" border="0" alt=""></td>
<td bgcolor="#ff0000" width=662><img name="strichmaennli_logo1" src="fileadmin/template/images/strichmaennli_logo1.jpg" height="50"></td>
</tr>
<tr>
<td width="780" height="10"> </td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="780" height="400">
<tr>
<td width="191" height="191" valign="top" bgcolor="#ffff00"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><font color="#666666">###BORDER###</font><br>
<td width=20> </td>
<td valign="top" width=545 bgcolor="#ff0000"><div align="justify"><font color="#FF9900" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>###CONTENT###</strong></font></div></td>
<br>
<font> </font></font></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="780">
<tr>
<td height="18"> </td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="780" bgcolor="#ff0000">
<td width="580">copyright by <a href="http://www.strichmaennli.ch" target="_self">Strichmaennli</a></td>
<td width="50"align="right">| </td>
<td width="50" align="right" bgcolor="#ff0000"><form name="anzeige"><input size=10 name="date" class="datum" size="10"></form></td>
<td width="50" align="right">| </td>
<td width="50" align="right" bgcolor="#ff0000"><form name="anzeige2"><input size=8 name="time" class="datum" size="8"></form></td><td align="right">| </td>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="780">
<tr>
<td height="16"></td>
</tr>
</table>
</div>
<!-- ###DOKUMENT### -->
</body>
</html>
und hier ist das typo3-script:
page = PAGE
page.config {
headerComment (
SSSSSSS TTTTTTTTTT
SSSSSSS TTTTTTTTTT
SS TTT
SS TTT
SSSSSSS TTT
SSSSSSS TTT
SS TTT
SS TTT
SSSSSSS TTT
SSSSSSS TTT
)
}
page {
typeNum = 0
bodyTag = <body bgColor = "#FFFFFF">
stylesheet = fileadmin/template/format.css
meta.AUTHOR = Strichmaennli
meta.DESCRIPTION = Strichmaennlis Homepage
10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/template/root.html
10.workOnSubpart = DOKUMENT
10.marks {
BORDER = HMENU
BORDER.special = directory
BORDER.special.value = 2
BORDER.entryLevel = 1
BORDER.1 = GMENU
BORDER.1.NO = 1
BORDER.1.NO {
wrap = |<br>
XY = 165, 20
backColor = #ffff00
10 = TEXT
10.text.field = title
10.fontColor = #000000
# 10.fontFile = fileadmin/fonts/menu.ttf
10.fontSize = 12
# 10.niceText = 1
10.offset = 7, 15
20 = IMAGE
}
BORDER.1.RO < .BORDER.1.NO
BORDER.1.RO {
tmp < .backColor
backColor = #ff0000
5 < .10
5.fontColor < .tmp
5.offset = 7, 15
}
BORDER.1.CUR < .BORDER.1.RO
BORDER.2 < .BORDER.1
BORDER.2 {
NO.backColor = #CCCCCC
NO.10.fontColor = #723B05
NO.20.file.backColor = #478951
RO < .NO
RO.backColor = #FFFFFF
RO.5 >
CUR < .RO
}
CONTENT = CONTENT
CONTENT {
table = tt_content
select.orderBy = sorting
select.where = colPos = 0
}
}
}
unten rechts habe ich kein ausrufezeichen.
Das Javascript steht oberhalb von deinem Dokument-Subpart... und damit wird es rausgeschnitten und nicht beachtet.
Gruss
Michael
habe es nun eingebunden und es funktioniert.
vielen dank für die hilfe
bin eben noch ein typo3 neuling. thx
😃
hättest du meine simple, kurze frage einfach mal ebenso kurz beantwortet, dann hättest du deine lösung postwendend gehabt...
naja, hat also doch daran gelegen - habs mir doch gedacht.
ok, Problem gelöst - einer schlauer.
greez toyde