2009-11-30 6 views
1

J'espère obtenir quelques conseils, imaginez si vous voulez vous êtes sur un site Web et vous êtes accueilli uniquement avec le menu de navigation, cliquez sur le menu de navigation qui se trouve dans le côté gauche de l'écran, vous pouvez ajouter divers contenus à le côté droit de l'écran qui est chargé en divs individuels puis s'est effondré en accordéons (ce qui fait effectivement un site d'une page (Oui, je suis conscient de la mauvaise SEO, Accessibilité et utilisabilité) .Mais cela soulève quelques questions de moi 1 Quel serait le meilleur moyen de charger les données pour chacun de ces 'modules' au fur et à mesure qu'ils sont cliqués. Comment charger les vues codeigniter en quittant la page d'index? 2) L'utilisateur peut également supprimer des 'modules' comment cela peut-il être réalisé sans quitter la page? 3) S'il y a 3 pages qui sont chargées à partir de 3 vues différentes dans un accordéon, comment puis-je faire pour qu'un seul accordéon puisse être ouvert? 4) Si le 'module' a d'autres liens dedans, il devrait charger dans une autre vue à gauche de celui-ci, comment pourrais-je contrôler cela?Une page Codeigniter site utilisant jquery? ajax?

Je sais que je demande beaucoup de conseils mais je n'ai jamais rien vu sur le web qui soit comme ceci et apprécierais vraiment quelques commentaires sur la meilleure manière d'aborder ceci.

+0

vous devrez vous assurer que vous avez au moins quelques fonctionnalités sans cela aussi bien! – espais

+0

si j'utilise la fonction load() de jquery, le lien devrait revenir à la fonctionnalité de lien normale – Udders

Répondre

5

C'est vraiment une question sur jQuery, et les méthodes Ajax de jQuery. Vous ne demandez rien de trop difficile ici. Juste un menu qui fait des appels asynchrones au serveur pour le contenu, et charge le HTML respose dans un DIV particulier.

$("a.homePage").click(function(){ 
    showLoadingAnimation(); // Indicate ajax-loading 
    $("div.Container").load("/home", {}, function(){ 
    hideLoadingAnimation(); // Hide indicator after content is loaded 
    }); 
}); 

Cela charge dans votre vue home. Assurez-vous simplement qu'il n'apporte pas de modèle avec. Une fois que vous avez commencé le développement réel, revenez ici pour poser des questions plus spécifiques afin d'obtenir des réponses plus rapides et plus complètes. Que se passe-t-il si un utilisateur n'a pas activé javascript lors de la visite de votre site?

+0

+1 pour un excellent point de départ – espais