function is not defined

[Nikita]

Hallo liebe Community,

ich brauche mal wieder eure Unterstützung :)
Ich habe mir von hier den Code genommen:
http://codepen.io/Elliotsmith/pen/AwKLk

und bei mir etwas abgeändert eingepflegt:

    $(function() {
        $( "#PINform" ).draggable();
    });
    document.getElementById('PINcode').innerHTML = "<form action='' method='' name='PINform' id='PINform' autocomplete='off' draggable='true'><input id=PINbox type='password' value='' name='PINbox' disabled /><div class='border-div'></div><div class='pinpad-inner'><div class='pinpad-top'><input type='button' class='PINbutton' name='1' value='1' id='1' onClick=addNumber(this); /><input type='button' class='PINbutton' name='2' value='2' id='2' onClick=addNumber(this); /><input type='button' class='PINbutton' name='3' value='3' id='3' onClick=addNumber(this); /></div><div class='pinpad-middle'><input type='button' class='PINbutton' name='4' value='4' id='4' onClick=addNumber(this); /><input type='button' class='PINbutton' name='5' value='5' id='5' onClick=addNumber(this); /><input type='button' class='PINbutton' name='6' value='6' id='6' onClick=addNumber(this); /></div><div class='pinpad-middle'><input type='button' class='PINbutton' name='7' value='7' id='7' onClick=addNumber(this); /><input type='button' class='PINbutton' name='8' value='8' id='8' onClick=addNumber(this); /><input type='button' class='PINbutton' name='9' value='9' id='9' onClick=addNumber(this); /></div><div class='pinpad-bottom'><input type='button' class='PINbutton' name='-' value='' id=''/><input type='button' class='PINbutton' name='0' value='0' id='0' onClick=addNumber(this); /><input type='button' class='PINbutton clear' name='-' value='clear' id='-' onClick=clearForm(this); /></div></div></form>";
    function addNumber(element){ document.getElementById('PINbox').value = document.getElementById('PINbox').value+element.value;}
    function clearForm(element){ document.getElementById('PINbox').value = ""; }
    function submitForm(element) { if (element.value == "") { alert("Enter a PIN"); } else { alert("Your PIN has been sent! - "+element.value); document.getElementById('PINbox').value = ""; }; };

jedoch sagt mir die Console jetzt immer wenn ich eine Zahl anklicke z.B.: addNumber is not defined.
Und dadurch werden natürlich auch keine Kreise angezeigt - das Feld bleibt leer..
Ich verstehe iwie nicht warum?
In dem Beispiel der Website klappt es ja auch ohne diesen Fehler :/

ich hoffe ihr könnt mir helfen :)

LG eure Niki

 

[NetAktiv]

Und du hast auch die erforderliche jQuery Bibliothek eingebunden?

 

[Nikita]

naja ich hab
<script src="libraries/jquery/jquery-2.1.4.min.js">
<script src="libraries/jquery-ui/jquery-ui.min.js">
eingebunden bei mir.
oder meinst du diese pinpad.js?
dachte das wäre der Teil der recht bei js drin steht :/

 

[felixprogram]

Da haben wir glaub ich das Problem.
Wenn du den Code so übernommen hast,und kein Verzeichnis

libraries/jquery-ui/jquery-ui.min.js

auf deinem Server hast,ist das das Problem,wenn nicht,dann kann ich dir nicht mehr helfen.

 

[Nikita]

doch doch das is schon alles so verhanden auf dem Server :)
deswegen versteh ich ja nicht warum es nicht geht :(

 

[scbawik]

doch doch das is schon alles so verhanden auf dem Server :)
deswegen versteh ich ja nicht warum es nicht geht :(

Schau doch einfach in die Entwicklertools, dann ist die Ursache schnell gefunden..
https://developer.chrome.com/devtools

 

[Nikita]

ach ich weiß warum.. habe die function's nicht global aufgerufen in meinem Code

 

[felixprogram]

Habe ich mir schon gedacht. Hat's funktioniert?

 

[Nikita]

ja hab sie nun global definiert und tada nun gehts danke für die Unterstützung