2010-02-08 6 views
2

J'ai l'obligation de créer une page Web compatible sur tous les navigateurs Web mobiles, mais je suis complètement bloqué sur la conception de la solution.Solution de page Web de navigateur mobile

J'ai été chargé de construire une seule page Web que les utilisateurs remplissent et ensuite au bas de la page, on leur donne l'option d'enregistrer un brouillon (pour le renvoyer à une date ultérieure et compléter) ou marquer le formulaire comme complet (qui finalise le processus). Le formulaire est simplement un formulaire HTML standard avec des éléments de formulaire tels que des zones de texte, des boutons et des listes déroulantes. Il n'y a pas d'ajax, de CSS avancé ou de jquery, etc.

Les deux contraintes majeures qui rendent ce difficile sont:

1/Après la page Web est chargée, l'utilisateur doit être en mesure de remplir le formulaire déconnecté de toute connexion Internet et ensuite passer dans une zone Internet, reconnectez-vous et enregistrez le formulaire. 2/En cliquant sur certains boutons, une fenêtre contextuelle doit apparaître et ils ne peuvent pas retourner à la page parente jusqu'à ce qu'ils cliquent sur annuler ou enregistrer.

Comment puis-je gérer les fenêtres contextuelles lorsque, par exemple, l'iPhone les lance dans un écran séparé?

Comment puis-je créer une popup DIV quand je ne peux pas utiliser AJAX pour obtenir le rendu HTML, ou utiliser javascript pour manipuler le DIV quand il pourrait ne pas être supporté?

Depuis que la page va être utilisée par les utilisateurs mobiles et de bureau, je génère le formulaire en XML et en utilisant XSLT pour transformer en fonction de la plate-forme d'affichage. Je pensais pouvoir ensuite conserver le document XML original dans une variable globale javascript et toute modification, suppression ou ajout aux éléments de formulaire que je pourrais utiliser js pour mettre à jour le document XML, qui serait ensuite publié sur le serveur lors de la sauvegarde. Mais tous les navigateurs mobiles ne prennent pas en charge le javascript.

Ceci est mon premier projet mobile, donc je suis vraiment bloqué sur celui-ci. Soo .... appeler tous les professionnels de l'informatique, si quelqu'un pouvait m'aider avec cela et me diriger dans la bonne direction, je serais éternellement reconnaissant!

Merci d'avance.

Répondre

1

Juste sur cette partie:

En cliquant sur certains boutons, une fenêtre doit apparaître et ils ne peuvent pas revenir à la page des parents jusqu'à ce qu'ils annulent ou enregistrer

qui sonne comme un bon usage cas pour la méthode JavaScript confirm, si le contenu de la popup peut être juste du texte. N'êtes-vous pas autorisé à utiliser JavaScript pour une raison quelconque? (Manque de support sur les navigateurs mobiles?)

+0

Salut, Ne pas tomber sur la méthode de confirmation alors va vérifier, merci! La fenêtre contextuelle inclura un formulaire (zones de texte, boutons, etc.) et une table. L'utilisateur doit pouvoir supprimer une ligne de la table et modifier une ligne et créer une nouvelle ligne à l'aide du formulaire. Pendant tout ce temps j'ai besoin d'enregistrer l'entrée de l'utilisateur car l'utilisateur peut être déconnecté, d'où ma solution (nieve?) Xml Document. Si je suis obligé d'utiliser javascript alors qu'il en soit ainsi, tous les navigateurs ne supportent pas la même version de script ECMA ou DOM et mon plan pour manipuler le document Xml pourrait ne pas être possible. –

+1

Ah - oui, 'confirm' ne fonctionne pas pour le contenu HTML. Je ne suis pas tout à fait clair sur la façon dont XML aide pour l'ensemble "accepter entrée tout en hors ligne, soumettre quand en ligne" problème. HTML plus JavaScript semble le moyen d'y aller (je pense à un appel JavaScript AJAX pour vérifier que vous êtes en ligne avant de soumettre, en retournant false sinon). En ce qui concerne le support JavaScript, je vérifie simplement quels téléphones sont utilisés par les entreprises clientes.Si cela fonctionne sur ceux-ci, plus les téléphones qui sont réellement populaires (c'est-à-dire l'iPhone), vous êtes en or. –

+0

La partie où ils se reconnectent pour enregistrer le formulaire a été écrite par quelqu'un d'autre et est purement basée sur la confiance de l'utilisateur dans une zone Internet, tout ce qu'ils programmaient était un délai de 2 secondes afin qu'il puisse se reconnecter avant d'envoyer les données. Cela fonctionne, mais doit changer depuis n'importe quelle erreur et ils perdront leurs données de forme. Je vais devoir créer des prototypes en utilisant tout le javascript que je compte utiliser et tester avec quelques émulateurs. Pas un petit boulot mais je suppose que ça doit être fait, essai et erreur ici je viens! Merci –

Questions connexes