2010-09-28 8 views
0

Je construis une application web et je dois créer un widget formulaire de commentaires afin que les utilisateurs peuvent mettre dans leurs sites Web et toutes les données soumises seront enregistrées dans mon application Web. J'ai également besoin d'avoir une authentification dans le widget avant que l'utilisateur ne puisse soumettre l'information (en utilisant mon formulaire de connexion à l'application ou un compte facebook par exemple).besoin de conseils pour créer un widget javascript

Je n'ai jamais construit quelque chose comme ça. Quel est le meilleur moyen?. Je ne suis pas vraiment compatible avec le javascript brut. Mais si j'utilise jquery, cela peut entrer en conflit avec la page du client. Et qu'en est-il des demandes inter-domaines?

Notez que la première version de mon widget doit être dans une fenêtre contextuelle.

Merci pour votre aide.

+0

Oubliez le popup. Ce que je veux, c'est une fenêtre modale (quelque chose comme ça: http://getsatisfaction.com/explore/widgets – brpaz

Répondre

1

Ou, si un iframe ou d'une fenêtre pop-up ne sont pas ce que vous aviez à l'esprit, vous pouvez faites toujours cela avec AJAX, mais vous devrez utiliser JSONP ou définir le Access-Control-Allow-Originheader dans toutes vos réponses. Cependant, cela dit, votre meilleur pari est probablement un iframe. Cela vous permet de déployer des correctifs de bogues immédiatement et ne repose pas sur le client pour mettre à jour leur client à la dernière version.

1

Dans votre cas, je vous conseille d'utiliser un . Il devrait empêcher tout conflit javascript se produisant entre votre cadre et le site Web parent, ainsi que largement soutenu par tous les principaux navigateurs Web.

Vous devriez alors être en mesure d'ouvrir une fenêtre en utilisant la méthode window.open. Je serais prudent avec les fenêtres contextuelles car il n'y a pas de méthode de navigateur croisé fiable pour détecter si une fenêtre contextuelle a été bloquée, ce qui peut laisser les utilisateurs confus.

0

Si c'est un popup, vous pouvez simplement ouvrir sur des personnes ouvrant la page de commentaires sur votre webapp ...

<head> 
    <script type="text/javascript"> 
     function mypopup(url) { 
       mypopup = window.open(
       url, 
       "mypopup", 
       "width=600,height=400,status=yes,scrollbars=yes,resizable=yes" 
      ); 
       mypopup.focus(); 
     } 
    </script> 
</head> 
<body> 
    <a href="#" onclick="mypopup('http://example.com/feedbackform');"> 
     Open Feedback Form 
    </a> 
</body> 
Questions connexes