JavaScript funktioniert einfach nicht!

Suesanne · 09.05.2012

Schönen guten Morgen!

Ich verzweifel grad langsam aber sicher an meiner Homepage hier.
Möchte da bisschen mit javascript einbinden aber es will nicht so wie ich.
Das ganze ist hier über eine externe *.js gemacht und so mag ichs auch behalten weil mehrere Funktionen folgen werden.
Als Beispiel hab ich mir nun vor lauter Frust schon die Quadrat-Berechnung von selfhtml genommen aber auch das funktioniert nicht.

Ab der Aufruf vom js wird die Seite nicht weiter geladen - es zeigt mir quasi noch alles was drüber kommt an - und ab da nur noch Hintergrund.. :mad:

Im Firefox ist alles aktiviert und auf aktuellem Stand - auch im IE funktionierts btw nicht. Antivir hab ich schon ausgehabt - bringt auch nix. Langsam gehen mir die Ideen aus. Oder bin ich einfach nur zu blöd das einzubinden?
Mein Server macht das eigentlich auch alles mit.

in der funktion.js

Code:

function Quadrat() {
   var Ergebnis = document.Formular.Eingabe.value * document.Formular.Eingabe.value;
   alert("Das Quadrat von " + document.Formular.Eingabe.value + " = " + Ergebnis);
   }

im html

HTML:

 <script src="./funktionen.js" type="text/javascript"></script>                  


//weiter unten im body

 <form name="Formular" action="">
<input type="text" name="Eingabe" size="3">
<input type="button" value="Quadrat errechnen" onclick="Quadrat()">
</form>

Hoffe sehr dass mir jemand die Erkenntnis bringen kann was ich hier falsch mache. Langsam ist es echt deprimierend. :'(

Robbyn- · 09.05.2012

AW: JavaScript funktioniert einfach nicht!

Poste mal ein bisschen mehr von der HTML Datei, von dort aus was du gepostet hast scheint alles ok zu sein.

Suesanne · 09.05.2012

AW: JavaScript funktioniert einfach nicht!

Mehr ist da im prinzip nicht. Der Rest ist nur Text. ):

HTML:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

 <script src="./funktionen.js" type="text/javascript"></script>
 <title>Testseite</title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <meta http-equiv="expires" content="0" />


</head>


<body>

    <div id="seitenbereich">

       <div id="logo">&thinsp;<a href="www.google.de" target="_blank"></a></div>
     <div id="inhalt">


        <div id="button"></div>
        <input type="button" onclick="window.location.href = 'uebung2.html';" value="Nachtansicht">
           
           
 <form name="Formular" action="">
<input type="text" name="Eingabe" size="3">
<input type="button" value="Quadrat errechnen" onclick="Quadrat()">
</form>

        <h1>Überschrift</h1>

und dann eben weiter mit Daten. An normalen Grundbausteinen der html-Seite ist kein Fehler.

Robbyn- · 09.05.2012

AW: JavaScript funktioniert einfach nicht!

Deine erste Zeile gibt mir zu denken:

Code:

<?xml version="1.0" encoding="utf-8"?>

Das gehört in eine XML Datei, aber nicht in eine HTML Datei.

Meine Header sehen immer wie folgt aus:

XHTML 1.0

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>

HTML5

Code:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>

Sorc · 09.05.2012

AW: JavaScript funktioniert einfach nicht!

Hi,
ich habe es mal getestet und es funktioniert bei mir. Als erstes nimmst du mal bitte folgendes aus der html Datei.

Code:

<?xml version="1.0" encoding="utf-8"?>

Dann beachte bitte das du XHTML nutzt. Also muss das input Field so aussehen.

HTML:

<input type="text" name="Eingabe" size="3" />

Für den Firefox kann ich dir den Web Developer empfehlen. Dieser zeigt dir evtl. Fehler im Javascriptcode an. Wenn in deiner funktion.js noch mehr Code drin ist, kann es sein das der Fehler von einem anderen Codeschnippsel kommt.

Ansonsten bedenke, dass die Funktion nur gestartet wird, wenn man auf den Button clickt. Versucht man die Enter-Taste zu drücken, wird die Funktion nicht gestartet. Dazu mehr unter .

mindraper · 12.05.2012

AW: JavaScript funktioniert einfach nicht!

hi.

@sorc & robbyn: der verwendete doctype und die xml-angabe darüber sind vollkommen korrekt! laut w3 spezifikation sind xhtml-seiten nämlich xml-seiten. das ist u. a. daraus ersichtlich, dass ein xml-namespace angegeben werden muss.

an den threadersteller: die src-angabe zu deiner "funktionen.js" ist fehlerhaft. bei der pfadangabe zu einem übergeordneten verzeichnis werden 2 punkte notiert, nicht einer.

sorcs einwand der kennzeichnung als inhaltsleeres tag betreffend des input-elementes ist allerdings zutreffend.

gruß