Javascript funktioniert nicht im Frontend

**brain lard** · 20.09.2010 17:07

Hallo und guten Tag,

ich hbae folgendes Problem. Ich möchte ein javascript "personalkostenberechnung" in meinen content einfügen. Wenn ich das script einfüge, funktioniert das auch in der Backend-Vorschau aber leider nicht im Frontend auf der eigentlichen Seite. Wäre schön wenn mir jemand helfen könnte, da ich absoluter newbie bin. Ich benutze Joomla 1.5.20 mit dem jce editor.

Danke für eure Hilfe !

Hier mal der komplette content mitsamt script welches nicht läuft:

<head>
<SCRIPT language=javascript>

</SCRIPT>
</head>
<body>
<form method="post">
<table cellpadding="5" cellspacing="5" border="0" class="style1" style="width: 730px;">
<tbody>
<tr>
<td colspan="4" valign="top" bgcolor="#0000e0">
Personalaufwendungen stellen einen erheblichen Fixkosten-Faktor dar. Eigene Personalreserven binden Kapital. Rechnen Sie selbst: Unternehmensspezifische Daten einfach eintragen (Nachkommastellen geben Sie bitte mit Dezimalpunkt an):   
</td>
</tr>
<tr>
<td valign="top" class="style2" style="width: 3px;">
 
</td>
<td colspan="2" valign="top" class="style3">
Brutto Stundenlohn
</td>
<td width="310" valign="bottom" bgcolor="#0000e0">
<input name="brutto" size="11" onchange="rechnen()" tabindex="1" /> €
</td>
</tr>
<tr>
<td valign="top" bgcolor="#0000e0" class="style2" style="width: 3px;">
 
</td>
<td colspan="2" valign="top" bgcolor="#0000e0" class="style3">
Prozentsatz der Lohnnebenkosten Arbeitgeber: <input name="lohnkost" size="5" onchange="rechnen()" tabindex="2" /> %
</td>
<td valign="bottom" bgcolor="#0000e0">
<input name="zsumme1" size="11" value="0" onchange="rechnen()" /> €
</td>
</tr>
<tr>
<td valign="top" style="width: 3px;">
 
</td>
<td colspan="2" valign="top" class="style3">
(enthält z.B. Sozialversicherungsanteil AG, freiwillige  Sozialleistungen AG,  etc.)
</td>
<td valign="bottom" bgcolor="#0000e0">
 
</td>
</tr>
<tr>
<td valign="top" bgcolor="#0000e0" style="width: 3px;">
 
</td>
<td colspan="2" valign="top" bgcolor="#0000e0">
 
</td>
<td valign="bottom" bgcolor="#0000e0">
<input name="gesbrutto" size="11" value="0" onchange="rechnen()" /> €/Std.
</td>
</tr>
<tr>
<td valign="top" class="style2" style="width: 3px;">
 
</td>
<td valign="top" class="style3" style="width: 1112px;">
 
</td>
<td valign="top" class="style3" style="width: 740px;">
x <input name="stdtag" size="3" onchange="rechnen()" tabindex="3" /> Std./Tag
</td>
<td valign="bottom" bgcolor="#0000e0">
<input name="zsumme2" size="11" value="0" onchange="rechnen()" /> €/Tag
</td>
</tr>
<tr>
<td valign="top" bgcolor="#0000e0" class="style2" style="width: 3px;">
 
</td>
<td valign="top" bgcolor="#0000e0" class="style3" style="width: 1112px;">
 
</td>
<td valign="top" bgcolor="#0000e0" class="style3" style="width: 740px;">
x 21 Tage/Monat
</td>
<td valign="bottom" bgcolor="#0000e0">
<input name="zsumme3" size="11" value="0" onchange="rechnen()" /> €/Monat
</td>
</tr>
<tr>
<td valign="top" class="style2" style="width: 3px;">
 
</td>
<td valign="top" class="style3" style="width: 1112px;">
 
</td>
<td valign="top" class="style3" style="width: 740px;">
x 12 Monate
</td>
<td valign="bottom" bgcolor="#0000e0">
<input name="zsumme4" size="11" value="0" onchange="rechnen()" /> €/Jahr
</td>
</tr>
<tr>
<td valign="top" height="35" bgcolor="#0000e0" style="width: 3px;">
 
</td>
<td colspan="2" valign="bottom" height="35" bgcolor="#0000e0" class="style2">
geteilt durch ca. 200 effektive Arbeitstage
</td>
<td valign="bottom" height="35" bgcolor="#0000e0">
<input name="zsumme5" size="11" value="0" onchange="rechnen()" /> €/Tag
</td>
</tr>
<tr>
<td valign="top" height="35" bgcolor="#0000e0" style="width: 3px;">
 
</td>
<td colspan="2" valign="top" height="35" bgcolor="#0000e0" class="style2">
(365 Tage minus 104 Samstage/Sonntage minus  61 Tage Urlaub,   Krankheit, Feiertage etc.)
</td>
<td valign="bottom" height="35" bgcolor="#0000e0">
 
</td>
</tr>
<tr>
<td valign="top" class="style2" style="width: 3px;">
 
</td>
<td valign="top" class="style3" style="width: 1112px;">
 
</td>
<td valign="top" class="style3" style="width: 740px;">
geteilt durch  <input name="stdtag1" size="3" value="0" onchange="rechnen()" style="width: 30px;" />  Std. 
</td>
<td valign="top" bgcolor="#0000e0">
 
</td>
</tr>
<tr>
<td valign="top" class="style4" style="width: 3px;">
 
</td>
<td colspan="2" valign="bottom" class="style4">
Entspricht pro produktiver Arbeitsstunde:
</td>
<td valign="top" bgcolor="#0000e0">
<input name="gesamt" size="11" value="0" onchange="rechnen()" /> €
</td>
</tr>
<tr>
<td colspan="3" valign="top">
 
</td>
<td valign="top" bgcolor="#0000e0">
<input name="button" type="button" value="berechnen" onclick="rechnen()" class="absendknopp" /> 
</td>
</tr>
</tbody>
</table>
</form>
</body>

**Gnaarz** · 21.09.2010 11:32

Teste doch mal den Soucerer: http://www.nonumber.nl/extensions/sourcerer

**brain lard** · 21.09.2010 11:53

Zitat von Gnaarz

Teste doch mal den Soucerer: http://www.nonumber.nl/extensions/sourcerer

Danke für den Tipp. leider funktioniert das bei mir auch nicht. Dann wird mir immer der komplette Code im Content gezeigt.

**kardio** · 21.09.2010 12:04

Was heisst: es funktioniert in der Backend-Vorschau?
Habe es in eine lokale Datei kopiert und mit Firefox aufgerufen und es funktioniert.

Evtl. hast Du irgendwo ein Problem mit einem " oder '.

**brain lard** · 21.09.2010 12:13

Zitat von kardio

Was heisst: es funktioniert in der Backend-Vorschau?
Habe es in eine lokale Datei kopiert und mit Firefox aufgerufen und es funktioniert.

Also, lokal auf meinem Rechner in einer normalen html DDatei funktioniert es ja bei mir auch. Mit Backend-Vorschau meine ich, dass ich ja wenn ich einen Content eingebe, mir die Vorschau in dem Pop-up Fenster ansehen kann. Darin funktioniert das alles wunderbar. Sobald ich es aber gespeichert habe, funktioniert es im Frontend nicht. Wenn ich aber wieder in den Content zur Bearbeitung gehe und wieder die Vorschau (Pop-ip-Fenster) aufrufe, dann klappt es dort immer noch.

**SirDrake** · 21.09.2010 12:44

das funktioniert auch in Joomla

dazu kannst du wie o. schon gen. sourcerer oder jumi verwenden. oder einfach den Editor ausschalten (umstellen auf No/Kein Editor). nur das Script und das Formular (html) in den Beitrag einfügen. die tags head und body nicht mit einfügen.

**brain lard** · 21.09.2010 13:06

Zitat von SirDrake

das funktioniert auch in Joomla

dazu kannst du wie o. schon gen. sourcerer oder jumi verwenden. oder einfach den Editor ausschalten (umstellen auf No/Kein Editor). nur das Script und das Formular (html) in den Beitrag einfügen. die tags head und body nicht mit einfügen.

Auch das bleibt ohne Erfolg :( Ich verzweifele langsam daran.

**SirDrake** · 21.09.2010 13:08

dann machst du was falsch
http://nkwebzeugs.bplaced.de/index.p...&id=1&Itemid=2

**brain lard** · 21.09.2010 13:18

Zitat von SirDrake

dann machst du was falsch
http://nkwebzeugs.bplaced.de/index.p...&id=1&Itemid=2

Ja, das mag stimmen. Irgendwas mache ich falsch, da gebe ich dir recht. Muss ich vielleicht im Backend noch etwas aktivieren ?

**SirDrake** · 21.09.2010 13:23

einfach den Editor ausschalten (umstellen auf No/Kein Editor). nur das Script und das Formular (html) in den Beitrag einfügen. die tags head und body nicht mit einfügen.

dann den code einfügen

Code:

<SCRIPT language=javascript>
<!--

function runden(value)
{
ergebnis=Math.floor(value)+".";
var pfennig=100*(value-Math.floor(value))+0.5;
ergebnis+=Math.floor(pfennig/10);
ergebnis+=Math.floor(pfennig%10);
return ergebnis;
}

function rechnen()
{
if (document.forms[0].brutto.value == "")
document.forms[0].brutto.value="0";

if (document.forms[0].lohnkost.value == "")
document.forms[0].lohnkost.value="0";

if (document.forms[0].stdtag.value == "")
document.forms[0].stdtag.value="0";

var brutto=Math.floor((document.forms[0].brutto.value)*100);
var zsumme1=(document.forms[0].brutto.value)/100*(document.forms[0].lohnkost.value);
var formatzs=runden(zsumme1);
var gesbrutto=(Math.floor(brutto)+Math.floor(formatzs* 100))/100;
var zsumme2=gesbrutto*(document.forms[0].stdtag.value);
var zsumme3=gesbrutto*(document.forms[0].stdtag.value)*21;
var zsumme4=gesbrutto*(document.forms[0].stdtag.value)*252;
var zsumme5=gesbrutto*(document.forms[0].stdtag.value)*1.26;
var stdtag=(document.forms[0].stdtag.value);
var gesamt=gesbrutto*((document.forms[0].stdtag.value)*1.26)/(document.forms[0].stdtag.value);
document.forms[0].zsumme1.value=runden(formatzs);
document.forms[0].gesbrutto.value=runden(gesbrutto);
document.forms[0].zsumme2.value=runden(zsumme2);
document.forms[0].zsumme3.value=runden(zsumme3);
document.forms[0].zsumme4.value=runden(zsumme4);
document.forms[0].zsumme5.value=runden(zsumme5);
document.forms[0].stdtag1.value=stdtag;
document.forms[0].gesamt.value=runden(gesamt);

if (document.forms[0].brutto.value == "0")
document.forms[0].brutto.value="";

if (document.forms[0].lohnkost.value == "0")
document.forms[0].lohnkost.value="";

if (document.forms[0].stdtag.value == "0") {
document.forms[0].stdtag.value="";
document.forms[0].gesamt.value="0.00";
}
}


function loeschen()
{
document.forms[0].brutto.value="---";
document.forms[0].lohnkost.value="---";
document.forms[0].gesbrutto.value="---";
document.forms[0].zsumme1.value="---";
document.forms[0].zsumme2.value="---";
document.forms[0].zsumme3.value="---";
document.forms[0].zsumme4.value="---";
document.forms[0].zsumme5.value="---";
document.forms[0].stdtag.value="---";
document.forms[0].stdtag1.value="---";
document.forms[0].gesamt.value="---";
}

//-->
</SCRIPT>

<form method="post">
<table cellpadding="5" cellspacing="5" border="0" class="style1" style="width: 730px;">
<tbody>
<tr>
<td colspan="4" valign="top" bgcolor="#0000e0">
<p><span style="font-family: Arial; color: #545454; font-size: x-small;">Personalaufwendungen stellen einen erheblichen Fixkosten-Faktor dar. Eigene Personalreserven binden Kapital. Rechnen Sie selbst: <br /><br />Unternehmensspezifische Daten einfach eintragen (Nachkommastellen geben Sie bitte mit <b>Dezimalpunkt</b> an):<br />&nbsp; </span></p>
</td>
</tr>
<tr>
<td valign="top" class="style2" style="width: 3px;">
<p> </p>
</td>
<td colspan="2" valign="top" class="style3">
<p><span style="font-family: Arial; color: #545454; font-size: x-small;"><strong>Brutto Stundenlohn</strong></span></p>
</td>
<td width="310" valign="bottom" bgcolor="#0000e0">
<p><span style="font-family: Arial; color: #545454; font-size: x-small;"><input name="brutto" size="11" onchange="rechnen()" tabindex="1" /> €</span></p>
</td>
</tr>
<tr>
<td valign="top" bgcolor="#0000e0" class="style2" style="width: 3px;">
<p> </p>
</td>
<td colspan="2" valign="top" bgcolor="#0000e0" class="style3">
<p><span style="font-family: Arial; color: #545454; font-size: x-small;"><strong>Prozentsatz der Lohnnebenkosten Arbeitgeber: </strong><input name="lohnkost" size="5" onchange="rechnen()" tabindex="2" /> %</span></p>
</td>
<td valign="bottom" bgcolor="#0000e0">
<p><span style="font-family: Arial; color: #545454; font-size: x-small;"><input name="zsumme1" size="11" value="0" onchange="rechnen()" /> €</span></p>
</td>
</tr>
<tr>
<td valign="top" style="width: 3px;">
<p> </p>
</td>
<td colspan="2" valign="top" class="style3">
<p><span style="font-family: Arial; color: #545454; font-size: xx-small;">(enthält z.B. Sozialversicherungsanteil AG, freiwillige&nbsp; Sozialleistungen AG,&nbsp; etc.)</span></p>
</td>
<td valign="bottom" bgcolor="#0000e0">
<p><span style="color: #545454;">&nbsp;</span></p>
</td>
</tr>
<tr>
<td valign="top" bgcolor="#0000e0" style="width: 3px;">
<p> </p>
</td>
<td colspan="2" valign="top" bgcolor="#0000e0">
<p> </p>
</td>
<td valign="bottom" bgcolor="#0000e0">
<p><span style="font-family: Arial; color: #545454; font-size: x-small;"><strong><input name="gesbrutto" size="11" value="0" onchange="rechnen()" /> €/Std.</strong></span></p>
</td>
</tr>
<tr>
<td valign="top" class="style2" style="width: 3px;">
<p> </p>
</td>
<td valign="top" class="style3" style="width: 1112px;">
<p> </p>
</td>
<td valign="top" class="style3" style="width: 740px;">
<p><span style="font-family: Arial; color: #545454; font-size: x-small;"><strong>x <input name="stdtag" size="3" onchange="rechnen()" tabindex="3" /> Std./Tag</strong></span></p>
</td>
<td valign="bottom" bgcolor="#0000e0">
<p><span style="font-family: Arial; color: #545454; font-size: x-small;"><input name="zsumme2" size="11" value="0" onchange="rechnen()" /> €/Tag</span></p>
</td>
</tr>
<tr>
<td valign="top" bgcolor="#0000e0" class="style2" style="width: 3px;">
<p> </p>
</td>
<td valign="top" bgcolor="#0000e0" class="style3" style="width: 1112px;">
<p> </p>
</td>
<td valign="top" bgcolor="#0000e0" class="style3" style="width: 740px;">
<p><span style="font-family: Arial; color: #545454; font-size: x-small;"><strong>x 21 Tage/Monat</strong></span></p>
</td>
<td valign="bottom" bgcolor="#0000e0">
<p><span style="font-family: Arial; color: #545454; font-size: x-small;"><input name="zsumme3" size="11" value="0" onchange="rechnen()" /> €/Monat</span></p>
</td>
</tr>
<tr>
<td valign="top" class="style2" style="width: 3px;">
<p> </p>
</td>
<td valign="top" class="style3" style="width: 1112px;">
<p> </p>
</td>
<td valign="top" class="style3" style="width: 740px;">
<p><strong><span style="font-family: Arial; color: #545454; font-size: x-small;">x 12 Monate</span></strong></p>
</td>
<td valign="bottom" bgcolor="#0000e0">
<p><span style="font-family: Arial; color: #545454; font-size: x-small;"><input name="zsumme4" size="11" value="0" onchange="rechnen()" /> €/Jahr</span></p>
</td>
</tr>
<tr>
<td valign="top" height="35" bgcolor="#0000e0" style="width: 3px;">
<p> </p>
</td>
<td colspan="2" valign="bottom" height="35" bgcolor="#0000e0" class="style2">
<p><span style="font-family: Arial; color: #545454; font-size: x-small;"><strong>geteilt durch ca. 200 effektive Arbeitstage</strong></span></p>
</td>
<td valign="bottom" height="35" bgcolor="#0000e0">
<p><strong><span style="font-family: Arial; color: #545454; font-size: x-small;"><input name="zsumme5" size="11" value="0" onchange="rechnen()" /> €/Tag</span></strong></p>
</td>
</tr>
<tr>
<td valign="top" height="35" bgcolor="#0000e0" style="width: 3px;">
<p> </p>
</td>
<td colspan="2" valign="top" height="35" bgcolor="#0000e0" class="style2">
<p><span style="font-family: Arial; color: #545454; font-size: xx-small;">(365 Tage minus 104 Samstage/Sonntage minus<br />&nbsp;61 Tage Urlaub,&nbsp;&nbsp; Krankheit, Feiertage etc.)</span></p>
</td>
<td valign="bottom" height="35" bgcolor="#0000e0">
<p> </p>
</td>
</tr>
<tr>
<td valign="top" class="style2" style="width: 3px;">
<p> </p>
</td>
<td valign="top" class="style3" style="width: 1112px;">
<p> </p>
</td>
<td valign="top" class="style3" style="width: 740px;">
<p><span style="font-family: Arial; color: #545454; font-size: x-small;"><strong>geteilt durch&nbsp; <input name="stdtag1" size="3" value="0" onchange="rechnen()" style="width: 30px;" />&nbsp; Std. </strong></span></p>
</td>
<td valign="top" bgcolor="#0000e0">
<p> </p>
</td>
</tr>
<tr>
<td valign="top" class="style4" style="width: 3px;">
<p> </p>
</td>
<td colspan="2" valign="bottom" class="style4">
<p><strong>Entspricht pro produktiver Arbeitsstunde:</strong></p>
</td>
<td valign="top" bgcolor="#0000e0">
<p><span style="font-family: Arial; color: #545454; font-size: x-small;"><strong><input name="gesamt" size="11" value="0" onchange="rechnen()" /> €</strong></span></p>
</td>
</tr>
<tr>
<td colspan="3" valign="top">
<p> </p>
</td>
<td valign="top" bgcolor="#0000e0">
<p><span style="font-family: Arial; color: #545454; font-size: x-small;"><strong><input name="button" type="button" value="berechnen" onclick="rechnen()" class="absendknopp" /> </strong></span></p>
</td>
</tr>
</tbody>
</table>
</form>

speichern -fettisch.

Dieser Beitrag darf dann nicht mehr mit eingeschaltetem Wysywig Editor bearbeitet werden

Thema: Javascript funktioniert nicht im Frontend

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

Javascript funktioniert nicht im Frontend

Erhielt Danksagungen von:

Erhielt Danksagungen von:

Erhielt Danksagungen von:

Erhielt Danksagungen von:

Erhielt Danksagungen von:

Lesezeichen

Lesezeichen

Berechtigungen