Folgendes Szenario:
Ich habe eine lokale html Datei auf Platte liegen, die folgenden
Abschnitt enthält:
1 | <iframe src="domain-not-under-my-control.com/form.html" data-month="1">
|
2 | </iframe>
|
3 |
|
4 | <iframe src="domain-not-under-my-control.com/form.html" data-month="2">
|
5 | </iframe>
|
6 |
|
7 | <iframe src="domain-not-under-my-control.com/form.html" data-month="3">
|
8 | </iframe>
|
9 |
|
10 | //... noch ein paar mehr iframes mit immer derselben form
|
Ich binde von einer Domain, die nicht unter meiner Fuchtel steht
mehrmals ein Formular über ein iframe in mein lokales html ein.
Ich möchte folgendes bewerkstelligen wovon mich die same-origin-policy
noch stoppt:
Sobald ein iframe geladen ist, soll ein Wert in der <select>-Box
innerhalb des Formulars selektiert werden (in jedem iframe wird ein
anderer Wert selektiert) und dann das Formular abgeschickt werden.
Sinngemäß sieht das Formular so aus:
1 | <form action="displaydata.php" method="post">
|
2 | <select name="month">
|
3 | <option value="1">1</option>
|
4 | <option value="2">2</option>
|
5 | <option value="3">3</option>
|
6 | //...
|
7 | </select>
|
8 | <input type="submit" value="Send" />
|
9 | </form>
|
Manuell mit Maus funzt das ohne Probleme, aber das ist lästig. Möchte
ich dasselbe mit javascript machen, spuckt mir die same-origin-policy in
die Suppe.
Wie kann man das bewerkstelligen? Ein Lösung ohne Add-Ons wäre super,
Greasemonkey wäre auch akzeptabel. Es wäre auch ok wenn es erstmal nur
im Firefox geht.