2010-11-22 16 views
0


Je travaille sur un petit projet, il est un web Arracheuse créée en python, mais mon problème tourne construire autour d'une interface utilisateur javascript pour sélectionner DOM nœuds a trouver leur Xpath's.Création d'interface interface utilisateur pour une application Javascript

J'ai donc résolu la partie technique mais mon problème est de savoir comment créer une interface pour le script.
Je comptais construire une forme html dans un iframe qui remplira un utilisateur avec des noeuds sélectionnés.

de Le modèle de XPath est passé à l'script python et les informations sont traitées.

Donc, le plan est un utilisateur clique sur le « bouton Exécuter », le higlighting démarre, il met en évidence sur mouseover des événements et onclick événement est calculé le XPath et ajouté à champ approprié. Momentanément mon idée est d'insérer un iframe dans la page sélectionnée, d'exécuter le script et de collecter les informations de la manière décrite ci-dessus. J'ai donc été intéressé si vous aviez une meilleure idée, ou une suggestion sur la façon de créer l'interface, car je ne veux pas utiliser une approche compliquée s'il y en a une plus facile.

Cordialement FJ

+0

Quelle est la question? Cela semble vague en ce moment ... –

+0

Je cherche une proposition. Quoi de mieux pour implémenter iframes ou utiliser une approche différente. Parce qu'il y a beaucoup de problèmes lors de l'utilisation de scripts cross-site iframe, etc. – Muha

Répondre

0

Ma première hypothèse est que vous voulez construire une scrapper de page Web générique où l'utilisateur peut spécifier certains noeuds DOM dans la page active. Je suggère d'utiliser une solution basée sur bookmarklet. Vous donnez un bookmarklet à l'utilisateur et il le fait glisser vers sa barre d'outils. Chaque fois qu'il a besoin de gratter une page il clique simplement le signet et vous commencez à injecter votre code javascript dans cette page (par exemple, dans < scénario > tags)

Une fois que vos scripts que vous chargez devez miment le même comportement que vous parliez . Mettez en surbrillance l'élément DOM sur la souris et sélectionnez le clic. Vérifiez l'Explorateur DOM de firebug pour voir comment il devrait fonctionner et regarder. Lors de la soumission, vous pouvez envoyer les données à votre serveur via JSONP ou un appel iframe et désactiver vos scripts