JavaScript funktioniert einfach nicht!

Suesanne · 09.05.2012, 10:57

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..

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-Code:

 <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, 11:07

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, 11:15

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

HTML-Code:

<?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, 11:29

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, 12:07

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-Code:

<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 onSubmit.

mindraper · 12.05.2012, 00:23

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ß

09.05.2012, 10:57	#1
Suesanne Newbie Registriert seit: 17.02.2009 Beiträge: 5 Kamera: Pentax K100 Verwendet: Master CS4	JavaScript funktioniert einfach nicht! 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.. 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-Code: <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.

09.05.2012, 11:07	#2
Robbyn- PHP - Flex Programmierer Registriert seit: 18.12.2006 Ort: Schmallenberg Beiträge: 526 Verwendet: CS6, Eclipse, IntelliJ IDEA 12, Flash Builder 4.7	Poste mal ein bisschen mehr von der HTML Datei, von dort aus was du gepostet hast scheint alles ok zu sein. __________________ http://www.worldwideboard.de http://www.flex-tutorial.de http://www.2moons.cc

09.05.2012, 11:29	#4
Robbyn- PHP - Flex Programmierer Registriert seit: 18.12.2006 Ort: Schmallenberg Beiträge: 526 Verwendet: CS6, Eclipse, IntelliJ IDEA 12, Flash Builder 4.7	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> __________________ http://www.worldwideboard.de http://www.flex-tutorial.de http://www.2moons.cc

09.05.2012, 12:07	#5
Sorc Newbie Registriert seit: 14.08.2009 Ort: Rostock Beiträge: 58 Verwendet: Notepad++	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-Code: <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 onSubmit.

12.05.2012, 00:23	#6
mindraper me[code].Java(Script) Registriert seit: 12.08.2007 Ort: Zuhause Beiträge: 188 Verwendet: Adobe CS5 (PS/I/ID/Bridge/FL), Sublime Text 2, NetBeans, Blender, Pencil	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ß __________________ Nichts ist so gerecht verteilt wie der Verstand. Jeder denkt, er hätte genug.

PSD-Tutorials - Bildbearbeitung - Photoshop - Flash - Cinema4D - InDesign - Fotografie

JavaScript funktioniert einfach nicht!

Reklame

Anzeige

Aktuelles Commag

Anzeige

Anzeige

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Themen-Optionen
Druckbare Version zeigen Diese Seite per E-Mail verschicken

PSD-Tutorials - Bildbearbeitung - Photoshop - Flash - Cinema4D - InDesign - Fotografie

JavaScript funktioniert einfach nicht!

Reklame

Anzeige

Aktuelles Commag

Anzeige

Social Media

Anzeige