4
Object-OnClick-Event von darin geladenem HTML auslösen
Hallo,
ich suche nach einer Möglichkeit um von einer HTML-Datei (html_to_load.html), die innerhalb eines object von einer anderen Seite dargestellt wird, das OnClick-Event des Objects auszulösen.
<object type="text/html" data="html_to_load.html" onclick="object_clicked()"></object>
ich suche nach einer Möglichkeit um von einer HTML-Datei (html_to_load.html), die innerhalb eines object von einer anderen Seite dargestellt wird, das OnClick-Event des Objects auszulösen.
<object type="text/html" data="html_to_load.html" onclick="object_clicked()"></object>
Auf Facebook teilen
Auf Twitter teilen
Auf Reddit teilen
Auf Linkedin teilenBitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 257594
Url: https://administrator.de/forum/object-onclick-event-von-darin-geladenem-html-ausloesen-257594.html
Ausgedruckt am: 23.12.2024 um 14:12 Uhr
4 Kommentare
Neuester Kommentar
Hallo mabue,
wenn du deinem Object eine ID verpasst dann kannst du z.B. so das Click-Event des Objects in deiner html_to_load.html triggern:
Der Nutzen scheint mit aber begrenzt, wenn du doch die passende Funktion doch schon aus dem Subdocument direkt aufrufen kannst.
Grüße Uwe
wenn du deinem Object eine ID verpasst dann kannst du z.B. so das Click-Event des Objects in deiner html_to_load.html triggern:
<body onclick="parent.document.getElementById('testobject').click()">
Grüße Uwe
Hallo colinardo,
danke für deinen Tipp. Aber wie du schon vermutest, ist das nicht ganz das was ich will.
Hier nochmal eine genauere Beschreibung:
Ich habe auf einer HTML-Seite mehrere Buttons zum Ausführen diverser Aktionen. Optisch sind diese Buttons identisch, lediglich deren Beschriftung ist unterschiedlich.
Aus diesem Grund habe ich eine HTML-Datei erstellt, welche den Button darstellt. Über einen Get-Parameter wird die Beschriftung eingestellt.
In der eigentlichen HTML-Seite wird diese Seite für jeden benötigten Button mit einem Object-Tag eingefügt.
Um die "Button-HTML" möglichst flexibel zu gestallten würde ich darin nur sehr ungern auf Eigenschaften der "Eltern-HTML" zugreifen.
Wie gesagt, perfekt wäre es, wenn das onclick-Event vom Object-Tag ausgelöst werden würde und ich darin dann eine beliebige Funktion aufrufen könnte:
Eine Möglichkeit die ich im Netz gefunden habe ist das darüberlegen eines transparenten Divs, über welches das Event ausgelöst wird. Das funktioniert auch soweit, allerdings wird der Quellcode damit deutlich größer und Dinge wie z.B. CSS-Hover funktionieren in der button.html dann nicht mehr...
danke für deinen Tipp. Aber wie du schon vermutest, ist das nicht ganz das was ich will.
Hier nochmal eine genauere Beschreibung:
Ich habe auf einer HTML-Seite mehrere Buttons zum Ausführen diverser Aktionen. Optisch sind diese Buttons identisch, lediglich deren Beschriftung ist unterschiedlich.
Aus diesem Grund habe ich eine HTML-Datei erstellt, welche den Button darstellt. Über einen Get-Parameter wird die Beschriftung eingestellt.
In der eigentlichen HTML-Seite wird diese Seite für jeden benötigten Button mit einem Object-Tag eingefügt.
Um die "Button-HTML" möglichst flexibel zu gestallten würde ich darin nur sehr ungern auf Eigenschaften der "Eltern-HTML" zugreifen.
Wie gesagt, perfekt wäre es, wenn das onclick-Event vom Object-Tag ausgelöst werden würde und ich darin dann eine beliebige Funktion aufrufen könnte:
<object data="button.html?text=Aktion1" onclick="Aktion1_geklickt()"></object> Eine Möglichkeit die ich im Netz gefunden habe ist das darüberlegen eines transparenten Divs, über welches das Event ausgelöst wird. Das funktioniert auch soweit, allerdings wird der Quellcode damit deutlich größer und Dinge wie z.B. CSS-Hover funktionieren in der button.html dann nicht mehr...
Wie gesagt, perfekt wäre es, wenn das onclick-Event vom Object-Tag ausgelöst werden würde und ich darin dann eine beliebige Funktion aufrufen könnte:
OK, das müsste hiermit in deiner "Button-HTML" gehen, damit umgehst du irgendwelche "festen" Referenzen in deiner "Button-HTML"-DateionClick="window.frameElement.click()"
Perfekt! Das funktioniert genau so wie ich wollte!
Danke!
Danke!
