html/javascript on click

html/javascript on click (12 Beiträge, 202 Mal gelesen)

Du bist nicht angemeldet. [ Login/Registrieren ]

hallo liebe leute,

ich habe eine website aus photoshop mit framerjs.com erzeugt. jetzt habe ich folgende anfängerfrage:

im index.html wird views.PS-Panel Element.js aufgerufen. dort stehen die einzelnen elemente der website eingetragen z.b.:

window.FramerPS = window.FramerPS || {};
window.FramerPS['PS-Panel Element'] = [
{
"id": 10,
"name": "Hintergrund",
"layerFrame": {
"x": 0,
"y": 0,
"width": 400,
"height": 100
},
"maskFrame": null,
"image": {
"path": "images/Hintergrund.png",
"frame": {
"x": 0,
"y": 0,
"width": 400,
"height": 100
}
},
"imageType": "png",
"children": [

],
"modification": "832758842"
},

damit kann ich problemlos über javascript auf die einzelnen elemente zugreifen.

meine frage ist: wie kann ich in der index.html auf ein element zugreifen? ich habe schon alles mögliche in der richtung "getelementsbyclass", "getelementbyid",... probiert - leider ohne erfolg.

im idealfall hätte ich gerne in der index.html eine funktion welche mir wenn ich auf ein element clicke einen alert ausgiebt und die id des elements anzeigt.

oh, ihr würdet mir den tag versüssen, wenn ihr mir freundlicherweise helfen könntet.

ps.: falls die informationen nicht ausreichen, liefere ich gerne fehlendes nach!

23.04.2014, 11:24 Uhr - Editiert von rapunzel123, alte Version: hier

schon probiert jquery einzubinden? damit sollte sich das einfach realisieren lasssen.

schon probiert jquery einzubinden? damit sollte sich das einfach realisieren
lasssen.

Ich glaub eher, er sucht jemanden, der für ihn den Code schreibt.

Für den Fall dass nicht, wäre es zu empfehlen sich mal ein JavaScript-Buch zu beschaffen oder ein umfangreiches JavaScript-Tutorial durchzuarbeiten.

23.04.2014, 11:32 Uhr - Editiert von hellbringer, alte Version: hier

um nicht den eindruck entstehen zu lassen, dass mir jemand code schreiben soll - das möchte ich nicht! ich bin am lernen und eigentlich grafiker - dementsprechend sind meine programmierkenntnisse begrenzt. letztens bin ich auf framerjs.com gestossen und war begeistert, dass ich damit mein photoshopdokument als website ausgeben kann. seitdem versuche ich zu verstehen, was ich damit machen kann.

framerps erzeugt eine app.js. von der aus kann ich (und das kann ich auch

auf die generierten elemente zugreiffen, mouseevents drauflegen, javascript funktionen ausführen, das element unsichtbar machen, verschieben,... kann.

was mir fehlt (glaube ich) ist html wissen. dementsprechend auch die frage wie ich die elemente aus der index.html ansprechen kann. wenn ich in der index.html z.b. einen button generiere, kann ich den über seinen namen auch in der index.html im script tag ansprechen. meine idee war dass ich damit auch die eingetragenen elemente aus framerjs anprechen kann - das geht so aber nicht. mein schluss daraus ist, dass man den namen anders schreiben muss oder die framerjs elemente nicht "direkt" im dokument liegen sondern auf einer anderen "ebene", "container", "klasse"und dementsprechend eine art "pfad" dahin angegeben werden muss. genau dazu bitte ich um hilfe um dann weiterforschen und -lernen zu können.

Dein Problem ist, dass du irgendein Tool verwendest, von dem du überhaupt nicht verstehst, was es im Hintergrund macht. Genauer gesagt: Dir fehlt Grundlagenwissen. Und das solltest du dir zuerst aneignen und nicht mit Tools herum hantieren, die dich vor fertigen Tatsachen stellen.

Just my 2 Cents.

lieber hellbringer,

ich gebe dir vollkommen recht. mein ansatz ist ein anderer: ich muss aber nicht verstehen wie ein autobus funktioniert, wenn ich die information habe, dass wenn ich (durch die offene tür) einsteige, mich das ding dann von a nach b bringt (unter berücksichtigung weiterer variablen wie "ist ein fahrer anwesend und willig", "diesel im tank",...)

es handelt sich hier um ein spassprojekt von mir, das mich gerade interessiert. ich habe die letzten drei wochen damit verbracht, mir javascript kenntnisse anzueignen und kann damit bei meinem projekt alles machen, was ich brauche.

nun hatte ich eine neue idee zu dem projekt und die lässt sich nicht auf javascriptebene, sondern nur in html umsetzen. ich muss wirklich nur wissen, wie ich die elemente, welche ich problemlos in javascript ansprechen kann, über html "erwische".

damit kann ich dann an meiner bastelei weiterarbeiten. aus diesem grund frage ich auch hier höflich im forum, weil es, soweit ich das einschätzen kann, eine kleine sache ist und nicht "ich hab da eine idee zu einem projekt, kann das jemand für mich auf die schnelle bauen". ich hoffe das ist verständlich.

sollte meine frage keine kleine sache sein, sondern die lösung eine komplizierte angelegenheit sein, wäre ich dankbar, wenn du mich darüber aufklären könntest.

23.04.2014, 12:17 Uhr - Editiert von rapunzel123, alte Version: hier

über jquery bin ich bei meiner recherche schon gestolpert - das übersteigt meinen programmierhorizont im moment leider. soweit ich jquery durchblickt habe ist es eine javascript library, welche verschiedene funktionen vereinfacht. also müsste das auch im "nackten" javascript gehen und ich denke, das würde dann auch funktionieren und ich würds verstehen.

hat sich erledigt

Dieses Forum ist eine frei zugängliche Diskussionsplattform.
Der Betreiber übernimmt keine Verantwortung für den Inhalt der Beiträge und behält sich das Recht vor, Beiträge mit rechtswidrigem oder anstößigem Inhalt zu löschen.
Datenschutzerklärung